/* Family Cord Blood Stylesheet */
/* ISITE Design, Inc. */


body {
	background-image: url(../images/drop.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0 0 0 5px;
	text-align: center; /* for IE */
}

table tr td {font-family: Arial, Helvetica, sans-serif;font-size: 11px;}


/*-----------------------------------PAGE LAYOUT CONTAINERS-------------------------*/
/* #ContainerHead { position: relative; top: 0px; left: 0px; width: 764px; height: 120px; margin: 0 0 5px 0;} */
#ContainerHead { text-align: left; width: 764px; height: 120px; margin: 0 auto 5px auto;}
/* #ContainerTopNav { position: relative; top: 0px; left: 4px; width: 584px; height: 25px; z-index: 4000; } */
#ContainerTopNav { top: 0px; width: 584px; height: 25px; z-index: 4000; margin: 0 auto; }
#ContainerTopSearch { position: relative; float: right;  width: auto; height: 15px; }
/* #ContainerBody {position: relative; top: 20px; left: 25px; width: 735px; height: 23px; z-index: 0; } */
#ContainerBody {text-align: left; top: 20px; width: 735px; height: 23px; z-index: 0; margin: 0 auto; }
#ContainerSubBody { position: relative; top: 0px; left:8px; width: 747px; z-index: 0; }

#ContainerFoot {  position: relative; clear: both; width: 100%; height: 60px; background-color: #ffffff; padding: 0.5em 0 0.5em 0}
.homepage #ContainerFoot {margin: 2em 0 1em 1em; width: 720px; background-color: transparent;}
#ContainerBody #ContainerFoot {  position: relative; top: 15px; left: -10px; clear: both; width: 100%; background-color: #ffffff; }
 .originalhome #ContainerBody #ContainerFoot  {background-color: transparent;}

#sidebar {padding: 8px 15px 15px 15px ; margin: 0 0 2em 0; color:#24395C; /*background: #a3ba8e url(../images/sidebar_bottom.gif) -5px 100% no-repeat;*/ min-height: 200px; float:right;width:200px;}
* html #sidebar {height: 200px; width:auto;}
* html #sidebar p{width:200px;}

#ContainerDigDown { position: relative; top: 0px; left: 0px; width: 764px; height: 15px; margin: 0; padding:3px 3px 3px 194px;}

#SubPageBody { background: url(../images/subpagebody_bg.gif) -5px 0 repeat-y;}
#SubPageBodynosidebar {background-image: none;background-color: #E9E4EB;}

#sidebar img {border: 3px solid #ffffff; margin: 10px;}
#sidebar .sidedivide {
	border: 0;
	border-bottom:4px solid #6E8CBF ;
	margin: 2em -10px;
}


/* -------------DIV Areas located within ContainerHead -----------------------*/


#HeaderLogo { position: absolute; top: 20px; left: 30px; width: 171px; height: 92px; }
#Header800 { position: absolute; top: 40px; left: 280px; width: 174px; height: 58px; }
#HeaderButtons { position: absolute; top: 22px; left: 610px; width: 105px; height: 58px;  }


/*---------------------------------TOP HEADER BUTTONS-------------------------*/
#headernav li span{ position: absolute; left: -9999px; height: 1%;}

#headernav { font-size: .9em; margin: 0; width: 100%; text-decoration: none; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; /*height: 20px;*/  }
#headernav ul { margin: 0px; padding: 0px; list-style-type: none; }
#headernav li { display: block; width: 113px; height: 24px; margin: 0px 0; padding: 1px 0;	 }
#headernav a {	display: block;	text-decoration: none;	color: #3399CC;	height: 24px; padding: 0px; }

	/*uses sprite method.  one large image for all buttons positioned for each class - requires no preload*/
#headernav .enrollbutton { background: transparent url(../images/headernav_full.gif) 0 0 no-repeat;}
#headernav .infobutton {background: transparent url(../images/headernav_full.gif) 0 -24px no-repeat;}
#headernav .refbutton {background: transparent url(../images/headernav_full.gif) 0 -48px no-repeat;}
#headernav .enrollbutton:hover { background: transparent url(../images/headernav_full.gif) -113px 0 no-repeat;}
#headernav .infobutton:hover {background: transparent url(../images/headernav_full.gif) -113px -24px no-repeat;}
#headernav .refbutton:hover {background: transparent url(../images/headernav_full.gif) -113px -48px no-repeat;}


/* ---------------------DIV Areas located within Homepage-------------------- */

#hp-replace{ text-indent: -9999px;}

#ContainerBody img{border: none;}
.homepage #ContainerBody {clear: left; float: left; height: auto; left: 18px; width: 440px;
}

