/* CSS Document */
/* for all documents */

/*
TODO** - this appears to be an orphaned style - just keeping it termporarily - delete this style
.mainBtmText{
	padding: 48px 170px 0 18px;
	width:390px;
	height:56px;
	font-size: 11px;
	color:#FFFFFF;
	text-align:left;
}
*/
.mainRules{
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:top;
}

.MAINIMAGERULES {
	background-image: url(../images/pics/main_kids_text.jpg);
	height: 226px;
	width: 579px;
	vertical-align: bottom;
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
	background-repeat: no-repeat;
}

.MAINNEWSLETTERSIGNUPHEADER{
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 55px;
}
.MAINNEWSLETTERSIGNUPINNARDS{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../images/elements/nl_signup.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 125px;
	padding-left: 45px;
	height: 46px;
	vertical-align: top;
}

.HEADERAUDIO{
	height:18px;
	font-size: 12px;


	padding-left: 8.px;
	background-color: #486755;
	color: #C4D2C9;
	font-weight: BOLD;
	text-align: left;
	vertical-align: middle;
	padding-top: 2px;
	padding-left: 8px;
}

.HEADERDISPLAY{
	height:18px;
	font-size: 12px;
	padding-left: 8px;
	background-color: #515D6D;
	color: #CDD1D8;
	font-weight: BOLD;
	text-align: left;
	vertical-align: middle;
	padding-top: 2px;
}

.HEADERWHY{
	height:18px;
	color: #293543;
	font-size: 12px;
	padding-left: 8px;
	background-color: #75879F;
	font-weight: BOLD;
	text-align: left;
	vertical-align: middle;
	padding-top: 2px;
}

.mainImages{
	text-align: left;
	vertical-align: top;
}
	
.pixelOffset{
	padding: 0 0 0 10px;
}

.horizontalWhiteSpacer{
	width:3px;
	height: 8px;
	background-color: #FFFFFF;
	vertical-align: top;
}

.verticalWhiteSpacer{
	width: 10px;
	height: 3px;
	background-color: #FFFFFF;
}

.listBoxRules{
	width: 155px;
	text-align: left;
	vertical-align: top;
	padding: 10px 0 0 20px;
}

.mainContentBoxRules{
	background-color: #F1F1F1;
	border-top: 1px solid #D0D5DB;
	vertical-align: top;
	text-align: left;
}

.mainContentBoxFill{
	background-color: #F1F1F1;
}

.leftMainContent{
	padding: 0 10px 0 0;
	vertical-align:top;
	width: 579px;
	width: 579px;
	text-align: left;
	text-align: right;
	text-align: center;
}

a:link {
	color: #656647;
	font-weight:bold;
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
	font-weight:bold;
	color: #656647;
}

a:hover {
	text-decoration: none;
	font-weight:bold;
	color: #656647;
}

a:active {
	
	text-decoration: underline;
	font-weight:bold;
	color: #656647;
}

ul{
	font-size:11px;
	color:#7388A6;
	list-style-type:disc;
	padding: 0 0 0 0;
}

li{
	list-style-position:outside;
	list-style-type:disc;
}

/****************************************************     MENU STYLES     **********************************************/

	#mainnav {
		/* color */ background: url(../images/mainnav.jpg);
		/* layout */ float:left; margin:0; padding:0 0 0 35px; position:relative; width: 544px;
		/* type */ line-height:26px;}
	
			#mainnav ul {
				/* color */ 
				/* layout */ float:left; margin:0; padding:0; width:135px;
				/* type */ list-style:none; }
				
			#mainnav a, #mainnav h2 {
				/* type */ font:13px/16px Verdana, Arial, Helvetica, sans-serif ; line-height:26px; 
				/* layout */ display:block; margin: 0; padding: 0px 5px;
				/*color */  }
			
			#mainnav h2 a, #mainnav h2 a:hover {
				/* color */ background:none; padding:0; }
				
			#mainnav h2 a:hover {
				/* color */ color:#A7BEDF; }
			
			#mainnav h2 {
				/* color */ color:#fff;
				/* type */  }
			
			#mainnav a {
				/* color */ background:#000000; color:#ffffff;
				/* layout */ height:26px;
				/* type */ text-decoration:none; line-height:26px;}
			
			#mainnav a:hover {
				/* color */ background:#000000; color:#A7BEDF; }
				
			#mainnav li {
				/* layout */ position: relative; list-style:none; }
				
			#mainnav ul ul {
				/* layout */ position: absolute; z-index: 500; }
				
			#mainnav ul ul ul {
				/* layout */ position: absolute; top: 0; left: 100%; }
				
			div#mainnav ul ul {
				/* layout */ display:none; }
			
			div#mainnav ul li:hover ul {
				/* layout */ display:block; }
				
			div#mainnav ul ul,
			div#mainnav ul li:hover ul ul,
			div#mainnav ul ul li:hover ul ul, {
				/* layout */ display:none; margin:0; padding:0; }
			
			div#mainnav ul li:hover ul,
			div#mainnav ul ul li:hover ul,
			div#mainnav ul ul ul li:hover ul {
				/* layout */ display:block; margin:0; padding:0; }

