/*html tags*/
input[type=submit], input[type=reset] { padding: 4px 8px;}
body { 	background:   #fff;  font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; min-width: 100%;}
strong, b, h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.5em;}

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.75em; font-family: Georgia, "Times New Roman", serif; color: #444 }
.tight { line-height: 1.35em }
p { font-weight: normal;}
dt { font-weight: bold; margin: 6px 0;}
dd { font-weight: normal; margin: 4px 0 4px 10px;}
address {margin: 20px 0; font-size: 12px;}
blockquote { background: #91A6B7; margin: 14px 20px 18px 20px; font-style: italic; display: block; padding: 24px 40px 0 40px;}
blockquote:before, blockquote:after { color: #fff; display: block; font-size: 500%; width: 50px;}
blockquote:before { content: open-quote; height: 0; margin-left: -.5em; margin-bottom: -.1em;}
blockquote:after { content: close-quote; height: 18px; margin-top: .15em; margin-left: 100%;}
blockquote strong { float: right;}

/*classes*/
a:link, a:active, h2 a, h3 a { text-decoration: none;}
a:hover, a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, #content a:hover, #content a:focus { text-decoration: underline;}
a:visited { font-weight: bold; text-decoration: none;}
/*.hide { position: absolute; height: 0; width: 0; overflow: hidden;}*/
.noBorder { border: 0 !important;}
.floatLeft { float: left; margin:  5px 10px 5px 0;}
.floatRight { float: right; margin:  5px 0 5px 10px;}
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.center {text-align: center;}
.top { font-size: 12px; display: block; background: transparent url("/Images/top.gif") 100% 20% no-repeat; padding-right: 1em; width: 7em;}
.photocaption {font-size: 12px; font-style: italic; background: #f1f1f1; text-align: justify; }
.graphcaption {font-size: 14px; font-weight: bold; text-align: center; margin: 0; padding: 0;}
.last {border: none;}
.smallp {font-size: 10px; }
.small4 {font-size: 12px; line-height: 1.3em;}		 
.small4 a { font-size: 14px;}
tr.odd { background: #e1e1e1;}
tr.even { background: #d1d1d1;}
.odd { background: #e1e1e1;}
.even { background: #d1d1d1;}
.solidline { border: 1px solid #ccc; }  /*puts a border around a grid*/
.solidline p { border-left: 1px solid #ccc; margin:0; padding: 3px; }
.red { font-weight: normal; color:#F00}

/*id's*/
#header {
    position: relative;
    margin: 0 auto;
    background: linear-gradient(to bottom, #0072CE 0%, #0072CE 24%, #1e3a62 100%);
    height: 120px;
}
#header .container_12 { position: relative; }

#branding {
    position: relative;
    height: 120px;
    top: 0px;
}
#branding h1 { width: 445px; height: 120px; border-bottom: none; } 
#branding h1 a { position: relative; top: 13px; display: block; height: 85px; width: 250px;}
#branding em { display: none;}

#leadership { color:#eee; background: transparent; font-size: 10px; position: absolute; top: 5px; right: 10px; text-align: right;  font-weight: bold; line-height:1.1em;  border: none; }

#breadcrumbs { background: #E5F6FE; position: relative; top: 60px; z-index: 10; height: 26px; /*safari on iphone wants height*/ }
#breadcrumbs a { font-size: 11px; }
#breadcrumbs a:hover { text-decoration: underline; border: none; }
#breadcrumbs a:first-child { padding-left: 10px; }

#search {
    position: absolute;
    top: 80px;
    right: 15px;
    padding: 0;
}
    #search input[type=text] {
        width: 225px;
        height: calc(1.5em + 0.5rem + 2px)
    }

#btnG { position: absolute; right: 5px; }
#siteQ { color: #666; font: italic 1em Georgia, serif; }

#menu {
    position: absolute;
    top: 120px;
    height: 57px;
    min-width: 100%;
    background-color: white;
    margin: 0 auto;
    font: normal 14px "Tahoma", Geneva, Arial, sans-serif;
}
    #menu ul {
        height: 48px;
        width: 1000px;
        margin: 0 auto;
    }

    #menu ul li {
        float: left;
        margin: 0;
        padding: 0;
        text-align: center;
        height: inherit;
        border-left-color: #BDBDBD;
        border-left-width: 1px;
        border-left-style: solid;
        border-right-color: #BDBDBD;
        border-right-width: 1px;
        border-right-style: solid;
    }

/*#menu ul li:first-child a { border-right: 1px solid navy; border-left:1px solid navy; }
#menu ul li:last-child a, #menu a.last { border-right: 1px solid navy; border-left: none; }*/
.menutext { padding-top: 10px; font-weight:bold; }

#menu a {
    padding: 6px 0px 10px;
    height: 34px;
    color: #0072CE !important;
    line-height: 1.4em;
    font-weight: normal;
    text-decoration: none;
    display: block;
}

#menuBorderLine {
    background: url("/Images/border-line.png");
    background-size: 100%;
    width: 100%;
    height:5px;
}

.electric {
    width: 15%;
    border-left: none !important;
}

.manhouse {
    width: 25%;
}

.naturalg {
    width: 15%;
}

.telecomm {
    width: 25%;
}

.watersew {
    width: 19%; /*Had to shave off 1% for borders*/
    border-right: none !important;
}

#subNav h2, #subNav h3 { background: #091C3A url("/Images/subnav_bg.png"); color: #e2e2e2; font-size:16px; font-weight: normal; line-height: 2.25em; padding-left: 10px; margin-bottom: 2px; margin-top: 2px; }
#subNav ul { padding: 0; margin: 0; border: 1px solid #C5E6F9; background: #e5f6fe;}
#subNav ul li { border-top: 1px solid #C5E6F9; line-height: 1em; width: 100%; /*IE6 needs this*/}
#subNav ul li:first-child { border: none; }
#subNav ul li a { display: block; text-decoration: none; padding: 6px 0 6px 20px; font-size: 12px; color: #044973; height: 100%; /*IE needs this*/}
#subNav ul li ul li a { padding-left: 30px; }
#subNav ul li a:hover, #subNav ul li ul li a:hover, #subNav ul li a:focus, #subNav ul li ul li a:focus { display: block; background: #054872; color: #e2e2e2; text-decoration: none; padding-left: 18px; border: none; }
#subNav h3.small { font-size: 14px; } 

#related h3 { font: bold 14px Arial, Helvetica, sans-serif; background: none; color: #444; padding: 0; margin: 20px 0 10px 0;  }
#related ul, #related ul li { border: none; background: #fff; /*IE6 needs this*/}
#related ul li a { background: #fff; padding: 0 0 0 20px; font-size: 12px; line-height: 1.75em;}
#related ul li a:hover, #related ul li ul li a:hover, #related ul li a:focus, #related ul li ul li a:focus { background-color: #fff; color: #044973; text-decoration: underline; padding: 0 0 0 20px; }


#footer {
    color: #fff;
    background: linear-gradient(to bottom, #0072CE 0%, #0072CE 24%, #1e3a62 100%);
    border-top: 6px solid #A4D65E;
    border-bottom: 2px solid #A4D65E;
    margin-top: 2em;
    padding: 30px 0 30px;
    min-width: 960px;
    background-color: rgb(8, 47, 72);
}
    #footer h2 {
        font: bold 16px Arial, Helvetica, sans-serif !important;
        color: #fff;
        padding: 0 0 8px;
        margin: 0 0 10px;
        border-bottom: 1px solid #ccc;
        text-shadow: 1px 1px 0px #333;
    }
#footer ul { font-size: 12px; line-height: 1.5em; }
#footer ul li { color: #fff;}
#footer a { background: transparent; color: #fff; font-weight: normal;}
#footer a:hover, #footer a:focus { text-decoration: none; color:#fff; border-bottom: 1px solid #9dafbb;}

#connect ul { margin-top: 10px;}
#connect ul li { float: left; list-style-type: none; margin: 0 11px; }
#connect a { height: 32px; width: 32px; display: block; }
#connect a.twitter { background: url("/Images/twitter.png") no-repeat; }
#connect a.rss { background: url("/Images/rss.png") no-repeat; }
#connect a.email { background: url("/Images/email.png") no-repeat; }
#connect a.facebook { background: url("/Images/facebook.png") no-repeat; }
#connect a.flickr { background: url("/Images/flickr.png") no-repeat; }
#connect a.youtube { background: url("/Images/youtube.png") no-repeat; }
#connect a.blogger { background: url("/Images/blogger.png") no-repeat; }
#connect a:hover { border-bottom: 0; margin-top: -3px; }

#finder {
    width: 960px;
    height: 70px;
    position: relative;
    background: url("/Images/mogov_logo_footer.png") no-repeat;
    margin: 10px auto 0 auto;
}
#finder ul { margin-left: 140px; height: 70px; padding-top: 30px; }
#finder ul li { float: left; border-left: 1px solid #ccc; border-color: rgb(126, 133, 149); padding: 0 10px; line-height: 1em; }
#finder li:first-child { border: 0;}
#finder a { font-size: 10px; color: #fff; border: 0;}
#finder a:hover { color: #e2e2e2; }
#finder a.mogov { display: block; position: absolute; height: 70px; width: 140px; left: 0; top: 0;}
#finder a.mogov:hover { border-bottom: none; }

#FinalFooterFiller {
    background: #0072CE;
}