@charset "UTF-8";
/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
background: #C8EBF1;
}

.graphicreplacement {
display: block;
position: relative;
}

.graphicreplacement span {
display: block;
position: absolute; top: 0; left: 0;
}

.accessibility {
display: none;
}

.clickable-block {
cursor: pointer;
}

.clear:before,
.clear:after {
    content:"";
    display:table;
}
.clear:after {
    clear:both;
}
.clear {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

h1, #phone, #email, #sidebar h2 {
font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
}

#container {
width: 1005px;
margin: 14px auto 0 auto;
border: 1px solid #A4DEE8;
background: #FFF;
}

/* Top */

#top {
width: 1005px;
height: 138px;
position: relative;
}

#logo {
width: 185px;
height: 138px;
position: absolute;
top: 0;
left: 0;
}

#logo a {
width: 185px;
height: 138px;
}

#logo a span{
width: 185px;
height: 138px;

}

#top p, #top p a {
color: #1F2D76;
}

#phone {
font-size: 28px;
font-weight: bold;
position: absolute;
top: 60px;
right: 15px;
}

#email {
font-size: 22px;
position: absolute;
top: 95px;
right: 15px;
}

/* Nav */

#nav {
width: 975px;
list-style: none;
margin-left: 15px;
background: url(/images/nav_bg.gif) 0 0 repeat-x;
height: 36px;
border-bottom: 7px solid #327E97;
}

#nav li {
float: left;
display: block;
height: 36px;
font-size: 0.9375em;
line-height: 36px;
font-weight: bold;
}

#nav li a {
padding: 0 20px;
line-height: 36px;
display: block;
color: #FFF;
background: url(/images/nav_div.gif) 0 50% no-repeat;

-webkit-transition: all ease-out 0.4s;
-moz-transition: all ease-out 0.4s;
-o-transition: all ease-out 0.4s;
-ms-transition: all ease-out 0.4s;
transition: all ease-out 0.4s;
}

#nav li:first-child a {
background: none;
}

#nav li a:hover,
#home-page #home-li a,
#maintenance-page #maintenance-li a,
#supply-page #supply-li a,
#about-page #about-li a,
#contact-page #contact-li a {
color: #202E76;
}

/* Content */

#content {
width: 945px;
padding: 30px 30px 155px 30px;
background: url(/images/content_bg.gif) 50% 100% no-repeat;
}

#main-content {
float: left;
width: 590px;
padding-right: 30px;
}

#main-content h1 {
color: #1F2D76;
font-size: 35px;
font-weight: normal;
padding-bottom: 8px;
}

#main-content h2 {
color: #4AABC4;
font-size: 1em;
padding: 16px 0 3px 0;
}

#main-content p {
font-size: 0.8125em;
color: #333;
line-height: 1.6;
padding-bottom: 1.6em;
}

#contact-page #main-content {
float: left;
width: 950px;
padding-right: 30px;
}

#main-content iframe {
float: right;
margin: 0 20px 20px 30px;
}

/* Sidebar */

#sidebar {
float: right;
width: 280px;
padding-right: 20px;
}

#sidebar h2 {
font-size: 0.9375em;
color: #1F2D76;
padding-bottom: 20px;
}

#sidebar ul {
list-style: none;
}

#sidebar ul li {
padding: 0 0 10px 16px;
background: url(/images/bullet.gif) 0 4px no-repeat;
font-size: 0.7500em;
color: #666;
font-weight: bold;
}

.centered {
text-align: center;
}

/* Footer */

#footer {
width: 1005px;
margin: 0 auto;
position: relative;
height: 36px;
padding-bottom: 30px;
}

#footer p {
line-height: 26px;
font-size: 13px;
color: #327E97;
position: absolute;
top: 0;
}

#footer p a {
color: #327E97;
text-decoration: underline;
}

#address {
left: 15px;
}

#policy {
right: 15px;
}

/* Home */

#home-page #nav {
border-bottom: 0;
}

#home-page #main-content {
border-right: 1px solid #C8EBF1;
}

#home-page h1 {
line-height: 1;
padding-bottom: 20px;
}

#home-page h1 strong {
font-size: 21px;
}

#banner {
width: 975px;
margin-left: 15px;
height: 207px;
border-bottom: 7px solid #327E97;
}