#HomePersonalTour { position: relative;top: -2px; float: left; left: 0px; width: 138px; height: 138px; margin-right: 8px;}
#HomeCaregivers { position: relative;top: -2px;  float: left;left: 0px; width: 138px; height: 138px; margin-right: 8px;}
#HomeFamilyNetwork { position: relative;top: -2px;  float: left; left: 0px; width: 138px; height: 138px;margin-right: 8px; }
#Homefreeinfo { position: relative;top: -2px; ; float: left; left: 0px; width: 286px; height: 138px; }
.ContentDrop { background-image: url(../images/drop_gray.gif); text-align: center;}
.contentdrop p {padding-top: 9px; }
.contentdrop a {color: #000099; text-decoration: none; }
.contentdrop a:hover {color: #962179;}
#homedivwrap {    clear: left;}

.mediacenterlink { display: block; position: absolute; top: 8px; left: 450px; width: 77px; height: 61px; }
.learnmorelink { display: block; position: absolute; top: 216px; left: 19px; width: 100px; height: 12px; }

/**/
#Homefreeinfo h3 {background-color: #6C6A57;
color: #fff;
font-size: 1.5em;
margin:0;
padding:0px;
text-align: center;

}
#Homefreeinfo ul{
    margin-left: 3px;
	margin-top: 5px;
	padding-left: 15px;
	text-align: left;
}

#Homefreeinfo .requestinfo{
    background: transparent url(../images/btn_RequestInfo.gif);
	display: block;
	height: 33px;
	margin-left: 61px;
	_margin-left: 0;
	_margin-top: -6px;
	text-indent: -9999em;
	width: 155px;

}
#Homefreeinfo .requestinfo:hover{
    background-position: 0 -33px;
}


#messagingcontainer {
	float: left;
	margin-bottom: 3px;
    position: relative;
	}
	
#messagingcontainercontest {
	float: left;
	margin-bottom: 3px;
    position: relative;
	}	

#messagingcontainer a.learnmore, #messagingcontainer a.enrollnow {
	border: 1px solid #7f6446;
	bottom: 20px;
	/*color: #F2621C;*/
	/*color: #7f6446;*/
	color: #54a7d2;
	font-weight: bold;
	display: block;
	height: 1.5em;
	left: 30px;
	line-height: 1.5em;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 100px;
	background: #d7e1eb;
}

#messagingcontainer a.enrollnow{
    left: 150px;
}
div #messagingcontainer a:hover{
    background-color: #ccc;
	border: 1px solid #04504b;
	color: #04504b;
}

#homerightblock {
	background: #FCEBB5 url(../images/bg_sidebar_form_bot.gif) 0 bottom no-repeat;
    float: left;
    margin:20px 0 0 21px;
	min-height: 390px;
    padding:0;
	width: 286px;
}
#homerightblock h2{
  	background: #FCEBB5 url(../images/bg_sidebar_form_top.gif) 0 top no-repeat;
	color: #E57D3B;
	font-size: 1.4em;
	margin: 0;
    padding: 12px 19px 10px 19px;
	text-align: center;
	}
#homerightblock h2 a{
	color: #E57D3B;
	margin: 0;
	text-align: center;
	text-decoration: none;
	}	
#homerightblock form{
	margin:0;
	padding:0;
}

#homerightblock fieldset {
    border: none;
	margin: 0;
	padding: 0;
}
#homerightblock legend {
    display: none;
}
#homerightblock button {
	margin-left: 103px;
}

#homerightblock .enternow{
    background: transparent url(../images/btn_enter_now.gif);
	display: block;
	height: 33px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 60px;
	text-indent: -9999em;
	width: 155px;

}
#homerightblock .enternow:hover{
    background-position: 0 -33px;
}


#homerightblock form label, #homerightblock form input, #homerightblock form select{
    display: block;
	float: left;
	margin: 3px 0;
	width: 150px
}

#homerightblock form label{
    clear: left;
	margin: 4px 3px 3px 0;
	position: relative;
	text-align: right;
	width: 100px;
}
#homerightblock #pregnantlabel {
    width: 150px;
	clear: none;
	overflow: hidden;
	text-align: left;
}
* html #homerightblock input.checkbox{
	margin-left: 52px;
}
#homerightblock input.checkbox{
	clear: left;
	margin-left: 103px ;
	width: 15px;
}

.home-copy {
	position: relative; clear: both; width: 98%; padding-top: 2.5em; color: #777777;
}


/*-----------------------------------MAIN BODY STYLES-------------------------*/


