/* CSS Document */

/*
 * 	Header Content
 *  CSS
 *  IperDesign
 */

a{
	text-decoration:none;
	color:#6D6E71;
}

#header{
	width:100%;
	background-image:url(../img/header-bar.png);
	background-repeat:repeat-x;
	float:left;
}

#header_content{
	width:1000px;
	height:130px;
	margin: 0 auto;
	background-image:url(../img/header_bkg.png);
}

#menuopt{
 
 float:right;
 margin-top:20px;
 margin-right:50px;
}
#menuopt ul{
 display:inline;
}

#menuopt ul li{
 background:none ;
 padding-right: 15px;
 float:left;
 height:30px;
}
#menuopt ul li a{
 background:none;
 padding-left: 15px;
 display:block;
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bolder;
 font-size:14px;
 height:30px;
 text-align:center;
 padding-top:7px;
 color:#999999;
}

#menuopt ul li.selected{
 background:url(../img/menu_end.png) no-repeat right ;
}
#menuopt ul li.selected > a{
 background:url(../img/menu_bkg.png) no-repeat;
 
 color:#D71D05;
}
#menuopt ul li:hover{
 background:url(../img/menu_end.png) no-repeat right ;
 
}
 #menuopt ul li:hover > a{
 background:url(../img/menu_bkg.png) no-repeat;
 
 color:#D71D05;
 
}
#menuopt ul li:over > #menuopt ul li a{
 background:url(../img/menu_bkg.png) no-repeat;
 
 color:#D71D05;
 }
#menuopt ul li a:hover{
 background:url(../img/menu_bkg.png) no-repeat;
 
 color:#D71D05;
}

.home_title{
	float:right;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	color:white;
	margin-top: 10px;
	margin-right: 13px;
}
	
#logo{
	float:left;
}

#logo img{
	margin-left: 20px;
	margin-top: 20px;
}

#menu{
	margin-top:26px;
	margin-right:49px;
	float:right;
	width: 444px;
	height: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:14px;
}

#menu ul li{
	float:left;
}

.menu_btn{
	position: relative;
	top: -10px;
	left: 18px;
	margin-left: 4px;
	color:#999999;
	cursor:pointer;
}

.menu_btn a{
	color:#999999;
}

.menu_btn a:hover{
	color:#ED1C2E;
}

.menu_btn img{
	top: 10px;
	position: relative;
}

.menu_btn_bkg{
	width:100%;
	background-image:url(../img/menu_bkg.png);
	margin-left: 15px;
}

#home,
#about_the_science,
#shop,
#contact_us{
	cursor:pointer;
}

#menu ul,#menu li{
	display:inline;
}

/* SECONDARY.HTML */

#sec_menu{
	float:right;
	width: 460px;
}

#logged{
	width:360px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;
	margin-right: 49px;
}

#logged ul{
	margin-right:10px;
	color: gray;
}

#logged img{
	position:relative;
	top:10px;
}

#logged ul, #logged li{
	display:inline;
}

#logged a{
	text-decoration:none;
	color: gray;
}

#logged a:hover{
	text-decoration:none;
	color: #D71D05;
}

#first_bkg:hover,
#aquatics_bkg:hover,
#caregiving_bkg:hover,
#preparedness_bkg:hover,
#instructor_tools_bkg:hover
{
	background-image:url(../img/button_pressed.png);
}

#first_bkg:hover a,
#aquatics_bkg:hover a,
#caregiving_bkg:hover a,
#preparedness_bkg:hover a,
#instructor_tools_bkg:hover a{
	color:#FFFFFF;
}

#first_bkg > div,
#aquatics_bkg > div,
#caregiving_bkg > div,
#preparedness_bkg > div,
#instructor_tools_bkg > div{
	display:none;
}

#first_bkg:hover > div,
#aquatics_bkg:hover > div,
#caregiving_bkg:hover > div,
#preparedness_bkg:hover > div,
#instructor_tools_bkg:hover > div{
	display:block;
}

/*
 * 	Main Content
 *  CSS
 *  IperDesign
 */
 
#main_content{
	width:980px;
	margin: 0 10px;
	float:left;
}

#main_background{
	width:1000px;
	background-image:url(../img/bkg_two_lines.png);
	background-repeat:repeat-y;
	float:left;
}

#main{
	width:1000px;
	margin: 0 auto;
	background-image:url(../img/bkg_two_lines.png);
	background-repeat:repeat-y;
}

