/* 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 {
	margin-left: 130px;
	margin-right: 186px;
	padding-bottom: 6px;
	background: white;
	height: 1%;
}

#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 HOME BEGIN---------------------- */

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

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

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

#hotHomeNewsTitle {
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. */

/* MODIFIED 110305 */
#hotHomeNews a {
	float: left;
	text-decoration: none;
	color: #2C5469;
	width: 282px;
	padding-bottom: 5px;
}	

#hotNews a:hover {
	color: #FFA500;
	text-decoration: underline;
}

/* END MODIFIED AREA */

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

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

#hotHomeNews a:hover {
	color: #FFA500;
	text-decoration: underline;
}

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

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

#hotHomeNews ul {
	list-style: square inside;
	float: none;
	margin-left: 12px;
	padding-left: 4px;
	margin-right: 12px;
	border-style: none;
}
#hotHomeNews li {
	border-style: none;
	list-style-type: square;
	float: none;
}

#hotHomeNews {
margin:0;
padding:0;
background-image: url(../img/hmi-hot_news_corner.gif);
}

#hotNewsHomeTitle {
background-image: url(../img/hmi-hot_news_title.gif);
}

/* ------------------- #hotNews HOME END---------------------- */

/* ------------------- #hotNews INTERIOR BEGIN---------------------- */

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

#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;
	padding-bottom: 5px;
}

#hotNews a:hover {
	color: #FFA500;
	text-decoration: underline;
}

#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;
}

#hotNews ul {
	list-style: square inside;
	float: none;
	margin-left: 12px;
	padding-left: 4px;
	margin-right: 12px;
	border-style: none;
}
#hotNews li {
	border-style: none;
	list-style-type: square;
	float: none;
}

#hotNews {
margin:0;
padding:0;
background-image: url(../img/hmi-hot_news_corner.gif);
}

#hotNewsTitle {
background-image: url(../img/hmi-hot_news_title.gif);
}

/* ------------------- #hotNews INTERIOR END ---------------------- */

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. */

/* Body Bullets MODIFIED 110805 */

#bodyCopy ul {
	font: 12px/14px Arial, Helvetica, sans-serif;
	border-style: none;
	margin: 0px 0px 10px 10px;
	float: none;
	padding: 0px;
}
#bodyCopy li {
	font: 12px/14px Arial, Helvetica, sans-serif;
	border-style: none;
	float: none;
	list-style: none;
	background: url(../img/bullet.gif) no-repeat left 13px;
	padding-left: 10px;
	padding-top: 8px;
}
#bodyCopy ul li ul {
	display: inline;
	position: static;
	margin: 0px;
	padding: 0px;
}
#bodyCopy ul li ul li {
	font: 12px/14px Arial, Helvetica, sans-serif;
	border-style: none;
	float: none;
	list-style: none;
	background: url(../img/bullet.gif) no-repeat left 13px;
	margin: 0px;
	padding: 8px 0px 0px 10px;
}

#bodyCopy li a,
#bodyCopy li a:hover {
	display: inline;
	text-decoration: underline;
	background-image: none;
	padding: 0px;
	text-align: left;
	font: 12px/14px Arial, Helvetica, sans-serif;
	border-style: none;
	list-style-type: square;
	float: none;
	margin: 0px;
	}
/* END MODIFIED AREA */

#bodyCopy a {
	color: #2C5469;
}
#bodyCopy a:hover {
	color: #3E7994;
	text-decoration: none;
}
#bodyCopyTitle p {
	margin: 0px;
	padding: 3px 0px 0px 5px;
	font-size: 11px;
}


/* HMI css */

#banner {
background-image: url(../img/hmi-banner.gif);
background-repeat: repeat-x;
}

#underBanner {
background: #B2B2B2;
}

#breadcrumbs {
background-image: url(../img/hmi-breadcrumbs.gif);
}

#primaryLogo {
background-image: url(../img/hmi-logo.gif);
width: 90px;
height: 68px;
margin: 0px;
margin-left: 12px;
padding: 0px;
position: absolute;
top: 8px;
}

#bodyCopyTitle {
	background-image: url(../img/hmi_title_background.gif);
	background-repeat: repeat-x;
	height: 19px;
	margin: 0px;
	padding: 0px;
	background-color: #333333;
}

/*  Nav CSS MODIFIED 110805 : adds #navigation to properties */

#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 124px; /* Width of Menu Items */
	border-bottom: 1px solid #7F7F7F;
	}

#navigation ul#nav1 li {
	position: relative;
	}
ul li ul {
	position: absolute;
	left: 123px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}
	
#navigation ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background-image: url(../img/hmi-nav.gif);
	padding: 5px;
	border: 1px solid #7F7F7F;
	border-bottom: 0;
	text-align: right;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#navigation ul li a:hover { color: #3B556A; background: #ccc; } /* Hover Styles */
		
#navigation li ul li a { padding: 5px; background: #ccc; color: #525252; width: 124px; text-align: left; } /* Sub Menu Styles */

#navigation li ul li a:hover { padding: 5px; background: #E6E6E6; color: #3B556A; text-align: left; } /* Sub Menu Styles */
		
#navigation li:hover ul, li.over ul { display: block; } /* The magic */

#navigation .deEmphasize {
	font-weight: normal;
	text-indent: 1em;
	background: #fff;
}

/*Styles for Current Page */

#navigation ul li.current {
	position: relative;
	}

/* Styles for Menu Items */
#navigation ul li.current a {
	display: block;
	text-decoration: none;
	color: #fff;
	background-image: url(../img/main-nav_current_page.gif);
	padding: 5px;
	border-bottom: 0;
	text-align: right;
	}
	
#navigation ul li.current a:hover { color: #3B556A; background: #ccc; } /* Hover Styles */
		
#navigation li.current ul li a { padding: 5px; background: #ccc; color: #525252; width: 124px; text-align: right; } /* Sub Menu Styles */

#navigation li.current ul li a:hover { padding: 5px; background: #E6E6E6; color: #525252; text-align: right; } /* Sub Menu Styles */

/* END MODIFIED AREA */

.BoldTitle {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #2C5469;
}
.textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.btnSubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #2C5469;
	font-weight: bold;
}