.menuSpacer{
	padding: 0 12px 0 0;
	width: 88px;
	background-image:url(../images/menu/spacer.jpg);
	font-size:10px;
	color:#112033;
	font-weight:bold;
}

 
.menuSpacer a:link{
	padding: 0 0 4px 0;
	color: #FFFFFF;
}

.menuSpacer a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

.menuSpacer a:hover {
	text-decoration: underline;
	color: #112033;
}

.menuSpacer a:active {
	text-decoration: none;
	color: #FFFFFF;
}

/****************************************************  END MENU STYLES    **********************************************/

/****************************************************     HEADER STYLES     **********************************************/

#headerLinksMain{
	font-size:10px;
	color:#000000;
	font-weight:bold;
	vertical-align:top;
	width: 170px;
}

.headLine{
	height: 18px;
	padding: 0px 0 4px 0px;
}

.headerLinksLead{
	padding: 0 0 4px 0px;
}

.headerLinks{
	padding: 0 0 4px 0;
}

.headerLinks a:link{
	text-decoration: none;
	padding: 0 0 4px 0;
	color: #00275d;
}

.headerLinks a:visited {
	text-decoration: none;
	color: #00275d;
}

.headerLinks a:hover {
	text-decoration: underline;
	color: #839ab7;
}

.headerLinks a:active {
	text-decoration: none;
	color: #00275d;
}

.headerLinksLead a:link{
	text-decoration: none;
	padding: 0 0 4px 0;
	color:#00275d;
}

.headerLinksLead a:visited {
	text-decoration: none;
	color: #00275d;
}

.headerLinksLead a:hover {
	text-decoration: underline;
	color: #839ab7;
}

.headerLinksLead a:active {
	text-decoration: none;
	color: #00275d;
}

.headerVline{
	width:1px;
	padding: 0 4px 4px 4px;
}
/*************************************************     END HEADER STYLES     *********************************************/

/*************************************************     RIGHT CALLOUT STYLES     ******************************************/

.phoneText{
	color:#9B2C2C;
	font-size:16px;
	font-weight:bold;
	padding: 0 0 2px 0;
}

.testimonial{
	padding: 0 0 0 10px;
}

.testimonialIMG{
	vertical-align:middle;
}

.testimonialText{
	color:#9B2C2C;
	font-size:11px;
	font-weight:normal;
	padding: 9px 0 5px 0;
	white-space: normal;
}

.testimonialTextpicturebox{
	color:#9B2C2C;
	font-size:11px;
	width: 100px;
	font-weight:normal;
	padding: 9px 0 5px 7px;
	white-space: normal;
}

.testimonialText a:link {
	color:#9B2C2C;
	text-decoration: underline;
	font-weight:bold;
}

.testimonialText a:visited {
	color:#9B2C2C;
	text-decoration: underline;
	font-weight:bold;
}

.testimonialText a:hover {
	color:#CF5858;
	text-decoration: underline;
	font-weight:bold;
}

.testimonialText a:active {
	color:#9B2C2C;
	text-decoration: underline;
	font-weight:bold;
}






.rightCall{
	padding: 8px 0 0 0;
}