/* LEFT SIDE CONTENT */

#left_side{
	margin-left:56px;
	margin-top:39px;
	float:left;
}

#title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:45px;
}

#silhouette_image{
	margin-top:30px;
	margin-left:-21px;
}

#slogan{
	margin-top:17px;
}

/* RIGHT SIDE CONTENT */

#right_side{
	float:right;
	width:389px;
	margin-top:-39px;
}

#instructor_login{
	background-image:url(../img/instructor_login_bkg.png);
	width:400px;
	height: 159px;
}

#learning_center{
	background-image:url(../img/learning_center_bkg.png);
	width:400px;
	height: 125px;
}

#join{
	background-image:url(../img/join_red_bkg.png);
	width:400px;
	height: 225px;
}

#instructor_login,
#learning_center,
#join{
	float:right;
	margin-bottom:15px;
	width:389px;
	font-family:Helvetica, Arial, sans-serif;	
}

.right_side_contents{
	float:right;
}

.back{
	margin-top: 40px;
}

#login_form ul,#login_form li{
	display:inline;
	padding: 0 3px;
}

#login_form{
	padding-top:13px;
	margin-left: 10px;
}

#login_form input{
	color:#cccccc;
	padding:8px 13px;
	width:146px;
	border:2px solid #cccccc;
	-moz-border-radius: 10px; 
	-webkit- border-radius: 10px; 
	border-radius: 10px;
}

#login_data{
	float:left;
	width:auto;
	margin-left:4%;
	margin-top: 23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
}

#login_data a{
	color:#999999;
}

#login_data a:hover{
	color:#D71D05;
}

#login_button{
	float:right;
	margin-top:11px;
	margin-bottom:17px;
	margin-right: 8px;
	background-image:url(../img/button_index.png);
	width:133px;
	height:36px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12.75px;
	font-weight:bolder;
	color:#6d6e71;
	text-align:center;
}

#learning_button{
	float:right;
	margin-top:11px;
	margin-bottom:17px;
	margin-right: 8px;
	background-image:url(../img/button_index.png);
	width:133px;
	height:36px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12.75px;
	font-weight:bolder;
	color:#6d6e71;
	text-align:center;
}

#why_button{
	float:right;
	margin-top:11px;
	margin-bottom:17px;
	background-image:url(../img/button_index.png);
	width:133px;
	height:36px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12.75px;
	font-weight:bolder;
	color:#6d6e71;
	text-align:center;
}

#text_why{
	margin-top:9px;
	cursor:pointer;
}

#text_why:hover{
	color:#D71D05;
}

#text_login, #text_learning, #text_find{
	margin-top:14px;
	cursor:pointer;
}

#text_login:hover, #text_learning:hover, #text_find:hover{
	color:#D71D05;
}

#learning{
	width:210px;
	margin-left:22px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.5em;
	float:left;
}

#learning_button{
	float:right;
	margin-top:11px;
	margin-bottom:17px;
	margin-right: 8px;
}
#why_join{
	width:160px;
	float:left;
	margin-left:39px;
	margin-top:-10px;
	margin-bottom:16px;
}

#why_join ul li{
	position:relative;
	top:-5px;
	list-style-image:url(../img/point.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:15px;
}

.mod{
	position:absolute;
	top:21px;
	width: 180px;
}

#learning_more{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float:right;
	line-height:1.5em;
	width:137px;
	margin-right: 10px;
}

#learning_more img{
	margin-top:10px;
	margin-right:11px;
	float:right;
}

#footer{
	width:100%;
	background-image:url(../img/footer-bar.png);
	background-repeat:repeat-x;
	float:left;
}

/* SECONDARY */

#header_menu{
	margin: 0 auto;
	width:1000px;
}

#secondary_bar{
	background-image:url(../img/secondary_main_bar.png);
	background-repeat:repeat-x;
	float:right;
	margin: auto 10px;
	width: 980px;
	height:35px;
}

secondary_bar a{
	display:block;
}

#two_lines{
	width: 1000px;
	background-image: url(../img/bkg_two_lines.png);
	background-repeat: repeat-y;
	float: left;
}

#two_lines_two{
	width: 1000px;
	background-image: url(../img/bkg_two_lines.png);
	background-repeat: repeat-y;
	float: left;
}

#secondary_menu{
	width:885px;
	margin: -6px auto;
}