.bodycontent {padding: 0 15px 10px 0px; }
.bodycontent p {margin: 0 0 1em 1em; text-align: justify; }
.bodycontent ul, .bodycontent ol {text-align: justify; }
.bodycontent h1 { background-color: #7F3976; width: 96%; color: white; font-weight: bold; font-size: 15px; padding: 25px 3px 3px 8px; margin:0 0 1.3em 0;}
.bodycontent h2 { background-color: #7F3976; width: 96%; color: white; font-weight: bold; font-size: 15px; padding: 25px 3px 3px 8px; margin:0 0 1.3em 0;}

.bodycontent h3 {font-size: 11px; font-weight: bold;}

.bodycontent img {float: left; margin: 0 1em 0 0; }
.bodycontent a, .bodycontent a:visited {color:#2273AD;}
.bodycontent a:hover {color:#962179;}


/*--------------------------------TOP NAVIGATION TABS-------------------------*/


#tabs{
	margin: 0px 0 2px 0;
	width:750px;
	color: white;
	font:11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 25px;
	position: relative;
	top: 0px;
	padding: 0;
	float: left;
	}

#tabs ul { margin: 0; padding: 0; }

#tabs li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*white-space: nowrap;*//*setting this to nowrap seems to force IE to stretch the submenu links out instead of wrapping - even though there is a whitespace reset declaration on the subnav li*/
	position: relative;
	}

#tabs a {
	padding: 6px 23px 5px 23px;
	margin: 0;
	background: #6E8CBF url(../images/tab_corner.gif) 0 0 no-repeat;
	text-decoration: none;
	color: #FFFFFF;
	font:11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

#tabs a:hover{color: #FFFFFF;background-color:#0C5D9F;}

.cordbloodbanking #tabs .cordmenu a,
.whyuseus #tabs .whymenu a,
.pricing #tabs .pricingmenu a,
.faqs #tabs .faqmenu a,
.aboutus #tabs .aboutmenu a
{ background: #0C5D9F url(../images/tab_corner.gif) 0 0 no-repeat; color: #FFFFFF;}

/*Next two sets are to reset the active menu links.  since the above is more specific than the ones further down, the browsers need equally specific selectors to set the styles properly.*/
.cordbloodbanking #tabs .cordmenu li a,.whyuseus #tabs .whymenu li a,.pricing #tabs .pricingmenu li a,.faqs #tabs .faqmenu li a,.aboutus #tabs .aboutmenu li a
	{ background-image: none; background-color: #FFFFFF; color: #999999; }

.cordbloodbanking #tabs .cordmenu li a:hover,.whyuseus #tabs .whymenu li a:hover,.pricing #tabs .pricingmenu li a:hover,.faqs #tabs .faqmenu li a:hover,.aboutus #tabs .aboutmenu li a:hover
	{ background-image: none; color: #0C5D9F; background-color: #BED7ED;}

#tabs li ul{ /*Submenu UL*/
	/*left:-999em; Hides the submenus*/
	display: none;
	position:absolute;
	top: 19px;
	list-style-type:none;
	z-index:5000;

	margin: -7px 0 0 0;
	padding:  0;
	background-color: #996600;
	border: 1px solid #6E8CBF;
	width: 180px;
	}

* html #tabs li ul {top:25px;}

#tabs li:hover ul, #tabs li.over ul{
	 left: 0; 
	display: block;
	margin: 0 0 0 4px;
	clear: both;
	background-color: #ffffff;
	}


#tabs li ul li {/*Submenu list*/
	display:block;
	height:auto;
	width:auto;
	white-space: normal;
	margin:0;
	padding:0;
	font-weight: normal;
	background-image: none;
	}

#tabs li ul li a {/*Style sub menu links */
	background-image: none;
	display:block;
	border:none;
	float:none;
	width:164px;
	text-transform:none;
	color: #999999;
	text-decoration: none;
	padding: 7px 5px 7px 11px;
   	background-color: #ffffff;
	z-index: 8000;
	}

#tabs li ul li a:hover {color: #0C5D9F; background-color: #BED7ED;} /*Style sub menu link hovers*/


/*-----------------------------------SEARCH----------------------------------*/


#tabssearch {
	margin: -6px 0 0px 0;
	padding: 3px 5px 3px 15px;
	background: #6E8CBF url(../images/tab_corner.gif) 0 0 no-repeat;
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 19px;
	width:190px;
	}

* html #tabssearch {padding: 3px 0px 3px 12px; margin: 0 0 -19px 0;width:auto;}  /*IE only hack*/


#tabssearch .searchinput {width: 76px;}
#tabssearch .searchbutton {position: relative; right: -3px; margin: 2px 2px 0 6px;}

#flashcontent{
    float:left;
    /*
    width:430px;
    height:244px;
    */
    margin:0;
}

/*-----------------------------------HOME SUB NAV-------------------------*/


/* this is for the four colored links below the body sub nav - media center, personal tour...*/
#homesubnav {margin:10px 10px 0 -40px;}
.homesubnav ul { list-style-type: none; margin: 0 0 4px -10px;}
.homesubnav li { list-style-type: none; margin: 0 0 4px 0;}
.homesubnav a {display: block; width: 160px; height: 22px;}
/* .homesubnav a {display: block; width: 124px; height: 22px;} */
.homesubnav span {position: absolute; left: -3000px;}

