HTML, BODY, TD, INPUT, SELECT { 
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
} 

BODY { 
margin : 0;
padding : 0;
background : #e4e3e3 url(../images/pbk.gif) repeat-y;
} 

#topLink { 
margin: 0 0 0 0; 
padding: 0 0 2px 0; 
} 

#logo { 
position : absolute;
left : 50px;
top : 0;
width : 900px;
height : 80px;
background : url(../images/plg.gif) no-repeat;
} 


#footer { 
clear: both; 
font-size: 0.9em; 
margin: 0; padding: 0.1em; 
text-align: center; 
border-top : 1px solid #000099;
background-color: #FFFFFF; 
} 

#footer p { 
   text-decoration: none; 
   color: #000099>; 
} 



#maintopic { 
position : absolute;
left : 50px;
top : 80px;
width : 900px;
height : 30px;
border-top : 1px solid #cdcdcd;
background : url(../images/pmt.gif) repeat-x;
overflow : hidden;
} 

#plaintext { 
position : absolute;
left : 750px;
top : 86px;
width : 195px;
height : 30px;
text-align : right;
z-index : 100;
} 

#plaintext a { 
color : #09348a;
text-decoration : none;
} 

#youarehere { 
position : absolute;
left : 50px;
top : 111px;
width : 900px;
height : 34px;
background : #ffffff;
} 

#youarehere a { 
display : block;
float : left;
height : 30px;
padding : 0 10px 0 23px;
line-height : 30px;
color : #000099;
text-decoration : none;
font-size : 11px;
background : url(../images/pmr.gif) no-repeat;
} 

#youarehere a:hover { 
color : #ff0000;
background : url(../images/pmra.gif) no-repeat;
} 

#maintopic a { 
display : block;
float : left;
height : 30px;
padding : 0 9px 0 9px;
line-height : 30px;
color : #0000cc;
text-decoration : none;
text-transform : uppercase;
font-size : 10px;
letter-spacing : 1px;
background : url(../images/pln.gif) no-repeat right 0%;
} 

#maintopic a:hover { 
background : url(../images/pmta.gif) repeat-x;
color : #ff0000;
} 

#maintopic a.active { 
background : url(../images/pmta.gif) repeat-x;
color : #ff0000;
font-weight : bold !important;
font-size : 11px;
} 

#topic {
position: absolute;
left: 50px;
top: 145px;
width: 199px;
background-color: #0033cc;
}

#topic a { 
display : block;
color : #fffffe;
text-decoration : none;
border-bottom : 1px solid #ffffff;
padding : 0;
letter-spacing : 1px;
margin : 5px 20px 5px 20px;
text-transform : uppercase;
font-size : 11px;
} 

#topic p { 
text-align : center;
} 

#topic p a { 
border-bottom : none !important;
} 

#topic a:hover, #topic a.active { 
color : #99ccff;
} 

#topic h1 { 
padding : 9px 20px 9px 20px;
background-color : #000099;
font-size : 100%;
font-weight : bold;
color : #fffffe;
letter-spacing : 1px;
text-transform : uppercase;
margin : 0;
} 

.heading { 
height : 20px;
background : #ffffff;
color : #000099;
border-top : 1px solid #000099;
border-left : 1px solid #000099;
display : block;
font-size : 11px;
font-weight : bold;
margin : 15px 0 5px 0;
padding : 3px 0 0 3px;
text-align : left;
text-transform : none;
} 

#eyecatcher { 
position : absolute;
left : 250px;
top : 145px;
width : 700px;
height : 150px;
background : url(../images/s2dlogo.jpg) no-repeat;
} 

#content { 
position : absolute;
left : 260px;
top : 315px;
width : 520px;
padding : 0;
margin : 0;
text-align : justify;
} 

#sidebar { 
position : absolute;
top : 296px;
left : 790px;
width : 160px;
background-color : #0033cc;
color : #ffffff;
} 

form.search { 
position : absolute;
top : 28px;
left : 780px;
width : 160px;
} 

form.search input { 
margin : 0;
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;
}