/* default font size*/
@import url(x-small.css);
/* sets the background color for the page, so you don't have to do this in HTML */
body { background-color:#ffffff; font-family: Arial, Helvetica, sans-serif;}
/* defines font size, font family, and color for basic HTML elements */
p, td, ul, ol, li, blockquote {font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #000000; font-weight: normal;}
.pmargin { margin-left: 10px;}
.tdBlue {font-size: 12px;font-family: Myriad, Arial,Helvetica, sans-serif;color: #000000;background-color: #C0D0C9;padding: 2px 2px 2px 2px;}
.tdWhite {font-size: 12px;font-family: Myriad, Arial,Helvetica, sans-serif;color: #000000;background-color: #ffffff;padding: 2px 2px 2px 2px;}
/* sets colors and underlining for regular links; since all links are underlined we don't have to declare this on subsequent custom link classes */
a:link { color: #3973A5; text-decoration: underline;}
a:visited { color: #3973A5; text-decoration: underline;}
a:hover { color: #6C9282; text-decoration: underline;}
a:active { color: #6C9282; text-decoration: none;}

/* these are all of the styles that go in the top_right_mainNav */
#topNavInfo {
	width:100%;
	padding: 0;	
}
#sizer img {
	float: left;
	padding: 0 0 0 0;
	margin: 0px;
	z-index: 2;
}
#sizer {
	/*float: left;*/	
	padding: 0 0 0 0;
	margin: 0px;
	z-index: 2;
}

/************** search *****************/
#searchBox{
	float: right;
	text-align: right;
}

html>body #searchBox {margin-top: -10px;}  /* This is what ALL other browsers understand*/ 

/* sets margins for blockquote */
blockquote { margin: 0 50px 0 50px;}
/* sets color of a horizontal rule -- only works in IE */
hr { color: #6C9282;}
/* sets the appropriate font weight, font style, text decoration for these comment elements */
u { text-decoration: underline;}
b { font-weight: bold;}
i { font-style: italic;}
strong { font-weight: bold;}
em { font-style: italic;}
/* sets basic font face, color and format for headings 1-5 old color for headings #6C9282 */
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; color:#3f7f64;}
/* sets the specific sizes for headings 1-5 */
h1 {font-size: 12px;}
h2 {font-size: 20px;}
h3 {font-size: 17px;}
h4 {font-size: 14px;text-transform: uppercase;}
h6 {font-size: 11px;color: #3973A5;font-family: Arial, Helvetica, sans-serif;}
.mainheader {font-size: 15px;font-family: Myriad, Arial,Helvetica, sans-serif;padding: 2px 2px 2px 2px;border-bottom-style: dotted;border-bottom-color: #6C9282;border-top-style: dotted;}
h1.mainheader {
	font-size: 15px;
	font-family: Myriad, Arial,Helvetica, sans-serif;
	padding: 5px 2px 5px 2px;
	border-bottom-style: dotted;
	border-bottom-color: #6C9282;
	border-top-style: dotted;
	margin-top: 15px;
}
h5 {font-size: 12px;font-family: Myriad, Arial,Helvetica, sans-serif;color:#3973A5;padding: 2px 2px 2px 2px;border-bottom-style: dotted;border-bottom-color: #3973A5;border-bottom-width: 2px;width:auto;}
.newstext {color:#000;font-size: 11px;font-style: normal;font-family: Arial, Helvetica, sans-serif;}
a.newstext:link { color:#3973A5;}
a.newstext:visited { color:#3973A5;}
a.newstext:hover { color:#6C9282;}
a.newstext:active { color:#6C9282;}
/* custom class for fonts */
.green12 { font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#6C9282;}
/* custom class for headlines other than generic HTML headlines */
/* THESE ARE SET UP TO BE REDUNDANT VERSIONS OF THE H1-H5 STYLES */
.headline1, .headline2, .headline3, .headline5, .headline6 { font-family: Arial, Helvetica, sans-serif; font-weight:bold; padding: 0 0 0 0; color:#6C9282;}
.headline4{ font-family: Arial, Helvetica, sans-serif; font-weight:bold; padding: 0 0 0 0; color:#6C9282;}
.headline1 { font-size: 23px;}
.headline2 { font-size: 20px;}
.headline3 { font-size: 17px;}
.headline4 { font-size: 14px;}
.headline5 { font-size: 12px;}
.headline6 { font-size: 14px;}



a.morelink:link {font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px;}

a.qoutemorelink:link {font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px;}
a.qoutemorelink:visited {font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px;}

/* custom class for help text */
.helptext { color:#000; font-size: 11px;}
a.helptext:link { color:#039;}
a.helptext:visited { color:#039;}
a.helptext:hover { color:#ccc;}
a.helptext:active { color:#039;}
/* custom class for required text */
.required {color: #f00; font-weight:bold;}
a.required:link { color: #f00;}
a.required:visited { color: #f00;}
a.required:hover { color: #f00;}
a.required:active { color: #f00;}
/* custom class for captions */
.caption { color: #333; font-size: 10px; }
a.caption:link { color: #333; }
a.caption:visited { color: #333; }
a.caption:hover { color: #ccc; }
a.caption:active { color: #333; }
/* custom class for copyright */
.copyright { color:#000000; font-size:10px; padding: 5px;}
a.copyright:link { color:#000000; }
a.copyright:visited { color:#000000; }
a.copyright:hover { color:#D8BB67; }
a.copyright:active { color:#000000; }
/* custom class for utility nav */
.utilitynav { color:#ffffff; font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; }
a.utilitynav:link { color:#ffffff;font-size:12px;font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; }
a.utilitynav:visited { color:#ffffff;font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
a.utilitynav:hover { color:#ffffff; font-size:12px;font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none;}
a.utilitynav:active { color:#ffffff;font-size:12px;font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; }
/* custom class for main nav */
.mainnav { color:#ffffff; font-size: 14px; font-family: Myriad, Arial, Helvetica, sans-serif;}
a.mainnav:link { color:#FFFFFF; text-decoration:none; font-weight:bold;}
a.mainnav:visited { color:#ffffff; text-decoration:none; font-weight:bold;}
a.mainnav:hover { color:#F1CB81;  text-decoration:none; font-weight:bold;}
a.mainnav:active { color:#F1CB81; text-decoration:none; font-weight:bold;}

/* custom class for sub nav */
.subnav { color:#ffffff; font-size: 22px; font-family: Myriad, Arial, Helvetica, sans-serif; text-decoration:none;}
a.subnav:link { color:#FFFFFF; text-decoration:none;}
a.subnav:visited { color:#ffffff; text-decoration:none; }
a.subnav:hover { color:#F1CB81;  text-decoration:underline;}
a.subnav:active { color:#F1CB81; text-decoration:underline; }
ul.subnav {margin-left: -15px;list-style-type: disc;list-style-image: url(/images/arrow.gif);}
li.subnav {padding-left: 5px;}

/* custom class for bullets in nav */
.mainnav2 { color:#ffffff; font-size:9px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}

/* custom class for sub sub nav */
.subsubnav { color:#ffffff; font-size: 12px; font-family: Myriad, Arial, Helvetica, sans-serif; text-decoration:none;}
a.subsubnav:link { color:#FFFFFF; text-decoration:none;}
a.subsubnav:visited { color:#ffffff; text-decoration:none; }
a.subsubnav:hover { color:#F1CB81;  text-decoration:underline;}
a.subsubnav:active { color:#F1CB81; text-decoration:underline; }

/* custom class for form fields */
.form { color:#3973A5; font-size:14px; font-weight:bold; }
ul.mainnav {margin-left: -15px;list-style-type: disc;list-style-image: url(/images/arrow.gif);}
li.mainnav {padding-bottom: 5px;padding-top: 5px;list-style-image: url(/images/arrow.gif);}
img.caseLeft { margin: 0 10px 0 0; }
img.caseRight { margin: 0 0 0 10px;}
.tagline {color:#FFFFFF;font-size:18px;font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-style:italic; letter-spacing:3px; line-height:120%; }
.frontheading {color:#333399;font-size:15px;font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height:100%; background-color:#A7B6D7; width:150px; padding: 1px; }
.frontheadingsub {color:#333399;font-size:15px;font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height:100%; background-color:#A7B6D7; width:225px; padding: 1px; }
.content {padding-left: 0px; padding-top: 0px; padding-right: 3px;  padding-bottom: 8px;}
.bluebkgd {background-color:#A7B6D7; }
.leftline {border-left:1px solid #A7B6D7; /*border-bottom:1px solid #A7B6D7;*/}
.rightline {border-right:1px solid #A7B6D7; /*border-bottom:1px solid #A7B6D7;*/}
/* start custom class for main header and footer */				
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

/* Start class for various headers. Please note a boxhead and a boxhead h2 must be created for each image.*/	

/* This is the right header image (of young family) that stretches in "Hearing Loss Prevention Section"*/
.boxhead_family2 {background: url(/images/header_r_family.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_family2 h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}		

/* This is the right header image (of teen and father) that stretches in "Hearing Loss Section"*/
.boxhead_teen {background: url(/images/header_r_teen.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_teen h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}		

/* This is the right header image (of family toasting at table) that stretches in "About BHI Section"*/
.boxhead_atoast {background: url(/images/header_r_atoast.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_atoast h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}

/* This is the right header image (of a couple dining) that stretches in "Hearing Solutions Section"*/
.boxhead_dining {background: url(/images/header_r_dining.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */	
.boxhead_dining h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}

/* This is the right header image (of church choir) that stretches in "Resource Section"*/
.boxhead_choir {background: url(/images/header_r_choir.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_choir h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;	line-height: 1em;}

/* This is the right header image (of men around computer) that stretches in "Research Section"*/
.boxhead_office {background: url(/images/header_r_office.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_office h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}		

/* This is the right header image (of couple taking pic) that stretches in "Contact Us Section"*/
.boxhead_couple {background: url(/images/header_r_couple.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_couple h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}

/* This is the right header image (of boy riding bike) that stretches in "Site Map Section"*/
.boxhead_bike {background: url(/images/header_r_bike.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_bike h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}	

/* This is the right header image (of family dining) that stretches in "Request Info Section"*/
.boxhead_groupparty {background: url(/images/header_r_groupparty.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_groupparty h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}

/* This is the right header image (of picnic scene) that stretches in "Acknowledgements Section"*/
.boxhead_picnic {background: url(/images/header_r_picnic.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_picnic h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}

/* This is the right header image (of man on cell phone) that stretches in "Privacy Policy Section"*/
.boxhead_manonphone {background: url(/images/header_r_manonphone.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_manonphone h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}

/* This is the right header image that stretches in "Hearing Healthcare Professionals"*/
.boxhead_bb {background: url(/images/header_r_bb.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_bb h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}

/* This is the right header image (of girl with teacher) that stretches in "Physicians"*/
.boxhead_physicians{background: url(/images/header_r_physicians.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_physicians h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}

/* This is the right header image (of girl with teacher) that stretches in "Press"*/
.boxhead_press{background: url(/images/header_r_press.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_press h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}

/* This is the right header image that stretches in "Research"*/
.boxhead_research{background: url(/images/header_r_reading.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_research h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}

/* This is the right header image that stretches in "Sponsors"*/
.boxhead_sponsors{background: url(/images/header_r_girl.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_sponsors h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}

/* This is the right header image that stretches in UNUSED */
.boxhead_UNUSED{background: url(/images/header_r_atoast_old.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_UNUSED h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}

/* This is the right header image that stretches in "Blog splashpage"*/
.boxhead_blog {background: url(/images/header_r_blog.jpg) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left header image (logo) */		
.boxhead_blog h2 {background: url(/images/header_l_new_v1.gif) no-repeat top left;margin: 0;padding: 50px;line-height: 1em;}

/*This is the footer style for all of the secondary pages.  */		

/* This is the right footer */	
.boxfooter {background: url(/images/footer_r.gif) no-repeat top right;margin: 0;padding: 0;text-align: center;}

/* This is the left footer image */	
.boxfooter h2 {background: url(/images/footer_l.gif) no-repeat top left;margin: 0;padding: 50px;color: white; font-weight: bold; font-size: 20px; line-height: 1em;}

/* end custom class for subpage footer */		

/* start custom class for side boxes */		
/* Show only to IE PC \*/
* html .boxhead2 h2 {height: 1%;} /* For IE 5 PC */
.sidebox2 {margin: 0; width: 210px;background: url(/images/sbbody-r.gif) no-repeat bottom right;font-size: 100%;height: auto;}
/* headline */
/*.boxhead2 {background: url(sbhead-r.gif) no-repeat top right;margin: 0;padding: 50px;text-align: left;}*/
/*.boxhead2 h2 {background: url(sbhead-r.gif) no-repeat top left;margin: 0;padding: 50px;color: white; font-weight: bold; font-size: 20px; line-height: 1em;}*/
.boxhead2 h2 {margin: 0;padding: 50px;color: white; font-weight: bold; font-size: 20px; line-height: 1em;}
.boxbody2 {background: url('/images/sbhead-r.gif') no-repeat top right;margin: 0;padding: 15px 15px 15px 15px;}
/* end custom class for side boxes */	
/* start custom class for news box on home page*/		
/* Show only to IE PC \*/
* html .boxhead3 h2 {height: 1%;} /* For IE 5 PC */
.sidebox3 {width: 377px;background: url('/images/newsbody.gif') no-repeat bottom right;height: 175px;margin-top: 8px;}
.boxhead3 {background: url('/images/newshead.gif') no-repeat top right;}
.boxbody3 {background: url('/images/newshead.gif') no-repeat top right;margin: 0;padding: 20px 20px 5px 15px;}
/* end custom class for side boxes */	
* html .boxhead6 h2 {height: 1%;} /* For IE 5 PC */
.sidebox6 {width: 249px;background: url('/images/quotebody.gif') no-repeat bottom right;height: 198px;margin-top: 8px; float: right;}
.boxhead6 {background: url('/images/quotehead.gif') no-repeat top right;}
.boxbody6 {background: url('/images/quotehead.gif') no-repeat top right;margin: 0;padding: 20px 20px 5px 15px;}
.boxbody6 p{font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #6C9282;font-weight: bold;font-style: italic;}

.sidebox7 {width: 249px;background: url('/images/quotebody.gif') no-repeat bottom right;height: 120px;margin-top: 8px; float: right;}
.boxhead7 {background: url('/images/quotehead.gif') no-repeat top right;}
.boxbody7 {background: url('/images/quotehead.gif') no-repeat top right;margin: 0;padding: 20px 20px 5px 15px;}
.boxbody7 p{font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #6C9282;font-weight: bold;font-style: italic;}

.sidebox8 {width: 249px;background: url('/images/quotebody.gif') no-repeat bottom right;height: 90px;margin-top: 8px; float: right;}
.boxhead8 {background: url('/images/quotehead.gif') no-repeat top right;}
.boxbody8 {background: url('/images/quotehead.gif') no-repeat top right;margin: 0;padding: 20px 20px 5px 15px;}
.boxbody8 p{font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #6C9282;font-weight: bold;font-style: italic;}
/* Container for the Menu */
#p7swapmenu {background-color: #3973A5;border: none; left: 12px;padding: 0px; top: 135px;width: 210px;}
/* Turns off Margin, Padding, and Bullets for the Menu List */
#p7swapmenu ul {margin: 0px; padding: 0px;}
#p7swapmenu li {margin: 5px; padding: 0px; list-style-type: none;}
/* Rules to copy if you use the WriteStyles Command */
.closed ul{display:none;}
.open ul{display:block;}
/* Link Styles for the Menu */
.closed a, .open a {background-repeat: no-repeat;background-position: 3px 50%;background-color: #3973A5;border: 2px solid;border-color: #3973A5 #3973A5 #ffffff #3973A5;color: #ffffff;display: block;font-size: 14px;font-family: Myriad, Arial,Helvetica, sans-serif;  padding: 2px 2px 2px 2px;}
/* Hover and Active styles for the menu */
.closed a:hover, .open a:hover, .closed a:active, .open a:active {background-color: #3973A5;
/*color: #F1CB81; font-size:14px; font-family: Myriad, Arial, Helvetica, sans-serif; */}
/* Plus Sign for Trigger Links in Closed State */
/*.closed a {background-image: url(arrow.gif);}*/
/* Minus Sign for Trigger Links in Open State */
/*.open a {background-image: url(arrow.gif);}*/
/* Link Styles for the Submenus */
.closed ul a, .open ul a, .open ul a:hover {background-color: transparent;background-image: url(arrow.gif);background-repeat: no-repeat;background-position: 0% 3px;border: 0;color:#ffffff;font-size: 12px;font-weight:normal;padding: 0 0 0 12px;margin: 0 0 0 16px;}



/* Optional ID to assign the <a> to highlight a "Current Page" link */
#p7current {font-weight: bold;}
-->
/* custom class for the margins for the body text */
.margins { margin: 0 25px 25px 25px ;}
/* bottomnav margins */
.bottomnav { margin-left: 5px; margin-bottom: 2px; margin-right: 0px; margin-top: 2px;}
/* this puts a border and drop shadow around an image */
.img-shadow {float:left;background: url(/images/shadowAlpha.png) no-repeat bottom right !important;background: url(/images/dropshadow/shadow.gif) no-repeat bottom right;margin: 10px 0 0 5px;}
.img-shadow img {display: block;position: absolute;background-color: #fff;border: 1px solid #a9a9a9;margin: -6px 6px 6px -6px;padding: 4px;}
.alpha-shadow {clear: both;float:left;background: url(/images/dropshadow/shadow.gif) no-repeat bottom right;margin: 0px 0 0 0px;}
.alpha-shadow div {background: url(/images/dropshadow/shadow2.png) no-repeat left top !important;background: url(/images/dropshadow/shadow2.gif) no-repeat left top;float: left;padding: 0px 6px 6px 0px;}
.alpha-shadow img {background-color: #fff;border: 1px solid #a9a9a9;padding: 4px;margin: 0;}
.margin	{margin: 0 0 0 0px;clear:right;}
.nomargin {margin: 0 0 0 0px;}
div.container {margin: 40px 0px 0px 0px;clear:both;}
div.container2 {position: relative ;margin: 100px 0px 60px 0px ;}
/* containers for myths and quotes */
div.container3 {position: relative ;margin: 100px 0px 60px 0px ;border: solid 1px ; border-color: #0065A5 ; background-color: #FFFFFF ;padding: 20px 20px 20px 20px ;width: 200px ;}
#bhilogo {display:none;}

/*style for quotes page /research/quotes.cfm */
img.quotesPage { margin:10px 0 0 0; padding: 0 0 0 0; border: 1px solid #000;}

#quoteContainer {
	margin: 0;
	padding: 0 5px;
	width: 245px;
	float: right;
	}

/* Celebrities Page
--------------------------------*/
#celebPhoto {
	padding: 0 10px 10px 10px;
	width: 120px;
	}

#celebBio {
	margin: 0;
	padding: 0 10px 10px 10px;
	float: left;
	width: 600px;
	}

#celebBio h5 {
	margin: 0;
	padding: 0;
	}

/* Resources
--------------------------------*/
#resources {
	margin: 0;
	padding: 0;
	width: 800px;
	}

#featuredResources {
	margin: 0;
	padding: 40px 0 0 0;
	float: left;
	}

#featuredResources h4 {
	margin: 0;
	padding: 10px;
	width: 700px;
	border-bottom: 2px #6C9282 dotted;
	}

#left {
	margin: 0 10px 0 0;
	padding: 0 5px;
	float: left;
	width: 200px;
	}

#left p {
	margin: 0;
	padding: 5px 0 0px 20px;
	width: 170px;
	color: #3a6ba5;
	}
	
#middle {
	margin: 0 10px 0 0;
	padding: 0 15px;
	float: left;
	width: 200px;
	}

#middle p {
	margin: 0;
	padding: 5px 0 5px 20px;
	width: 170px;
	color: #3a6ba5;
	}

#right {
	margin: 0;
	padding: 0 5px;
	float: left;
	width: 200px;
	}

#right p {
	margin: 0;
	padding: 5px 0 5px 20px;
	width: 170px;
	color: #3a6ba5;
	}

#button {
	margin: 0;
	padding: 0;
	width: 202px;
	background: url(/images/resources/middle.gif) repeat-y left center;
	}

#top1 {
	margin: 0;
	padding: 0;
	width: 202px;
	height: 15px;
	background: url(/images/resources/top.gif) no-repeat left top;
	}

#button h1 {
	margin: 0;
	padding: 0;
	width: 190px;
	height: 30px;
	font-size: .9em;
	font-weight: normal;
	background-color: #6f9182;
	color: #ffffff;
	}

#button h1 a {
	color: #ffffff;
	text-decoration: none;
	}

#button h1 a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

#button img {
	margin: 0;
	padding: 0 3px 5px 4px;
	float: left;
	}

#button p {
	margin: 0;
	padding: 0 10px 0 10px;
	color: #ffffff;
	font-size: .9em;
	font-weight: bold
	}

#button p a {
	margin: 0;
	color: #ffffff;
	text-decoration: none;
	}

#bottom {
	margin: 0;
	padding: 0;
	width: 202px;
	height: 18px;
	background: url(/images/resources/bottom.gif) no-repeat left bottom;
	}

/* Featured Resources
-------------------------- */
#frleft {
	margin: 0;
	padding: 0 10px;
	float: left;
	width: 200px;
	min-height: 300px;
	}

#frleft p {
	margin: 0;
	padding: 5px 10px;
	text-align: center;
	color: #3a6ba5;
	}
	
#frmiddle {
	margin: 0;
	padding: 0 10px;
	float: left;
	width: 200px;
	min-height: 300px;
	}

#frmiddle p {
	margin: 0;
	padding: 5px 10px 20px 10px;
	text-align: center;
	color: #3a6ba5;
	}

#frright {
	margin: 0;
	padding: 0 10px;
	float: left;
	width: 200px;
	min-height: 300px;
	}

#frright p {
	margin: 0;
	padding: 5px 10px;
	color: #3a6ba5;
	text-align: center;
	}
	
/* Audiogram
-------------------------------------- */
div#audiogram {
	float: left;
	}

div#audiogram p.threshold {
	color: #3f7f64;
	margin: 0;
	padding: 5px 0 0 0;
	}


div#audiogram th, .left_right {
	background: #d2eddf;
	}

div#audiogram td.data {
	width: 30px;
	}

div#audiogram ol, 
div#audiogram ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	}

div#audiogram ol li,
div#audiogram ul li{
	display: inline;
	}

div#audiogram button {
	background: #d2eddf;
	}

div#audiogram .help_text {
	font-style: italic;
	margin-top: 0;
	padding-top: 0;
	}

div#audiogram .required {
	color: #ff0000;
	margin: 0;
	padding: 0;
	}

div#audiogram_submit {
	background: #d2eddf;
	border: 1px solid #000000;
	margin: 0 auto;
	padding: 10px;
	width: 100px;
	}

div#audiogram_submit button {
	margin: 0 0 0 20px;
	}

.check_score {
	color: #3f7f64;
	}
.missingField {
  font-family: Verdana, Arial, Helvetica;
  font-size: 10pt;
  color: red;
  font-weight:bold
}
.open ul ul li, .open ul ul li { 
margin-left:16px !important;
}
.subsubnavul {
	margin:0;
	padding:0;
	display:inline !important;
}

.nlsubnav {
	background:transparent url('arrow.gif') 5px 3px no-repeat;
	color:#FFFFFF;
	font-size:12px;
	margin: 0 0 0 16px !important;
	padding:0 0 0 17px !important;
}