@charset "UTF-8";


body {margin:0;padding:0;background:url(images/bg.jpg) repeat;}
img {vertical-align:middle;border:none;}
a {outline:none;text-decoration:none;}
.clear {clear:both;}
div#body-wrap {width:924px;margin:0 auto;padding:0 14px;background:url(images/wrap-bg.png) repeat-y;}

div#header {width:100%;margin:0;padding:0;background:url(images/header-bg.jpg) no-repeat left top;overflow:hidden;clear:both;}
   #header .title {margin:10px 0 10px 45px;padding:0;float:left;clear:both;}
   #header h2 {margin:0 0 0 45px;padding:0;font-family:"Lucida Grande",Arial;font-size:13px;font-weight:bold;color:#5c5c5c;text-align:left;float:left;clear:both;}
   #header p {width:415px;margin:0 0 10px 45px;font-family:"Lucida Grande", Arial;font-size:13px;font-weight:normal;color:#5c5b5b;text-align:left;line-height:16px;float:left;clear:both;}
   #header a {color:#3c9c9c;text-decoration:underline;}
   #header a:hover {text-decoration:none;}
   
div#header.small {width:100%;margin:0;padding:0;background:url(images/2010/logo.png) no-repeat top left;}
   #header.small #questions-ask {margin:29px 0 0 41px;padding:0;float:left;}
   
   #header.small #nav {width:100%;height:51px;margin:0 0 0 0;padding:0;background:url(images/nav-bg.jpg) no-repeat top left;}
   #header.small #nav ul {margin:0;padding:0;list-style-type:none;}
   #header.small #nav ul li {margin:0;padding:0;background:url(images/nav-divider_img.jpg) no-repeat right;float:left;}
   #header .home { float:right;margin:10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;}
   
div#menu-bar {width:100%;height:175px;margin:0;padding:8px 0 0 0;background:url(images/2010/bkg-footer.png) repeat 0 0;}
   #menu-bar ul {margin:0;padding:0;list-style-type:none;}
   #menu-bar ul li {/*height:104px;margin:0;padding:0;*/float:left;}
   
   #menu-bar ul li#understanding a {width:262px;height:221px;background:url(images/menu-bar_understanding-cdi_bg.jpg) no-repeat top left;display:block;}
   #menu-bar ul li#understanding a img.title {margin:50px 0 0 45px;float:left;clear:both;}
   #menu-bar ul li#understanding a span {margin:10px 0 0 50px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#FFF;text-align:left;text-decoration:none;display:block;float:left;clear:both;}

   #menu-bar ul li#treatment a {width:224px;height:221px;margin:0 7px 0 0;background:url(images/menu-bar_treatment_bg.jpg) no-repeat top left;display:block;}
   #menu-bar ul li#treatment a img.title {margin:80px 0 0 64px;float:left;clear:both;}
   #menu-bar ul li#treatment a span {margin:10px 0 0 67px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#567570;text-align:left;text-decoration:none;float:left;display:block;clear:both;}
   
   #menu-bar ul li#prevention a {width:219px;height:221px;margin:0 7px 0 0;background:url(images/menu-bar_prevention_bg.jpg) no-repeat top left;display:block;}
   #menu-bar ul li#prevention a img.title {margin:80px 0 0 40px;float:left;clear:both;}
   #menu-bar ul li#prevention a span {margin:10px 0 0 40px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#567570;text-align:left;text-decoration:none;display:block;float:left;clear:both;}
   
   #menu-bar ul li#resources a {width:205px;height:221px;background:url(images/menu-bar_resources_bg.jpg) no-repeat top left;display:block;}
   #menu-bar ul li#resources a img.title {margin:80px 0 0 40px;float:left;clear:both;}
   #menu-bar ul li#resources a span {margin:10px 0 0 40px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#567570;text-align:left;text-decoration:none;float:left;display:block;clear:both;}
   
div#content {margin:0;padding:0 0 10px;background:url(images/content-bg.jpg) repeat-y;overflow:hidden;}
   #content #context {float:right; width:579px;margin:0;padding:38px 106px 0 0;background:url(images/context-top_bg.jpg) no-repeat top right;}
   #content #context h1 {margin:10px 0 5px 0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;color:#5c5b5b;text-align:left;}
   #content #context h2 {margin:7px 0 5px 0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#5c5b5b;text-align:left;}
   #content #context h2 a {cursor: pointer;}
   #content #context p {margin:0 0 10px 0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#5c5b5b;text-align:left;}
   #content #context p a {color:#000;text-decoration:none;}
   #content #context li {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#000;}
   #content #aside {
    margin-left: 37px;
    width: 176px;
   }
   
div#footer {width:925px;height:60px;margin:0 0 0 -1px;padding:0;background:url(images/2010/footer.png) repeat right bottom;clear:both;}
   #footer #questions-ask {margin:29px 0 0 41px;padding:0;float:left;}
   #footer p#copyright {width:300px;margin:15px 73px 0 0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color:#555555;text-align:right;float:right;}
   #footer #copyright a {color:#555555;}
   
div#footer.small {width:925px;height:36px;margin:0;padding:13px 0 0 0;background:url(images/footer-bg_second.jpg) no-repeat bottom;clear:both;}
   #footer.small p#copyright {width:340px;margin:0 73px 0 0;padding:0;position:relative;top:-10px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color:#555555;text-align:right;float:right;}
   
   
.button {
	width: 370px;
	height: 46px;
	background: url(/images/nav.jpg) no-repeat;
	position: relative;
	top: 305px;
	left: 50px;
}

.button li {
	display: inline;
}

.button li a:link, .button li a:visited {
	position: absolute;
	top: 0;
	height: 46px;
	text-indent: -9000px;
	overflow: hidden;
}	

.button .video a:link, .button .video a:visited {
	left: 0px;
	width: 185px;
}

.button .video a:hover, .button .video a:focus, .button .video a:active {
	background: url(/images/nav.jpg) no-repeat -0px -46px;
}

.button .forum a:link, .button .forum a:visited {
	left: 185px;
	width: 185px;
}

.button .forum a:hover, .button .forum a:focus, .button .forum a:active {
	background: url(/images/nav.jpg) no-repeat -185px -46px;
}

#home {
  display: block;
  float: left;
  height: 107px;
  width: 50%;
}

#masthead {
  position: relative;
}

#masthead .content {
  left: 0;
  padding: 30px 0 0 50px;
  position: absolute;
  top: 0;
  width: 420px;
  z-index: 60;
}

#masthead .content p {
  font-family: Verdana, sans-serif;
  font-size: 11px;
  margin: 11px 0;
}

#masthead #slider {
  height: 362px;
}

#masthead #slider img {
  left: 0;
  position: absolute;
  top: 0;
}

.nav {
  color: #5c5c5c;
  float: right;
  margin: 70px 30px 0 0;
  text-align: right;
  width: 30%;
}

#header .nav a {
  color: #5c5c5c;
  text-decoration: none;
}

#header p {
  margin: 0;
  text-align: right;
  width: 100%;
}

#pronounce {
  background: #e3e3e3;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  height: 64px;
  margin: 28px 0 0 33px;
  padding: 15px;
  width: 90px;
}

#ask, #forum, #share {
  margin-top: 18px;
}

#ask, #forum {
  margin-left: 6px;
  margin-right: 6px;
}

.tooltip { 
    display: none; 
    background: transparent url('/images/arrow_big.png'); 
    height: 160px; 
    width: 320px;
    padding: 25px;  
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#537670;
}

#tooltip.bottom { 
    background:url('/images/arrow_bottom.png');     
    padding-top:40px; 
    height:55px; 
}