#rightCalloutMain2{
	width: 170px;
	padding: 0 0 0 0;
	font-size: 11px;
	color: #656647;
	text-align: left;
	background-color: #EEEFBC;
	vertical-align: top;
}

.mainRightYellowBoxContactTitle{
	height: 25px;
	width: 170px;
	background: url(../images/mainnav.jpg) no-repeat;
	vertical-align: middle;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	padding: 1px 0 0 10px;
	font-weight:bold;
}

.mainRightYellowBoxInnerBoxRules{
	padding: 8px 10px 12px 8px;
	vertical-align: top;
	font-size: 11px;
	color: #656647;
	text-align: left;
	padding: 8px 10px 12px 8px;
}

.mainRightYellowBoxInnerBoxPadding{
	padding: 8px 0 0 10px;
}

.mainRightYellowBoxText{
	vertical-align: top;
	font-size: 11px;
	color: #656647;
	text-align: left;
	width: 150px;
	padding: 4px 0 0 0;
}

.rightCalloutTextWimage{
	width: 160px;
	vertical-align: top;
	font-size: 11px;
}

.rightCalloutImage{
	vertical-align:top;
	padding-bottom: 5px;
	padding-left: 5px;
}



.mainRightYellowBoxHeader{
	font: Verdana;
	font-weight: bold;
	color: #656647;
	padding: 6px 0 0 0;
	font-size: 11px;
}


.newslettersignupLinkText{
	font-weight: bold;
	color: #EEEEEE;
	font-size: 11px;
	padding-top: 21px;
}



.newslettersignupLinkText a:link {
	color: #EEEEEE;
	text-decoration: none;
	font-weight: bold;
}

.newslettersignupLinkText a:visited {
	color: #EEEEEE;
	text-decoration: none;
	font-weight: bold;
}

.newslettersignupLinkText a:hover {
color: #999999;
	text-decoration: none;
	font-weight: bold;
}

.newslettersignupLinkText  a:active {
	color: #EEEEEE;
	text-decoration: none;
	font-weight: bold;
}












.rightCalloutLine{
	padding: 10px 0 0 0;
	vertical-align: top;
}

.rightYellowBoxButton{
	padding: 8px 0 0 0;
	vertical-align: top;
}

.rightCalloutMoreBTN2{
	padding: 4px 0 0 10px;
	vertical-align: top;
}

.mainRightYellowBoxRules{
	width: 170px;
	padding: 0 0 0 0;
	font-size: 11px;
	color: #656647;
	text-align: right;
	vertical-align: top;
	background-color: #EEEFBC;
}

.mainRightYellowBoxTopLine{
	border-top-color:#FFFFFF;
	border-top-style:solid;
	border-top-width: 0px;
	text-align: left;
	width: 170px;

}

/***********************************************     END RIGHT CALLOUT STYLES     ***************************************/

/***********************************************    LOGO CLASS AND LINK STYLES    ***************************************/
.logo{
	width: 149px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
}

.logo a:link {
	color: #FFFFFF;
	background-color:#FFFFFF;
	padding:0 0 0 0;
}

.logo a:visited {
	color: #FFFFFF;
	background-color:#FFFFFF;
	padding:0 0 0 0;
}

.logo a:hover {
	color: #FFFFFF;
	background-color:#FFFFFF;
	padding:0 0 0 0;
}

.logo a:active {
	color: #FFFFFF;
	background-color:#FFFFFF;
	padding:0 0 0 0;
}

.indexsidebartextrules{
	padding-right: 10px;
}










/***********************************************  END LOGO CLASS AND LINK STYLES   ***************************************/

/***********************************************     FOOTER STYLES     ***************************************/

.footer{
	padding: 10px 0 2px 13px;
	font-size: 11px;
	color:#000000;
}

.copyright2{
	font-size: 9px;
	color:#666666;
	text-align:left;
}

.legal{
	padding: 0 0 0 0;
	font-size: 9px;
	color:#666666;
	text-align:right;
}

/***********************************************   END FOOTER STYLES   ***************************************/
.indexinnerTextTableMainRules {
	width: 350px;
	padding-bottom: 10px;
	padding-left: 35px;
	font-size: 14px;
	color: #E1E1E1;
}
.shifter {
	margin-left: 15px;
}