body {
margin:0;
background-color:#9f9f9f;
background-image:url('images/bg.gif');
background-repeat:repeat-y;
background-position:center;
font-family:Verdana,Arial;
font-size:12px;
}

#top {
float:left;
width:100%;
background-color:#0000a9;
background-image:url('images/bg_top.gif');
background-repeat:repeat-x;
color:#fff;
border-bottom:1px dotted #ccf;
}

#logo {
background-color:#0000a9;
width:800px;
height:120px;
margin:20px auto 0 auto;
text-align:center;
}

#middle {
width:790px;
margin:0 auto 0 auto;
}

#nav {
float:left;
width:180px;
padding:5px;
}

#nav ul {
list-style: none;
margin-left: 0;
padding-left: 0;
text-indent: 0;
font-family: Georgia, MS Sans Serif, Arial;
font-size: 12px;
font-weight: bold;
}
	
#nav li {
border-bottom: 1px solid #cccccc;
}
	
#nav li a {
display: block;
padding: 2px 2px 2px 4px;
border-left: 10px solid #0000AA;
background-color: #5757ff;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #nav li a {
width: auto;
}

#nav li a:hover {
border-left: 10px solid #3f44ff;
background-color: #878aff;
color: #fff;
}

#content {
font-family:Georgia,Times;
font-size:12px;
line-height:150%;
float:right;
width:565px;
padding:5px;
text-align:justify;
min-height:578px;
}

#content a {
color:#00f;
text-decoration:none;
font-weight:700;
border-bottom:1px dotted #00f;
}

#content a:hover {
color:#f00;
text-decoration:none;
font-weight:700;
border-bottom:1px solid #f00;
}

#content a img  {
border:4px solid #bbb;
padding:5px;
margin-right:4px;
}

#content a img:hover {
border:4px solid #555;
}

h1 {
margin-top:10px;
line-height:150%;
font-family:Verdana;
font-size:24px;
font-weight:700;
background-color:#eef;
border-top:1px dotted #555;
border-bottom:1px dotted #555;
}

h2 {
background-color:#ddd;
line-height:150%;
font-family:Verdana;
font-size:14px;
font-weight:700;
padding-left:5px;
border-top:1px solid #000;
border-bottom:1px solid #000;
text-transform:uppercase;
}

#bottom {
float:left;
width:100%;
height:100px;
background-color:#0000a9;
border-top:1px dotted #ccf;
border-bottom:1px solid #aa6;
}

#copyright {
font-family:Verdana, Arial;
font-size:9px;
width:800px;
color:#fff;
margin:0 auto 0 auto;
padding: 10px 0 10px 0;
}

#copyright a {
color:#ccc;
text-decoration:none;
border-bottom:1px dotted #ccc
}

#copyright a:hover {
color:#fff;
text-decoration:none;
border-bottom:1px solid #fff
}

input,textarea {
font-family:Georgia,Times,Verdana;
font-size:12px;
padding:5px;
margin:2px;
background-color:#fff;
border:1px solid #555;
}

input:hover, textarea:hover {
background-color:#ccc;
border:1px solid #000;
}