/* ---[ common elements ]--------------------- */

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
font: 13px/15px Arial, Helvetica, sans-serif;
color: #000;
text-align:center;
background: #50a9e0 url(../images/bglong.gif) repeat-x;
}

h1 {
background: url(../images/header.jpg) no-repeat;
text-indent: -2000px;
width: 760px;
height: 233px;
margin: 0;
font: 0px Arial, Helvetica, sans-serif;
}

h2 {
font: bold 18px Arial, Helvetica, sans-serif;
color: #000;
}

h3 {
font: bold 15px Arial, Helvetica, sans-serif;
padding: 00px;
color: #003399;
border-bottom: 2px solid #89202f;
text-transform: uppercase;
}

p {
font: 13px/15px Arial, Helvetica, sans-serif;
color: #003399;
}

hr {
background-color: #dbdbdb;
color: #dbdbdb;
height: 1px;
}

#container {
width: 760px;
padding: 0px;
margin: 0px;
background: url(../images/stretch.gif) repeat-y;
}

#header {
width: 760px;
height: 233px;
margin: 0;
padding: 0;
}

.imgs {
margin: 0px 5px;
padding: 0px;
border: 2px solid #d1dce2;
}

/*----- nav ------------------------*/

#header {
width: 760px;
color: #fff;
}

#login{
margin: -150px 0px 0px 0px;
padding: 0px;
}

#header ul {
padding: 0px 0px 0px 0px;
margin: -61px 0px 0px 0px;
list-style: none;
}

#header li {
padding: 22px;
display: inline;
font: 18px Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

#header a:link{
padding: 6px 2px 6px 2px;
text-decoration: none;
color: #fff;
}

#header a:visited{
padding: 6px 2px 6px 2px;
text-decoration: none;
color: #fff;
}

#header a:hover{
height: 30px;
padding: 6px 2px 6px 2px;
text-decoration: none;
color: #fff;
background: url(../images/h3.gif) repeat-x;
}

/*---------content ---------*/

#drill {
width: 710px;
padding: 0px 25px 10px 25px;
float: left;
margin-top: -15px;
text-align: left;
color: #003399;
}

#drill ul {
list-style: none;
}

#left {
width: 475px;
padding: 0px 0px 10px 25px;
float: left;
margin-top: -15px;
text-align: left;
}

#left_other {
width: 348px;
padding: 0px 0px 10px 25px;
float: left;
margin-top: -15px;
text-align: left;
color: #003399;
}

#left_other li{
list-style: square;
}

#left img {
padding-right: 5px;
}

.italic {
font: bolder, italic;
color: #003399;
}

.info{
color: #003399;
border-left: 2px solid #89202f;
margin: 0px;
padding: 0px 0px 0px 2px;
text-decoration: none;
font-size: 1em;
font-weight: bold; 
}

#right {
width: 220px;
padding: 0px 25px 0px 10px;
float: right;
margin-top: -15px;
text-align: left;
}

#right li {
background: #ddd;
}

#right_other {
width: 347px;
padding: 0px 25px 0px 10px;
float: right;
margin-top: -15px;
text-align: left;
color: #003399;
}

#right_other li{
list-style: square;
}

.right {
margin: 0px 0px 0px 5px;
padding-top: 5px;
list-style: square;
color: #003399;
}

#footer {
margin: 0px;
width: 760px;
height: 44px;
clear: both;
background: url(../images/footer.gif) top no-repeat;
}

#nav_footer {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 140px;
float: left;
}

#nav_footer li {
margin: 0px;
padding: 0px 20px 0px 0px;
display: inline;
color: #003399;
}

#nav_footer a {
text-decoration: none;
color: #003399;
}