#secondary_menu ul{
/*	margin-left:-13px;*/
}

#secondary_menu ul, #secondary_menu li{
	display:inline;
}

#secondary_menu ul li{
	background-image:url(../img/secondary_menu_btn.png);
	width:172px;
	height:30px;
	margin-top: 11px;
	float: left;
	margin-right: 5px;
	text-align:left;
	color:#999999;
}

#sub_menu_first{
	position:absolute;
	float:none;
}

#sub_menu_first ul, #sub_menu_first li{
	display:list-item;
}

#sub_menu_first ul li{
	background-image:none;
	width: 100%;
	height:auto;
	margin-top: 0px;
	float: left;
	margin-bottom: 7px;
	text-align:left;
	color:#999999;
}

.secondary_text{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:14px;
	margin-top:10px;
	display:block;
	color:#ED1C2E;
	text-align:center;
}

#secondary_menu ul li img{
	margin-left:-8px;
	margin-right: -20px;
}

#main_body{
	width:900px;
	margin: 0 auto;
}

#left_secondary{
	float:left;
	margin-top:50px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../img/left_secondary_bkg.png);
	background-repeat:no-repeat;
	width:484px;
	height:322px;
	margin-bottom: 62px;
}

#right_secondary{
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../img/right_secondary_bkg.png);
	margin-top: 47px;		
	width:401px;
	height:155px;
	float: left;
}

#right_secondary_two{
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../img/right_secondary_bkg.png);	
	margin-top: 14px;		
	width:401px;
	height:155px;
	float: left;
}


#text_secondary{
	float:left;
	margin-left:27px;
	margin-top:21px;
	font-size:21px;
}

#list_left{
	margin-left:45px;
	margin-top:61px;
	float: left;	
}

#list_left ul li{
	position:relative;
	top:-5px;
	list-style-image:url(../img/left_arrow.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bolder;
	margin-bottom:15px;
	color:#ED1C2E;
}

#image_right{
	float: right;
	margin-top: -150px;
	margin-right: 10px;
	margin-bottom: 5px;
}

#course{
	text-align: center;
	margin-top: -14px;
}

.course_two{
	background-image:url(../img/go_to_learning_center_btn.png);
	width:190px;
	height:35px;
	margin: 0 auto;	
}

.sup_btn_txt{
	padding-top:10px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12.75px;
	font-weight:bolder;
	color:#6d6e71;
	cursor:pointer;
}

.sup_btn_txt:hover ,.sup_btn_txt a:hover{
	color:#D71D05;
}

.text_course{
	width: 210px;
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 16px;
	padding-bottom: 25px;
}

#contact{
	float: left;
	width: 100%;
	text-align: center;
}

#course_two2{
	margin-top:20px;
	margin-left: 140px;
}

#course_two2 img{
	margin-top:15px;
	margin-bottom:26px;
}

.text_course_two{
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
	padding-bottom: 13px;
	text-align:center;
}

#contact_two{
	float: left;
	width: 100%;
	text-align: center;
}

#zip{
	float:left;
	margin-top:3px; 
	margin-left:43px;	
}

#zip input{
	-moz-border-radius: 10px; 
	-webkit- border-radius: 10px; 
	border-radius: 10px;
	width: 152px;
	padding:7px 9px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bolder;
	font-size:13px;
	color:#D4D4D4;
	margin-right:11px;
}

#find_button{
	float:left;
	width: 133px;
	height: 36px;
	background-image:url(../img/button_index.png);
}

#find_button:hover{
	color:#D71D05;
}

#find_button_two{
	float:left;
	width: 128px;
	height: 36px;
	background-image:url(../img/find_button_two.png);
}

#footer_two{
	width:100%;
	background-image:url(../img/footer-bar.png);
	background-repeat:repeat-x;
	float:left;
}

/* EMERGENCY */

#emergency_main{
	margin: 60px 57px;
	width: 880px;
	float: left;
}

#emergency_main img{
	float:right;
	margin-top: -24px;
}

#f_menu{
	width:170px;
	float:left;
}

#f_menu ul{
	border-top:#666666 3px solid;
	font-family:Arial, Helvetica, sans-serif;
	width:161px;
	font-size:14px;
}

.names{
	float:left;
	width:148px;
	margin-top: 8px;
	padding-bottom: 8px;
	border-bottom:#666666 1px solid;
}