.homesubnav .ip { background: transparent url(../images/submenu_ip.gif) 0 0 no-repeat; }
.homesubnav .mc { background: transparent url(../images/cordblood-video-btn.gif) 0 0 no-repeat; }
/* .homesubnav .mc { background: transparent url(../images/submenu_mc.gif) 0 0 no-repeat; } */
.homesubnav .hp { background: transparent url(../images/pro-resources-btn.gif) 0 0 no-repeat; }
/* .homesubnav .hp { background: transparent url(../images/submenu_hp.gif) 0 0 no-repeat; } */
.homesubnav .pt { background: transparent url(../images/tour-btn.gif) 0 0 no-repeat; }
/* .homesubnav .pt { background: transparent url(../images/submenu_pt.gif) 0 0 no-repeat; } */
.homesubnav .fn {display: none; /*background: transparent url(../images/submenu_fn.gif) 0 0 no-repeat;*/ }

.homesubnav .ip:hover { background: transparent url(../images/submenu_ip_hover.gif) 0 0 no-repeat; }
.homesubnav .mc:hover { background: transparent url(../images/cordblood-video-btn-hover.gif) 0 0 no-repeat; }
/* .homesubnav .mc:hover { background: transparent url(../images/submenu_mc_hover.gif) 0 0 no-repeat; } */
.homesubnav .hp:hover { background: transparent url(../images/pro-resources-btn-hover.gif) 0 0 no-repeat; }
/* .homesubnav .hp:hover { background: transparent url(../images/submenu_hp_hover.gif) 0 0 no-repeat; } */
.homesubnav .pt:hover { background: transparent url(../images/tour-btn-hover.gif) 0 0 no-repeat; }
/* .homesubnav .pt:hover { background: transparent url(../images/submenu_pt_hover.gif) 0 0 no-repeat; } */
.homesubnav .fn:hover { display: none;/*background: transparent url(../images/submenu_fn_hover.gif) 0 0 no-repeat;*/ }

/*next few lines position the individual tabs at the top when in that section*/
.p_tour .homesubnav .pt {position: absolute; top:-22px; width: 165px; left: 0px; background-image: url(../images/submenu_tour_header.gif); }/*Positions the PT button in the breadcrumb area*/
* html .p_tour .homesubnav .pt {top:-22px; }/*IE only hack*/

.freepacket .homesubnav .ip {position: absolute; top:-22px; width: 165px; left: 0px; background-image: url(../images/submenu_ip_header.gif); }/*Positions the IP button in the breadcrumb area*/
* html .freepacket .homesubnav .ip {top:-22px; }/*IE only hack*/

.healthpro .homesubnav .hp {position: absolute; top:-22px; width: 165px; left: 0px; background-image: url(../images/submenu_resources_header.gif); }
* html .healthpro .homesubnav .mc { position: relative; /*top:19px;*/ top: 22px;}

.multimediacenter .homesubnav .mc {position: absolute; top:-22px; width: 165px; left: 0px; background-image: url(../images/submenu_video_header.gif); }

* html .familynetwork .homesubnav .pt {position: relative; top:-19px;}

.familynetwork .homesubnav .fn {position: absolute; top:-22px; width: 165px; left: 0px; background-image: url(../images/submenu_fn_header.gif); }


/*---------------------------BODY SUB-NAVIGATION LIST-------------------------*/


.bodysubnav {width: 180px; }

.bodysubnav ul  {
	font-size: 11px; font-weight: bold;
	margin: 0 0 4em 0;
	padding: 0;
	background: transparent url(../images/sub_menu_bg.gif) 0px 0 repeat-y;
	}

* html .bodysubnav ul  {background: transparent url(../images/sub_menu_bg.gif) -2px 0 repeat-y;}

.bodysubnav li {list-style-type: none;margin: 0;}

.SubNav, .SubNavThere, .SubNav:Hover {
	color: #999999;
	text-decoration: none;
	display: block;
	padding: 7px 5px 7px 11px;
	margin-right: 15px;
	border-left: 1px solid #6E8CBF;
	}

* html .SubNav, * html .SubNavThere, * html .SubNav:Hover {   /*IE only hacks*/
	height: 1em;
	margin-right: 17px;
	}

.SubNav:Hover, .SubNavThere { color: #0C5D9F; background-color: #BED7ED;}
.bodysubnav .first {border-top: 1px solid #6E8CBF;}
.bodysubnav li.last {
	background: transparent url(../images/sub_menu_bottom_bg.gif) -1px 100% no-repeat;
	padding: 0 0 19px 0;
	}

* html .bodysubnav li.last { /*IE only hacks*/
	background: transparent url(../images/sub_menu_bottom_bg_ie.gif) -3px 100% no-repeat;
	padding-bottom: 22px;
	}

#facebook {margin-top: 20px;}
#facebook a {border: none;}

/*-----------------------------------FOOTER-----------------------------------*/



/*#FooterLogos { float: none; position: absolute; left: 570px; top: 10px; width: 170px;}*/
* html #FooterLogos, #FooterLogos {
	margin-left: -30px;
}
#FooterLogos li{
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 40px 20px 40px;
}
#FooterLogos li a{
	display: block;
	float: left;
	height: 46px;
	vertical-align: middle;
}
#FooterLogos li a img {border: none;}

