/* main.css */

a { color: orange; text-decoration: underline; }

/* NEW 10.06.05 Replace the old "a:hover" style with this new one to resolve the "disappearing act" issue. */
a:hover { color: #FFCC00; }

body {
background: #FFF;
font-family: arial;
font-size: 11px;
margin: 0px;
padding: 8px;
}

#bannerContainer {
background: #7F7F7F;
padding-left:   6px;
padding-right:  6px;
padding-bottom: 5px;
}

#bannerTop {
background: #7F7F7F;
}

#container {
background: #7F7F7F;
padding-left:   6px;
padding-right:  6px;
padding-bottom: 5px;
overflow: auto;
}

#banner {
top: 8px;
height: 68px;
margin: 0px;
margin-left: -4px;
margin-right: -4px;
}

#bannerL {
background-image: url(../img/main-banner_left.gif);
height: 8px;
width: 9px;
}

#bannerR {
background-image: url(../img/main-banner_right.gif);
height: 8px;
width: 9px;
position: absolute;
right: 8px;
}

#underBanner {
margin-left: -3px;
margin-right: -3px;
height: 1px;
}

/* IE 6 hack */
.nodisplay { display: none; }

#breadcrumbs {
position: relative; /* IE 6 hack */
background: #2C5469;
background-position: top right;
background-repeat: no-repeat;
color: white;
font-size: 12px;
padding: 3px;
margin-top: 4px;
}

#leftcontent {
position: absolute;
left:15px;
top:112px;
width:125px;

text-transform:uppercase;
font-weight: bold;
color: white;
font-size: 10px;
}

.searchbox {
width: 96px;
padding: 0px;
margin: 0px;
margin-top: 5px;
border-width: 1px;
border-color: #7F9DB9;
border-style: solid;
display: inline;
}

#submitButton {
position: absolute;
width: 23px;
height: 18px;
margin: 0;
margin-left: 2px;
margin-top: 5px;
padding: 18px 0 0;
border: 0;
background: transparent url(../img/main-go.gif) no-repeat center top;
overflow: hidden;
cursor: pointer;
cursor: hand;
}

form>#submitButton { /* For non-IE browsers*/
  height: 0px;
}

#centercontent {
margin-left: 130px;
voice-family: "\"}\""; // Read more at http://www.glish.com/css/hacks.asp
voice-family: inherit;
margin-left: 130px;
}

html>body #centercontent {
margin-left: 130px;
}
   
#photoGallery {
margin-top:6px;
height: 320px;
}

#photoGalleryTitle {
font-size: 10px;
color: white;
font-weight: bold;
text-transform:uppercase;
background: black;
padding: 4px;
padding-left: 6px;
margin-left: 3px;
}

#photoGalleryText {
font-size: 11px;
color: #fff;
margin-left: 3px;
padding: 6px;
}

#thumbnails {
height: 320px;
overflow: auto;
padding-left: 6px;
}

img.main {
float: left;
background: #FFF;
padding: 6px;
margin: 3px;
height: 300px;
width: 400px;
}

img.thumb {
background: #CCC;
padding: 6px;
margin: 3px;
height: 60px;
width: 80px;
}

#spacer {
height:2px;
}

/* NEW 10.06.05 Changed "margin-left" property from 128px to 130px to fix disappearing subnav in sub pages. */
#bodyCopy {
padding:0;
margin:0;
margin-left: 130px;
margin-right: 186px;
padding-bottom: 6px;
background: white;
}

#hotNews {
width: 180px;
position:absolute;
right:12px;
background: #E6E6E6;
background-position: bottom right;
background-repeat: no-repeat;
}

#bodyCopyTitle {
	font-size: 11px;
	color: white;
	height: 19px;
	margin: 0px;
	padding: 0px;
}

.bodyCopyItem {
font-size: 10px;
margin-left: 6px;
margin-right: 6px;
}

.bodyCopyItemTitle {
background: #E6E6E6;
color: #2C5469;
font-size: 10px;
padding: 5px;
margin: 5px;
text-transform:uppercase;
background-image: url(../img/main-title_corner.gif);
background-position: top right;
background-repeat: no-repeat;
}

#footer {
background: #7F7F7F;
height: 9px;
}

#footerLeft {
background-image: url(../img/main-footer_left.gif);
height: 9px;
width: 9px;
}

#footerRight {
background-image: url(../img/main-footer_right.gif);
height: 9px;
width: 9px;
position: absolute;
right: 8px;
}

#hotNews hr {
color: #fff;
background-color: #fff;
margin-left: 6px;
margin-right: 6px;
border: 0px;
height: 1px;
}

#hotNewsTitle {
text-transform:uppercase;
font-size: 10px;
color: white;
height: 15px;      /* 15 +    */
padding-top: 4px;  /* 4  = 19 */
padding-left: 6px;
margin-bottom: 6px;
}

/* NEW 10.06.05 Replace the old "#hotNews a" style with this new style to correct the overlap issue. */
#hotNews a {
	float: left;
	text-decoration: none;
	color: #2C5469;
	width: 150px;
}

#hotNews a.link { background: url(../img/main-link_icon.gif) top right no-repeat; }

#hotNews a.pdf { background: url(../img/main-pdf_corner.gif) no-repeat right top; }
#hotNews img{
border: 0px;
}

.hotNewsItem {
margin: 6px;
margin-right: 18px;
}

.hotNewsItem b {
display: block;
color: #2C5469;
text-transform: uppercase;
}

p {
	margin: 0px;
	padding: 8px 40px 0px 0px;
	font: 12px/14px Arial, Helvetica, sans-serif;
}
.prodUtilitiesItem {
margin: 6px;
margin-right: 18px;
}

#contactInfo {
	color: #FFFFFF;
	text-align: center;
	padding: 10px;
}

/* NEW 10.06.05 The below 3 styles are to format unordered lists in the body copy and side box. */
#bodyCopy ul {
	list-style-type: square;
	margin-left: 12px;
	padding-left: 4px;
	margin-right: 12px;
}
#bodyCopy li {
	list-style-type: square;
	font-size: 12px;
	line-height: 14px;
}
#hotNews li {
	list-style-type: square;
}
#hotNews ul {
	list-style-type: square;
	margin-left: 12px;
	padding-left: 4px;
	margin-right: 12px;
}
#bodyCopy a {
	color: #2C5469;
}
#bodyCopy a:hover {
	color: #3E7994;
	text-decoration: none;
}
#bodyCopyTitle p {
	margin: 0px;
	padding: 3px 0px 0px 5px;
	font-size: 11px;
}