BODY { 
   margin: 0px; 
   padding: 0px; 
   background: #E4E3E3 url(../images/pbk.gif) repeat-y; 
} 

#logo { 
   position: absolute; 
   left: 50px; 
   top: 0px; 
   width: 900px; 
   height: 80px; 
   background: url(../images/plg.gif) no-repeat; 
} 

#maintopic { 
   position: absolute; 
   left: 50px; 
   top: 80px; 
   width: 900px; 
   height: 30px; 
   border-top: 1px solid #cdcdcd; 
   background: url(../images/pmt.gif) repeat-x; 
   
} 

#plaintext { 
   position: absolute; 
   left: 750px; 
   top: 86px; 
   width: 195px; 
   height: 30px; 
   text-align: right; 
   z-index: 100; 
} 

#plaintext a { 
   color: #888888; 
   text-decoration: none; 
} 


#youarehere { 
   position: absolute; 
   left: 50px; 
   top: 141px; 
   width: 900px; 
   height: 30px; 
} 

#youarehere a { 
   display: block; 
   float: left; 
   height: 30px; 
   padding: 0px 10px 0px 23px; 
   line-height: 30px; 
   color: #888888; 
   text-decoration: none; 
   font-size: 11px; 
   background : url(../images/pmr.gif) no-repeat; 
} 

#youarehere a:hover { 
   color: #666666; 
   background : url(../images/pmra.gif) no-repeat; 
} 


#maintopic a { 
   display: block; 
   float: left; 
   height: 30px; 
   padding: 0px 10px 0px 10px; 
   line-height: 30px; 
   color: #888888; 
   text-decoration: none; 
   text-transform: uppercase; 
   font-size: 10px; 
   letter-spacing : 2px; 
   background : url(../images/pln.gif) no-repeat right; 
} 

#maintopic a:hover { 
   background: url(../images/pmta.gif) repeat-x; 
   color: #333333; 
} 

#maintopic a.active { 
   background: url(../images/pmta.gif) repeat-x; 
   color: #333333; 
   font-weight: bold !important; 
   font-size: 11px; 
} 


#topic { 
   position: absolute; 
   left: 50px; 
   top: 175px; 
   width: 199px; 
   background-color: #666666; 
} 

#topic a { 
   display: block; 
   color: #ffffff; 
   text-decoration: none; 
   border-bottom: 1px solid #C9C9C9; 
   padding: 0px; 
   margin: 3px 20px 3px 20px; 
   text-transform: uppercase; 
   font-size: 10px; 
} 

#topic a:hover, #topic a.active { 
   color: #C9C9C9; 
} 

#topic h1 { 
   padding: 9px 20px 9px 20px; 
   background-color: #4A4A4A; 
   font-size: 100%; 
   font-weight: bold; 
   color: #ffffff; 
   letter-spacing: 1px; 
   text-transform: uppercase; 
   margin: 0px; 
} 

#eyecatcher { 
   position: absolute; 
   left: 250px; 
   top: 175px; 
   width: 700px; 
   height: 150px; 
   background: url(../images/s2dlogo.jpg) no-repeat; 
} 

#content { 
   position: absolute; 
   left: 270px; 
   top: 500px; 
   width: 660px; 
   padding: 0px; 
   margin: 0px; 
} 


form.search { 
   position: absolute; 
   top: 28px; 
   left: 780px; 
   width: 160px; 
} 

form.search input { 
   margin: 0px; 
   vertical-align : middle; 
} 

input.search { 
   border : 1px solid #cdcdcd; 
   color: #333333; 
   width: 118px; 
   padding: 2px; 
   background: url(../images/pmt.gif) repeat-x; 
   font-size: 10px; 
} 