#Footer-Logos2 {
	clear: both;
	margin-top: 20px;
	margin-left: -20px;
}
* html #Footer-Logos2 {
	margin-left: -10px;
}
#Footer-Logos2 p.bbb-logo{
	float: left;
	margin-left: 130px;
}
#Footer-Logos2 li{
	display: block;
	float: left;
	list-style-type: none;
	margin: 0 80px 10px 80px;
}
#Footer-Logos2 li a{
	display: block;
	float: left;
	height: 50px;
	vertical-align: bottom;
}
#Footer-Logos2 li a img {border: none;}

#footnav {
	position: relative;
	top: 0px; left: 0px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	width: 550px;
	text-decoration: none;
	font-weight: bold;
	}

#footnav li {display: inline; list-style-type: none; margin: 0; padding: 0 0 0 .8em; text-transform: uppercase;}
#footnav ul { margin: 1em 0 1em -4px; padding: 0;}
#footnav a { text-decoration: none; color: #b0b0b0;   }
#footnav a:hover { text-decoration: none; color: #962179;  }

#addthis {
	position: relative;
	top: -26px;
	left: 600px;
}

/* Classes */

.DigDown { font-size: 10px; text-decoration: none; color: #999999; }
.DigDown:Hover { font-size: 10px; text-decoration: none; color: black; }
.DigDownThere { font-size: 10px; text-decoration: none; color: black; }
.small {position: relative; top: -4px; font-size: 9px; font-family:  Arial, Helvetica, sans-serif; z-index: 1; /*Largely for the SM characters - dont think there is an html entity for SM. */}

/*----------------------------------PERSONALIZED TOUR-------------------------*/

.moreinfo {position: relative;}

/*The infospan lines style the css 'more info' tooltips on pt_fcbs_2.cfm  the .infospan is an <a> and the span within the <a> contains the additional information*/
.infospan li{ margin: 0px 0 10px -25px;}
.infospan {text-decoration: none;} /*Turns off underline for hovered text. sadly turns off underline for the actual link as well.*/
.infospan span {display: none;} /*Hides the text in the span*/
.infospan:hover span {
	display: block;
	width: 337px;
	position: absolute;
	left: 90px;
	top: -13px;
	color: #333333;
	text-align: left;
	padding: 8px;
	z-index: 14000;
	background-color: #ffffff;
	border: 2px solid #20547A;
	}

.infospan:hover span.lastmoreinfo {top: -150px;}

.sidebar_td {background-color: #ffffff; margin:0; padding:0;}

.p_tour #sidebar {background-color: #ffffff; background-image: none; padding: 0; width: 233px; float: right; }
.p_tour #sidebar img { margin: 0; border: 0; border-bottom: 4px solid #2270ac; margin-bottom: 2em; float: right; }
.p_tour #sidebar p { color:#2270ac; padding: 2em 1em; font: 13px "Times New Roman", Times, serif; font-style: italic;}

.lessmarginlist li{margin: 0;}

.pt_navform {margin-left: 10px; width:180px;}
.pt_navform span {margin-left: 8px;}

.p_tour .prevnext {position: relative; width: 100%; }

.prevnext ul {list-style-type: none; margin: 0 0 0 0px; }
* html .prevnext li {position: relative; margin: 0; display: inline; }

.p_tour .next, .p_tour .back {display: block; width: 50px; height: 15px; margin: 0em 2px 2em 0 ;}
.p_tour .next {background: #FCEBB5 url(../images/next.gif) 0 0 no-repeat; float: right;}
.p_tour .back {background: #FCEBB5 url(../images/back.gif) 0 0 no-repeat; float: left;}
.p_tour .contacteducator {display: block; width: 215px; height: 19px; background: #E9E4EB url(../images/pt_contact_cb_educator.gif) 0 0 no-repeat;float: right; margin: 1em 4px 0 0;}
.p_tour .begintour 		 {display: block; width: 87px; height: 15px; background: #E9E4EB url(../images/pt_begintour.gif) 0 0 no-repeat; float: right;}
.p_tour .enrollnow 		 {display: block; width: 88px; height: 19px; background: #E9E4EB url(../images/pt_enroll.gif) 0 0 no-repeat; float: right; margin: 1em 4px 0 0;}
.p_tour .chooseanother   {display: block; width: 157px; height: 19px; background: #E9E4EB url(../images/pt_chooseanother.gif) 0 0 no-repeat;float: right; margin: 1em 2px 0 0;}
.p_tour .prevnext span {position: absolute; left: -3000px;}/*Hides the text inside the Prev/Next nav - the text will display if using a screen reader or cellphone..*/



/*-----------------------------------ADDITIONAL TYPOGRAPHY-------------------------*/


#sidebar h3 {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold; font-size: 14px;
	}

* html #sidebar h3 {font-size: 12px}/*IE only hack*/

#sidebar p { text-align: justify; }
#sidebar a, #sidebar a:visited {color: #003366;}
#sidebar a:hover {color: #962179;}


/*-----------------------------------INNER PAGE STYLES-------------------------*/


.events span { font-style: italic; display: block; width: 270px; margin-bottom: 3em;}
.events img { background-color: #ffffff; padding: 5px; border: 1px solid #BED7ED; }

.popupform {background-color: #E9E4EB; background-image: none; border: 1px solid #6E8CBF;}
.popupform .bodycontent{padding-left: 1em;}
.popupform h3 {margin-left: 1em;}

.applications_list h3 {margin: 2.2em 0 -5px 1em; }

#serviceslist li {margin-bottom: 1.8em;}

.newslinks li {list-style-type: none; margin:0 0 0 -38px;}
* html .newslinks li {margin:0 0 1.3em -38px;}

.testimonials p {font-style: italic;font-size: 11px;margin-bottom: 2em;}
.testimonials p strong {font-style: normal;line-height: 1.4em;}

.faqlist {text-align: left;}


.faqs .backtotop, .whyuseuse .backtotop { /*the back to top button actually creates the border between each faq.*/
	padding: 10px 0 30px 5px;
	margin-left: -20px;
	border-bottom: 2px solid #2273AD;
	}
.backtotop a {
	color: #999999;
}
.backtotop a:hover {
	color: #666666;
}

* html .faqs .backtotop {padding: 10px 0 30px 22px;}/*IE only hack*/

.faqs .faqlist .small {text-decoration: none;} /*An attempt to remove the underline from the SM in the faqlist*/

ol li {margin: 0 0 1em -1.3em;padding: 0;}


pressrelease h4 {
	text-transform: uppercase;
	text-align: center;
	font-size:1em ;
	font-weight: lighter;
	}


/*-----------------------------------DATA TABLES-------------------------*/


table.tests {
	width: 95%;
	border: 1px solid #111111;
	margin: 0 0 1em 1em;
	}

table.tests td{
	border: 1px solid #111111;
	padding: .5em;
	width: 40%;
	}

table.feechart {
	background-color: #084F9E;
	margin: 0 0 1em 1em;
	width: 250px;
	font-weight: bold;
	}

table.feechart td, table.feechart th{
	padding: .5em;
	}

table.feechart th {
	background-color: #084F9E;
	color: #ffffff;
	font-size: .8em;
	}

table.feechart td {text-align: center; font-size: 12px; color: #084F9E;}
table.feechart tr.odd {background-color: #d5dfff; }
table.feechart tr.even {background-color: #97b0ff;}

table.discounts {
	background-color: #084F9E;
	padding: 0.5em;
	margin-top: 0.5em;
}
table.discounts td, table.discounts th{
	padding: .5em;
}
table.discounts th {
	background-color: #084F9E;
	color: #ffffff;
	font-size: .8em;
}

table.discounts td {text-align: center; color: #084F9E; font-weight: bold; font-size: 12px;}
table.discounts tr.odd {background-color: #d5dfff; }
table.discounts tr.even {background-color: #97b0ff;}

table#comparisonchart{
	background-color: #084F9E;;
	margin: 0 0 1em 0;
	width: 500px;
	color: #084F9E;
	border: 5px solid #084F9E;
	}

#comparisonchart td {
	text-align: center;
	padding: .5em;
	margin: 0;
	background-color: #B3CAE2;
	}
#comparisonchart .rowtitle {text-align: left; background-color: #E6EBF3; }
#comparisonchart tr { border-bottom: 3px solid #4E6BAE;}
#comparisonchart .rowheader{ text-align: left; font-weight: bold; font-size: 1em; line-height: .7em;}

#comparisonchart th { border: 0; border-left: 1px solid #6694C5; background-color: #084F9E; color: #ffffff;font-size: .8em; padding: .5em;}
#comparisonchart .fcbs_col { font-weight: bold;}


/*-----------------------------------FORMS----------------------------------*/

.requiredfield {color: #ff3300;}


fieldset {padding: 1em;}

fieldset fieldset{
	padding: 0px;
	margin: 2.5em 0;
	border: 0;
	border-top: 1px solid #a3ba8e;
	}

legend {font-weight: bold;margin-left: 1em;}

textarea {margin: 10px;font: 1em Arial, Helvetica, sans-serif; }

input, button {
	font-size: 10px;
	margin: 0px;
	}
	button{
       	text-align: center;
    }

.formright {float: right;}
#ContainerTopSearch input {border: 1px solid #808080;}
#ContainerSubBody form {width: 333px;margin: 1em 0;}
#ContainerSubBody input {
	font-size: 1.1em;
	padding: 3px;
	margin: 4px 0 0 0;
	}

/*#newsletterform {padding: 4px 4px 0 4px; height: 100px; }
#newsletterform form {margin: 0; padding: 0;}
#newsletterform p{
	font: 11px "Times New Roman", Times, serif;
	color: #8e8e8e;
	margin: 0 0 8px 0; padding: 0 ;
	}
*/
#newsletterform img{margin: 10px 0;}
#newsletterform label{float: left; width: 18%; text-align: left; display: block; margin: 1px 0;}
#newsletterform input{ float: left; width: 65%; text-align: left; margin: 1px }
/* original layout
#newsletterform .send {
	position: absolute;
	right: 8px;
	top: 118px;
	width: 50px;
	}
*/
#newsletterform .send {
	float: none;
    margin:0 0 10px 103px;
    padding:0;
	width: 50px;
}

#referral label, #infopacket label, #askourpresident label, #materialsrequestform label, #contacteducator label, #testimonialform label
{float: left; width: 38%; text-align: right; display: block; margin: 5px 0;}
#referral input, #referral select, #infopacket input, #infopacket select, #materialsrequestform input, #materialsrequestform select, #contacteducator input, #testimonialform input, #testimonialform select
{ float: right; width: 60%; text-align: left; margin: 5px 0; }
#referral br, #infopacket br, #contacteducator br, #testimonialform br {clear: both;}

#additionalquestionsform label{float: left; width: 50%; text-align: right; display: block; margin: 5px 0;}
#additionalquestionsform input{ float: right; width: 45%; text-align: left; margin: 5px 0;}
#additionalquestionsform fieldset {padding: 1em; border: 0;}
#additionalquestionsform #additional {width: 90%;}
#additionalquestionsform textarea {margin: 0 0 1em 0; width:90%; height: 150px;}

#askourpresident label {width: 20%;text-align: left;}
#askourpresident input {  width: 75%; float: right; }
#askourpresident, #askourpresident form {width: 200px;}
#askourpresident fieldset {border: 0;}
#askourpresident legend {visibility: hidden;}
#askourpresident textarea {margin: 0; width: 100%;}
* html #askourpresident textarea {margin: 0; width: auto;}
#askourpresident img {margin:0 0 0 8px; }

#contacteducator input {padding: 3px; margin: 0 0 4px 0;}
#contacteducator label {padding: 3px; margin: 3px 0;}
#contacteducator{ width: 325px;}
#contacteducator .aq_label {float:left; width: 99%; text-align: left;}
#contacteducator fieldset { border: 1px solid #666666;}

#directions form {width: 200px;}
#directions input, #directions select {width: 175px; margin-bottom: 1em;}

#emailtofriend form {width: 300px;}

.enrollsubmit {
	text-align: center;
	margin: 0em auto;
	width: 300px;
	cursor: pointer;
	}

.enrollsubmit img {float: none; margin: 10px;}

#infopacket form {width: 400px;text-align: left;}
#infopacket legend {margin-bottom: 8px;}
#infopacket label {position: relative; padding: 3px;}
#infopacket label input {position: relative;top: -6px;}
#infopacket #find {padding: 5px 0;}
#infopacket #find label { width: 190px; text-align: left; display: block; margin: 9px 0 5px 0;}
#infopacket #find input { width: 12px; text-align: left; margin: 5px 5px; }
#infopacket #find .extra {top: 0; float: none; width: 160px; text-align: left; margin: 3px 8px; }
#infopacket #find .extralabel {  float: none;  text-align: left;  margin: 5px 0px 0px 8px; font-style: italic; }
/*#infopacket .dvd, #infopacket .vhs {position: relative; top: -14px;}*/

#materialsrequestform {width: 400px;}
#materialsrequestform label {width: 45%; margin: 8px 0 8px 0; font-size: 1.2em; clear: left;}
#materialsrequestform input,  #materialsrequestform select {font-size: 1.2em; width: 50%}
#materialsrequestform table {margin: 0 0 0 10px;}
#materialsrequestform td {padding:4px; border-bottom: 1px solid #dddddd;}
#materialsrequestform p {clear: left;}

#find label, #find input {
	float: left;
	width: 200px;
	text-align: left;
	}

#referral form {width: 310px;}

#sitecomments form {width: 320px;}

/*Next line resets the submit/send buttons to a normal size*/
#askourpresident #submit, #directions #submit, #referral #submit, #infopacket #submit, #contacteducator #submit, #additionalquestionsform #submit, #materialsrequestform #submit, #testimonialform #submit

 {text-align: center; float: none; width: 75px; margin: 1em auto;}
#askourpresident #cancel, #directions #cancel, #referral #cancel, #infopacket #cancel, #contacteducator #cancel, #additionalquestionsform #cancel, #materialsrequestform  #cancel, #testimonialform #cancel
 {display:none; text-align: center; float: none; width: 75px; margin: 1em auto;}

#rotator{margin-left:6px;}


.enrollmentpage .bodycontent{
	padding: 0;
	text-align: center;
    width: 100%;

}
.enrollmentpage .bodycontent p{
	text-align: center;
}
.enrollmentpage #SubPageBody{
	background-image: none;
	background-color: #E9E4EB;
}

.enrollmentpage h1{
	background-color: #fff;
    color: #6E8CBF;
	border-bottom: 4px solid #6E8CBF;
	font-size: 2.5em;
	font-style: italic;
	padding-top: 0;
	text-transform: uppercase;
	width: auto;
}


.enrollment_options{margin:0; padding:0; text-align: left;}
.enrollment_options li{
	display: block;
	float: left;
	height: 265px;
    	margin:0;
    	padding:0;
}
.enrollment_options li a{display: block; height: 265px; float: left;
}
.enroll_fax a{
    background: transparent url(../images/bg_enroll_fax.gif) 0 0 no-repeat;
	width: 238px;
	text-indent: -9999em;
}
.enroll_online a {
    background: transparent url(../images/bg_enroll_online.gif) 0 0 no-repeat;
	width: 227px;
	text-indent: -9999em;
}
.enroll_phone {
    background: transparent url(../images/bg_enroll_phone.gif) 0 0 no-repeat;
	width: 240px;
	text-indent: -9999em;
}
.enrollmentpage .bodycontent .bestoption {
    clear: left;
	text-align: right;
	margin-right: 50px;

}

.enrollmentpage .bodycontent p a {
	color: #2273AD;
    font-size: 1.6em;
}

.enrollmentpage .bodycontent p a:hover {
	color: #962179;
}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:10000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	/*position: fixed;*/
	position: absolute;
	background: #ffffff;
	z-index: 10200;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
	}

* html #TB_window { /* ie6 hack */
	position: absolute;
	/*margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	*/
	}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	}
#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
	}
#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
	}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
	}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
	}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
	}
#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:hidden;
	text-align:left;
	line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
	padding:15px;
}
#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}
#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:10300;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
	}
