body, html { width: 100%; margin: 0; background: url(images/bg.png) repeat top left; font-family:Tahoma, Helvetica, sans-serif; font-size: 12px;  }

#main { width: 850px; margin: 0 auto;padding-top: 10px;}

#topBox { width: 850px; height: 270px; background: url(images/topBox.gif) no-repeat bottom left;}
#headTop { height: 234px; }
#logo { float:left; margin: 63px 0 0 16px; }
#logoDate { margin-right: 10px;}
#testButton { float:right; margin-right:22px;}
#headBottom {height:36px; padding-left: 16px;}
#headBottom img { float:left; }


#middleBoxTop { width: 850px; background: url(images/middleBgTop.gif) no-repeat top; height: 11px; margin-top: 8px;}
#middleBox { background: url(images/middleBgMiddle.gif) repeat-y top; min-height: 210px; height: auto !important; height: 210px; margin: 0; padding: 0 10px 0 10px; }
#middleBoxBottom { background: url(images/middleBgBottom.gif) no-repeat top; height: 54px; margin: 0; }
#homeContent { float:left; width:390px; margin-right: 15px;}
#homeTwitter { float:left; width:265px; z-index:0; margin-bottom:15px; }
#homeTwitter * { z-index:0; }
#homeSocial { float:left;  }
.smallText { font-size:11px; line-height:18px; }

#subNav { float:left;   }
#content { float:left; width:620px; }

#subNav ul { list-style-type:none; margin:0; padding:0;width:170px; }
#subNav li { margin: 5px 0; }
#subNav li a { text-decoration:none; color:#000; display:block; width:140px; border-bottom: 1px solid #70CEF3; padding: 0 5px 5px; }
#subNav li a:hover { color:#70CEF3; }
#subNav .navOn a { color:#70CEF3;}


.navItem { float:left; position:relative; }
.navItem ul { position: absolute; z-index: 5; top:36px; left:0; margin:0; width: 120px; display: none;  padding:0 ; list-style-type:none; border:1px solid rgb(26,156,232); border-width:0 1px;  }
.navItem ul li { width: 120px; float: none; margin:0;  border-bottom:1px solid rgb(26,156,232); }
.navItem ul li a {  width:110px; font-size: 11px; text-align: left; background: #fff; display:block; min-height:20px; height:auto !important; height:20px; padding:3px 5px;  }
.navItem ul li a:hover { background: rgb(26,156,232); color:#FFF; text-decoration:none; }




#bottomArea { margin-top: 8px; position: relative; height: 260px; width:850px;}
#bottomLeft { float:left; background: url(images/bottomLeft.gif) no-repeat left top; width: 280px; height: 253px; }
#bottomLeft p { padding: 5px 10px; }
#bottomRight { float:left; background: url(images/bottomRight.gif) no-repeat top left; width:229px; height: 139px; margin-left: 12px; padding: 10px 15px; }
#dearDoctor { background: url(images/dearDoctor.gif) no-repeat left top; height:139px; width:100px; padding-left:135px; }
#bottomMiddle { float:left; background: url(images/bottomMiddle.gif) no-repeat top left; width:260px; height: 139px; margin-left: 8px; padding: 10px; }
#kissTell { position: absolute; z-index: 2; left: 288px; top: 135px; }
.transContent { margin-left:-250px; float:left; z-index: 5; width:280px;}
#calText { height:11px; font-size:10px; text-align:center; }

.redHeader { color:#FF0000; font-size: 13px;}

h2 { color:#E3792B;font-size:1em; }
a img { border: none; }
a { color:rgb(26,156,232); text-decoration:none; }
a:hover { text-decoration:underline; }

a.boldLink { color:#000; font-weight:bold; text-decoration:none; }
a.boldLink:hover { text-decoration:underline;}

.clr { float:none; clear:both; }

/* Contraception Chart */
  #content   .accordion {
       width: 600px;
       list-style-type: none;
       margin: 0;
       padding: 0;
    }
    
   #content  .accordion li a {
       background: #30a5e8;       
       color: #FFFFFF;
       
       font-size: 12px;
       font-weight: bold;
       text-decoration: none;
       
       height: 20px;
       display: block;
    
       border-top-width:  1px;
       border-top-style: solid;

       padding: 5px;
    }
    
 #content    .accordion li a:hover {
       text-decoration: underline;
    }
    
  #content  .accordion table tr td {
      vertical-align: top;
      font-size: 10px;
   }
   
 #content   .accordion table tr .contraceptionItem1 {
      color: #FFFFFF;
      font-weight: bold;
      background: #D29259;
      
      border-bottom-color:  #FFFFFF;
      border-bottom-width:  1px;
      border-bottom-style: solid;
      
      width: 150px;
   }
   
   #content   .accordion table tr .contraceptionItem2 {
      color: #FFFFFF;
      font-weight: bold;
      background: #4B9B5C;
      
      border-bottom-color:  #FFFFFF;
      border-bottom-width:  1px;
      border-bottom-style: solid;
      
      width: 150px;
   }
   
   
   
    
  #content   .accordion table
    {
       border-style: solid;
       border-width: 1px;
       border-color: #2198dc;
       
       width: 600px;
    }    
    
 #content    .accordion table .row1
 { 
     background: #afe2ff;
  }    
    
  #content    .accordion table tr td
    {      
       border-style: solid;
       border-width: 1px;
       border-color: #30A5E8;
	   color:#2198dc;
    }