BODY {
padding:0;
margin-top:10px;
text-align:center;
background:url(../i/bg.gif);
background-color:#F1E2BB;
}
H3{
margin:0;
padding: 5px 5px 5px 20px;
color:#711C12;
font:bold 16px/20px Georgia, Arial, Helvetica, sans-serif;
}
H4{
font:bold 12px/18px Arial, sans-serif;
padding:3px;
margin:0;
}
P{
margin:0;
padding-left:15px;
padding-right:20px;
font:12px/1.5 Georgia, Arial, sans-serif;
text-align:left;
color:#444;
}
d iv { border:solid 1px #c00;}
DD{
font:12px/1.5 Arial, Helvetica, sans-serif;
text-align:left;
}

#side1 {
border-left:0px;
border-top:1px dotted #D79E5D;
border-bottom:1px dotted #D79E5D;
border-right:0;
padding-top: 10px;
width:200px;
height:200px;
}

DT {
padding-left:20px;
color:#711C12;
font:bold 16px/30px Georgia, Arial, Helvetica, sans-serif;
text-align:left;
}

.red {
color:#711C12;
}

.white{
color:#fff;
}

.alt {
display: none;
}

#wrap {
margin: 5px auto;
width:720px;
background-color:#fff;
border-left:solid 4px #162A61;
border-right:solid 4px #162A61;}


#logo {
position:relative;
top:0;
left:0;
width:200px;
height:50px;
}
  
#logo a{
display: block;
width: 200px;
height:50px;
}
  
#top-col-2 {
float:right;
position:absolute;
left:56%;
top:16%;
width:330px;
/*border:solid 1px #c00;*/

} 
#intro{
font:bold 10px/1.2px Geneva, Verdana, Arial, sans-serif;
padding-right:38px;
text-align:right;
color:#fff;
} 
#intro p{
font-style: italic;
font-weight:bold;
text-align:right;
color:#fff;
font:bold italic 12px/1.1 Arial, Helvetica, sans-serif;

}
#topnav {
text-align: right;
float:right;
width: 330px;
height:32px;
margin:0;
padding:0;
}
#topnav ul{
margin:0; padding:0;
}
#topnav ul li{
width:32%;
margin:0;
list-style:none;
float:left;
text-align:center;
/*border:solid 1px #c00;*/
}
a{
font: bold 12px/20px Arial, Helvetica, sans-serif;
color: #711C12;
text-decoration:none;
}
a:hover{
text-decoration: none;
color:#fff;
}

#topnav ul li a{
font:bold 10px/20px Geneva, Verdana, Arial, sans-serif;
color: #0D2B69;
text-decoration:none;
padding:4px;
margin:0;
float:left;
}
#topnav ul li a:hover{
text-decoration: none;
color:#E39229;
}

#side {
/*border-right:1px dotted #444444;*/
padding: 0px;
margin:0;
background:url(../i/leftbg.jpg) repeat-y;
width:175px;
float:left;

}
#mid-section {
position:relative;
left:0;
top:0;
background-color:transparent;
margin:5px;

min-height:250px;
/*border: solid 1px #c00;*/
}
#mid-col-1 {

float:left;
/*border: solid 1px #00008b;
border-right:1px dotted #444444;*/
padding: 0px;
margin:0;
background:url(../i/leftbg.jpg) repeat-y;

}

#mid-col-1 h4 {
text-align:left; 
color:#0D2B69;
}
#mid-col-1 p{

padding: 8px;
font-size:12px;
font-style:italic;
}

#mid-col-2 {
/*position:relative;
top:0;
left:14%;*/
border-left:1px dotted #444444;
float:right;
width:532px;
font:12px/1.1 Arial, Helvetica, sans-serif;
text-align:left;
margin:0; padding:0;
/*border:solid 1px #008;*/

}
#mid-col-2 dt {
 padding:5px;
}
/*#mid-col-3 {
position:absolute;
top:0;
left:60%;
width:20%;
}
#mid-col-4 {
position:absolute;
top:0;
left:80%;
width:20%;
}*/

#bottom-section {
position:relative;
left:0;
top:0;
background-color:#9acd32;
}
#top-section {
position:relative;
left:0;
top:0;
background-color:#f5f5dc;
background:url(../i/heder.jpg) no-repeat;
width:720px;
height:192px;
}
  
#footer{
position:relative;
left:0;
top:0;
background-color:#fff;
width: 720px;
margin:0;
padding:0;
height: 50px;
text-align: center;
border-top:solid 4px #d4dce6;
}
#footer ul{
margin:0;
padding:0;
text-align: center;
}
#footer ul li{
display: inline;
margin:0;
padding:0;	
}
#footer ul li a{
font:bold 10px/20px Geneva, Verdana, Arial, sans-serif;
color: #0D2B69;
text-decoration:none;
padding:3px;
margin:0;
display:inline;
}
#footer ul li a:hover{
text-decoration: none;
font:bold 10px/20px Geneva, Verdana, Arial, sans-serif;
color:#E39229;
}
#footer p{
font-size: 8px;
font-weight: bold;
text-align: center;
padding: 8px 0;
}