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;
   overflow: hidden;
}

#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: 111px;
   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: #2D559F;
   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: 145px;
   width: 199px;
   background-color: #2D559F;
}

#topic a {
   display: block;
   color: #ffffff;
   text-decoration: none;
   border-bottom: 1px solid #B9CAE9;
   padding: 0px;
   margin: 3px 20px 3px 20px;
   text-transform: uppercase;
   font-size: 10px;
}

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

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

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

#content {
   position: absolute;
   left: 250px;
   top: 295px;
   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;
} 

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

#footer a {
   text-decoration: none;
   font-weight : bold;
   color: ;
}

#footer a:hover {
   text-decoration: underline;
   color: ;
}