#f_menu ul li {
	width:160px;
	height:auto;
	border-bottom:#666666 1px solid;
}

#f_menu ul li a,#f_menu ul li a:visited,#f_menu ul li a:active {
	margin-top:8px;
	margin-bottom:8px;
	width:150px;
	padding-right:10px;
	display:block;
	color:#4D4D4D;
	font-size:14px;
}

#f_menu ul li a:hover{
	background-image:url(../img/red_arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	color:#D71D05;	
}
#f_menu ul li a.selected{
	background-image:url(../img/red_arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	color:#D71D05;	
}
.red_arrow{
	float:right;
	margin-top: 20px;
}

#selected{
	width:360px;
	float:left;
}

#selected_content{
	margin-top:13px;
	margin-left:15px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:16px;
	margin-bottom:15px;
	color:#ED1C2E;
}

.text_below{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	width: 309px;
}

.show_changes{
	float:left;
}

#changes{
	margin-top:31px;
	margin-bottom:30px;
	float: left;
	width: 100%;
}

#forms{
	float:left;
	margin-bottom:30px;
	width: 100%;
}

#resources{
	float:left;
	margin-bottom:123px;
	width: 100%;
}

.icon_txt, .icon_pdf{
	width:auto;
	float:left;
	margin-right:5px;
}
.icon_txt img, .icon_pdf img{
	margin-top: -2px !important;
}

.document_list{
	width:100%;
}

.document_list li{
	margin-bottom:10px;
}

.document_list li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-height:16px;
	color:#4D4D4D;
	padding-left:21px;
	display:block;
}

.document_list li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-height:16px;
	color:#D71D05;
	padding-left:21px;
}

.document_list li a.pdf{
	background-image:url(../img/pdf.png);
	background-repeat:no-repeat;
	background-position:left top;
}

.document_list li a.txt{
	background-image:url(../img/txt.png);
	background-repeat:no-repeat;
	background-position:left top;
}

h1{
	font-size:21px !important;
	color:#808080;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal !important;
}

.f_content{
	float:left;
	margin-top:17px;
}

.e_content{
	width: 309px;
	float:left;
	margin-top:17px;
}

.icon_txt2 a, .icon_pdf2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-height:16px;
	color:#4D4D4D;
	padding-left:21px;

}

.icon_txt2 a{
	display:block;
	background-image:url(../img/txt.png);
	background-repeat:no-repeat;
	background-position:left top;
}

.icon_pdf2 a{
	display:block;
	background-image:url(../img/pdf.png);
	background-repeat:no-repeat;
	background-position:left top;
}

#download{
	float:left;
	width:350px;
	margin-top: -29px;
}

#inside_download{
	width:310px;
	padding: 0 20px;
	float: left;
	background-image:url(../img/download_center_middle_bkg.png);
	background-repeat:repeat-y;
}

#search ul,#search li{
	display:inline;
	padding: 0 3px;
}

#search{
	margin-bottom:23px;
	float: left;
}

#find_button{
	background-image:url(../img/find_button.png);
	width:100px;
	height:37px;
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12.75px;
	font-weight: bolder;
	color: #6D6E71;
	cursor:pointer;
}

.download_btn img{
	margin-top: 3px !important;
	margin-bottom: 5px;
}

.download_btn img:hover{
	margin-top: 4px !important;
	margin-bottom: 4px;
}	

#search_text{
	float:left;
}

#search_text input{
	-moz-border-radius: 10px; 
	-webkit- border-radius: 10px; 
	border-radius: 10px;
	margin-top: 6px;
	margin-right: 4px;
	width:174px;
	padding:5px 9px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bolder;
	font-size:13px;
	color:#D4D4D4;	
}	

.title_section{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom: 6px;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:14px;
	color:#ED1C2E;
	border-bottom:#ED1C2E 3px solid;
	float: left;
	width: 100%;
	padding-bottom:4px;
	margin-bottom:22px;
}

.digital,.print{
	float:left;
	width:100%;
	margin-bottom:33px;
}

#instructor_materials,participant_materials {
	margin-top:22px;
	width:100%;
	float:left;
}

.pm_text{
	width:214px;
	float:left;
	margin-top: 9px;
}

.wht_bkg,.grey_bkg{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:-4px;
	padding-left:4px;
}

.wht_bkg{
	float: lefT;
	width: 100%;
	background-color:#F2F2F2;
}