/*----------/end thickbox */

/*-----------------------------------Sidebar Promotion Box ---------------------------*/
.special {/* background-color: #bc8eb0; default */
	background-color: #CD661D;
	text-align: center;
	margin-top: 50px;
	padding: 5px;
	/* border: 2px dotted #962179; default */
	border: 2px dotted #000;
	width: 80%;

}
.promoText {
	font-weight: bolder;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.promoText1 {
	font-weight: bolder;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 0;
	margin-top: 0;
	margin-bottom:0;
	padding-bottom:5px;
	
}
.promoText2 {
	font-weight: bolder;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top:0;
	padding-top:5px;
	margin-bottom:0;
	padding-bottom:5px;
}
.smallText { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: 700;
	text-align: center;
	margin-top: 5px;
}
.textbold {
	font-weight: bolder;
	/* color: #962179; default */
	color: #000;
}

.line {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/* - - - - - - - - Enroll Now Button - Comparison Chart Page - - - - - - - - */
.enroll {
margin-top: 15px;
}
.enroll #enrollnow_btn {
background: url(../images/btn_enroll_now.gif);
display: block;
height: 33px;
width: 155px;
margin-left: 124px;
text-indent: -9999px;
}

.enroll #enrollnow_btn:hover {
background-position: 0 -33px;
}


/*-----------------------------------GENERIC TEXT REPLACEMENT-------------------------*/
h1.shiftleft {	text-indent: -9999em; }


/*-----------------------------------UTILITY STYLES-------------------------*/
.clear {clear: both;}
.hide {visibility: hidden;display: none;}
.right {float: right;}
.left {float: left;}
.center {margin: 0em auto; text-align: center;}

#infopacket label.hide { display: none; }

.bottom0 {margin-bottom: 0;}
.top0 {margin-top: 0;}
.top5 {margin-top: 5px;}

ol.listbottom5 li, ul.listbottom5 li {margin-bottom: 5px;}
ol.listbottom10 li, ul.listbottom10 li {margin-bottom: 10px;}

/* Country Lists on international.cfm */
.countrylist01 {float: left; margin-right: 60px;}
.countrylist02 {float: left;}



/*-----------------------------------IMPORTING HACKS-------------------------*/

/*This next bit is used to import styles only seen by IE5win and IE5.5win.
	Imported so that when you no longer care about supporting that browser, you only need to
	delete this bit of code instead of cleaning out random bits of css.*/

@media tty {
 i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}
}/* */

/* The file below is ONLY read by IE5/Mac.
	Makes use of the Band Pass Filter: http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "ie5mac.css";
/**/