/*
SBC Content CSS Framework v6

Description:
	This stylesheet applies the content on the web pages
	that will be made up of the copy and page elements.
	This file should not be used to effect changes to the
	layout of the web site, but only how the content will
	be displayed within the layout design.
	
Instructions:
	Do not edit this file, unless the change that you're 
	making needs to affect the entire web site.  There 
	is a good chance that not all of the elements listed 
	in this framework, are necessary for all pages.  If 
	this is the case, create a new CSS stylesheet for 
	those pages, and link that style sheet to those pages 
	directly.  You may also redefine elements in the new 
	style sheet to change the default content elements defined 
	in this file, but you should not edit this file to change
	the look of 1 page or a group of pages.
	
	This file uses the ems percentage method vs the pixels to
	set the font size for the page copy.  The reason for this
	is to allow the browser to grow the text if the visitor
	needs to see the page in a larger view.
*/
html {
	font-size: 100%; /* Sets the base size for all elements */
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #333333;
}
body {
	font-size: 62.5%; /* resets pixel size to 10px */
}
form {
	margin: 0px;
	padding: 0px;	
}
input[type='text'], input[type='password'], textarea {
	font-family: Arial, Helvetica, sans-serif;
}
input[type='button'], input[type='submit'] {
	font: bold 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #333333;
}
input[type='button']:hover, input[type='submit']:hover {
	font: bold 14px "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #CC0000;
}
a:link, a:visited {
	color: #0000cc;
	text-decoration: underline;
	font-weight: bold;
}
a:hover, a:active {
	color: #cc0000;
	text-decoration: underline;
	font-weight: bold;
}
img {
	border: none;
}
* #mainNav {
	font-size: 12px;
	color: #7F7F7F;
	line-height: 20px;
}
#mainNav a:link, #mainNav a:visited, #mainNav a:active {
	color: #d2d2d2;
	text-decoration: none;
	font-weight: normal;
}
#mainNav a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#mainNav a[href='sitemap.php'] {
	display: block;
	float:right;
}
#mainNav a[href='http://joepolish.sitebuildercorp.com/sitemap.php'] {
	display: block;
	float:right;
}
.contentPadding {
	padding-left: 8px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-top: 10px;
}
* #content {
	font-size: 1.2em; /* 10 * 1.2 = 12px */
}
#content a:link, #content a:visited {
	color: #0000cc;
	text-decoration: underline;
	font-weight: bold;
}
#content a:hover, #content a:active {
	color: #cc0000;
	text-decoration: underline;
	font-weight: bold;
}
#content .h1Wrapper {
	/*background: url(../images/currentpagejoebar.jpg) repeat-x;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	height: 107px;*/
}
#content .h1Wrapper h1 {
/*	font-size: 2.4em;
	line-height: 6em;
	_line-height: normal;
	background: url(../images/currentpagejoe.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	_padding-top: 68px;
	min-width: 180px;
	color: #ffffff;
	float: right;*/
	text-align:center;
}
#content p {
	font-size: 12pt;
}
#content h1 {
	font-size: 2.4em;
}
#content h2 {
	font-size: 1.8em;
}
#content h3 {
	font-size: 1.6em;
}
#content h4 {
	font-size: 1.4em;
}
#content h5 {
	font-size: 1.2em;
}
#content h6 {
	font-size: 1.0em;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