.grey_bkg{
	float: lefT;
	width: 100%;
	background-color:#e7e8e9;
}

#same_width{
	width: 100%;
	float:left;
}

#top_selected_small{
	width:355px;
	height:15px;
	float:left;
	background-image:url(../img/content_small_top_bkg.png);
	margin-top: -5px;
}

#middle_selected_content{
	width:355px;
	float:left;
	background-image:url(../img/content_small_middle_bkg.png);
	background-repeat:repeat-y;
}

#bottom_small_content{
	width:355px;
	height: 15px;
	float:left;
	background-image:url(../img/content_small_bottom_bkg.png);
}

#top_selected_large{
	width:705px;
	height:15px;
	float:left;
	background-image:url(../img/content_large_top_bkg.png);
	margin-top: -5px;
}

#middle_selected_large{
	width:705px;
	float:left;
	background-image:url(../img/content_large_middle_bkg.png);
	background-repeat:repeat-y;
}

#bottom_large_content{
	width:705px;
	height: 15px;
	float:left;
	margin-bottom:20px;
	background-image:url(../img/content_large_bottom_bkg.png);
}

#download_top{
	width:350px;
	height:45px;
	float:left;
	background-image:url(../img/download_center_top_bkg.png);
}

#download_bottom{
	width:350px;
	height:10px;
	float:left;
	background-image:url(../img/download_center_bottom_bkg.png);
}

/*
 * 	Footer
 *  CSS
 *  IperDesign
 */
 
#footer_content{
	width:977px;
	margin: 0 auto;
}

#quick_links{
	margin-left:16px;
	margin-top:20px;
	font-family: Helvetia,Arial, sans-serif;
	font-size:14px;
	padding-bottom:7px;
	border-bottom: #737373 2px solid;
}

.links ul, .links ol{
	width: 180px;
	float: left;
	margin: 0 10px 30px 0;
}

#links{
	margin-left:32px;
	margin-top:17px;	
	width:100%;
	height:90px;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:2em;
}

#rights{
	float:left;
	margin-top: 70px;
	font-size:10px;
}

#join_big{
	float: right;
	margin-top: 15px;
	margin-right: 33px;
}

#drop_down{
	float:left;
	width:880px;
	background-color:white;
	background-repeat:repeat-x;
	background-position:bottom;
}

#first_bkg:hover > #sub_menu_first,
#aquatics_bkg:hover > #sub_menu_first,
#caregiving_bkg:hover > #sub_menu_first,
#preparedness_bkg:hover > #sub_menu_first,
#instructor_tools_bkg:hover > #sub_menu_first
{
	margin: 4px auto;
	width:873px;
	line-height:2em;
	border:#E6E6E6 1px solid;
	background-color:white;
	background-repeat:repeat-x;
	background-position:bottom;
	z-index:999;
}

#aquatics_bkg:hover > #sub_menu_first,
#caregiving_bkg:hover > #sub_menu_first,
#preparedness_bkg:hover > #sub_menu_first,
#instructor_tools_bkg:hover > #sub_menu_first{
	position: relative;
	float: left;
}

#aquatics_bkg:hover > #sub_menu_first{
	left: -177px;
}
#caregiving_bkg:hover > #sub_menu_first{
	left: -354px;
}
#preparedness_bkg:hover > #sub_menu_first{
	left: -531px;
}
#instructor_tools_bkg:hover > #sub_menu_first{
	left: -708px;
}

#first_bkg:hover > #sub_menu_first a,
#aquatics_bkg:hover > #sub_menu_first a,
#caregiving_bkg:hover > #sub_menu_first a,
#preparedness_bkg:hover > #sub_menu_first a,
#instructor_tools_bkg:hover > #sub_menu_first a
{
	color:#4D4D4D;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(../img/red_arrow.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:17px;
	display: block;
}

#first_bkg:hover > #sub_menu_first a:hover,
#aquatics_bkg:hover > #sub_menu_first a:hover,
#caregiving_bkg:hover > #sub_menu_first a:hover,
#preparedness_bkg:hover > #sub_menu_first a:hover,
#instructor_tools_bkg:hover > #sub_menu_first a:hover
{
	color:#ED1C2E;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#bar_g{
	width:100%;
	background-image:url(../img/sub_menu_bar.png);
	background-repeat:repeat-x;
	background-position:bottom;
	float:left;
}