/* CSS Document */

body {
background:#8F9AD2 url(images/back.jpg) repeat-x; margin:0; padding:0; font-family:Verdana, Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 77%;
}

#header {
background:url(images/header.jpg) no-repeat; margin:0 auto 0 auto; padding:0; width: 846px; height: 74px; overflow:hidden; padding:0;
}

#logo {
padding: 19px 0 0 30px;
}

#nav {
width: 848px; height: 37px;  margin: 0 auto 0 auto; overflow:hidden; ; z-index: 9998; positon: relative;  background-image: url(images/nav.png);  
}

#nav #nav_list {
margin: 0; padding: 0;
}

#nav #nav_list li a {
 background-image: url(images/nav.png);  background-repeat: no-repeat; float: left; height: 37px; padding-top: 70px; overflow: hidden;
}


#nav #nav_list li { 
display: inline;
}

#nav #nav_list li#home a {
background-position: 0 0; width: 59px; 
}

#nav #nav_list li#home a:hover {
background-position: 0 -38px; 
}

#nav #nav_list li#pi a {
background-position: -56px 0; width: 147px; 
}

#nav #nav_list li#pi a:hover {
background-position: -56px -38px; 
}

#nav #nav_list li#md a {
background-position: -202px 0; width: 128px; 
}

#nav #nav_list li#md a:hover {
background-position: -202px -38px; 
}

#nav #nav_list li#ds a {
background-position: -327px 0; width: 130px; 
}

#nav #nav_list li#ds a:hover {
background-position: -327px -38px; 
}

#nav #nav_list li#dim a {
background-position: -453px 0; width: 123px; 
}

#nav #nav_list li#dim a:hover {
background-position: -453px -38px; 
}

#nav #nav_list li#sg a {
background-position: -575px 0; width: 107px; 
}

#nav #nav_list li#sg a:hover {
background-position: -575px -38px; 
}

#nav #nav_list li#contact a {
background-position: -676px 0; width: 150px; 
}

#nav #nav_list li#contact a:hover {
background-position: -676px -38px; 
}



#main {
width: 847px; height: auto; min-height:452px; background:url(images/main.jpg) top no-repeat; margin-left:auto;; margin-right:auto;

}

#pics {
padding: 0 0 0 7px;
}

#banner {
background:#2F2965 url(images/banner.jpg) repeat-y;  border-bottom: 15px solid #2F2965; width: 837px; height: 130px; margin: 0 0  0 7px; color:white; overflow:hidden
}

#banner p {
padding-top:160px;
}

#banner p.title {
margin:0; padding:0;  text-align:right; color: #2F2965
}

#content {
 width: 837px; height: auto; margin: 0 0  0 7px; color:black; overflow:hidden; background-color: #D6DAE6; line-height: 1.7em;
}

#content h1 {
color: #2F2965; font-size:1.3em; padding: 0 0 0 5px; margin:4px 0 0 0; border-bottom:1px solid #2F2965;
}

#content h2 {
color: #2F2965; font-size:1.2em; padding: 0 0 0 5px;
}

#content p {
padding: 0 5px;
}

#content ul li a {
color:#5A579E;
}

#divider {
width: 837px; height: 25px; background:url(images/div.gif) no-repeat bottom; text-align:center;  color: #2F2965; margin-top: 5px; clear:both
}

#content a:link, #content a:visited {
color: #2F2965; text-decoration:underline
}

#content a:hover {
color: #14122D
}

.quote {
color:#333333; font-style:italic; font-size:1.2em;
}

.right_content {
float:right; width: 370px; height: auto; border: 4px solid #2F2965; margin: 10px 15px 5px 5px; padding: 0 0 10px 0;
}

.left_content {
float:left; width: 370px; height: auto; border: 4px solid #2F2965; margin: 10px 10px 5px 10px; padding: 0 0 10px 0;
}

#footer {
background-color:#2F2965; height:20px; color:white;  margin: 0 2px  0 7px;
}

#footer p {
padding:1px 0 0 0; margin:0; text-align:center; font-size:.8em;
}

#footer a:link, #footer a:visited {
color:#cccccc; text-decoration:none
}

#footer a:hover {
color:white;
}

.pic_left {
width: 250px; height:auto; float:left; margin: 0 10px 0 10px;
}

.pic_right {
width: 270px; height:auto; float:right; margin: 0 20px 0 10x;
}

#main #content #divider a:link, #main #content #divider a:visited {
text-decoration:none
}