* #footer {
	font-size: 1.3em;
}
#footerContent + p:first-line {
	margin-top: 0px;
	padding-top: 0px;
}
#footerContent b {
	font-size: 1.2em;
}
* #copyright {
	font: 1em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
}
#copyright a:link, #copyright a:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
#copyright a:hover, #copyright a:active {
	color: #FFFF66;
	text-decoration: underline;
	font-weight: bold;
}
#contentNav {
	font-size: 11pt;
}
#contentNav a:link, #contentNav a:active, #contentNav a:visited {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
#contentNav a:hover {
	color: #CC0000;
	font-weight: normal;
	text-decoration: underline;
}
.tw { /* Tiny Writing */
	font: 10px Arial, Helvetica, sans-serif;
}
.listenToJoeWrapper {
	background: url(../images/audio.jpg) no-repeat;
	width: 153px;
	height: 49px;
}
.JoeMessageWrapper {
	background: url(../images/audioplayer.png) no-repeat;
	width: 153px;
	height: 49px;
	margin-top: 10px;
}
.listenToJoeAudio {
	margin: 0px;
	padding: 9px 0px 0px 69px;
}
.redDialogueBaloonWrapper {
	/* background: url(../images/opt-in-bubble.jpg) no-repeat; */
	height: 134px;
	width: 162px;
	margin: 0px;
	padding: 0px;
}
.redDialogeBaloonContent {
	color: #FFFFFF;
	font-size: 1.2em;
	margin: 0px;
	padding: 62px 0px 0px 20px;
	text-align: center;
	line-height: 1.1em;
}
.pageMediaWrapper {
	background: url(../images/inside2-gradiant-bar.jpg) repeat-y;
}
#content .pageMediaWrapper h1 {
	text-align: center;
	font-size: 1.4em;
	color: #C50200;
	margin: 4px;
	padding: 0px;
}
#content .pageMediaContent {
	padding: 20px 20px 10px;
}
#content .pageMediaContent h1 {
	height: auto;
	background: none;
}
*#content .pageMediaContent {
 	line-height: 1.2;
	color: #000000;
}
.theToolTip {
	display: none;
}
.red {
	color: #cc0000;
}
.small {
	font-size: 11px;
}
legend {
	font-size: 12pt;
	color: #0186b3;
}
.hide {
	display: none;
}
.show {
	display: block;
}
h1.pageTitle {
	color: #0186b3;
}
/* Otpin Wrapper */
.OptinWrapper {
	margin: 0px auto;
	padding: 0px;
}
.OptinContent {
	margin: 0px auto;
	padding: 4px 0px 0px;
}
* .OptinContent {
	color: #000000;
	font-size: 1.2em;
}
#content div.numbernav {
	text-indent: 60px;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 480px;
	font-size: 16pt;
	line-height: 60px;
	display: block;
	color: #ffffff;
	font-weight: bold;
	clear: both;
}
#content div.number1 a:link, #content div.number1 a:active, #content div.number1 a:visited {
	background-image: url(../images/number1.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-decoration: none;
	display: block;
}
#content div.number1 a:hover {
	background-image: url(../images/number1-r.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-decoration: none;
	display: block;	
}
#content div.number2 a:link, #content div.number2 a:active, #content div.number2 a:visited {
	background-image: url(../images/number2.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-decoration: none;
	display: block;
}
#content div.number2 a:hover {
	background-image: url(../images/number2-r.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-decoration: none;
	display: block;
}
#content div.number3 a:link, #content div.number3 a:active, #content div.number3 a:visited {
	background-image: url(../images/number3.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-decoration: none;
	display: block;
}
#content div.number3 a:hover {
	background-image: url(../images/number3-r.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-decoration: none;
	display: block;
}
#content div.number4 a:link, #content div.number4 a:active, #content div.number4 a:visited {
	background-image: url(../images/number4.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-decoration: none;
	display: block;
}
#content div.number4 a:hover {
	background-image: url(../images/number4-r.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-decoration: none;
	display: block;
}
#content div.number5 a:link, #content div.number5 a:active, #content div.number5 a:visited {
	background-image: url(../images/number5.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-decoration: none;
	display: block;
}
#content div.number5 a:hover {
	background-image: url(../images/number5-r.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	text-decoration: none;
	display: block;
}
/* End Optin Wrapper */
#content a.thickbox:link, #content a.thickbox:active, #content a.thickbox:visited {
	color: #333333;
	display: none;
}
#content a.thickbox:hover {
	color: #cc0000;
	display: none;
}
.memberbronze {
	background-image: url(../images/member_bronze.jpg);
	background-repeat: repeat-y;
	width: 200px;
}
.membersilver {
	background-image: url(../images/member_silver.jpg);
	background-repeat: repeat-y;
	width: 200px;
}
.membergold {
	background-image: url(../images/member_gold.jpg);
	background-repeat: repeat-y;
	width: 200px;
}
.memberplatinum {
	background-image: url(../images/member_platinum.jpg);
	background-repeat: repeat-y;
	width: 200px;
}
table.shaddowBox {
}
table.shaddowBox td.shaddowBoxTopLeft {
	background-image: url(../images/box_top-left.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}
table.shaddowBox td.shaddowBoxTop {
	background-image: url(../images/box_top.png);
	background-repeat: repeat-x;
	height: 20px;
}
table.shaddowBox td.shaddowBoxTopRight {
	background-image: url(../images/box_top-right.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}
table.shaddowBox td.shaddowBoxLeft {
	background-image: url(../images/box_left.png);
	background-repeat: repeat-y;
	width: 20px;
}
table.shaddowBox td.shaddowBoxRight {
	background-image: url(../images/box_right.png);
	background-repeat: repeat-y;
	width: 20px;
}
table.shaddowBox td.shaddowBoxBottomLeft {
	background-image: url(../images/box_bottom-left.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}
table.shaddowBox td.shaddowBoxBottom {
	background-image: url(../images/box_bottom.png);
	background-repeat: repeat-x;
	height: 20px;
}
table.shaddowBox td.shaddowBoxBottomRight {
	background-image: url(../images/box_bottom-right.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
}