/* CSS Document */

html, body {
	height: 100%; /* Required */
	margin: 0px;
	padding: 0px;
}

body {
  color: #333;
  font: 12px/24px "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #666;
}

ul li {
	padding:0;
	margin: 0 0px 6px;
}


#containerPage {
  margin: 0px auto;
  width: 953px;
  background: url(../_layoutImages/pageBkgd.gif) repeat-y;
  position: relative;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  padding: 0px auto;
}

#containerHeader {
	margin-left: 46px;
	margin-right: 47px;
	/*height: 284px;*/
	background: #039;
}

#header {
	text-align: left;
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom: 16px;
}

#containerFlash {
	z-index: 0;
	text-align: left;
	border-bottom: 1px solid #039;
}

#containerSectionNav {
	height: 25px;
	border-bottom: 1px solid #039;
	margin-top: 0px;
	margin-right: 48px;
	margin-bottom: 0px;
	margin-left: 47px;
}

#containerContent {
  padding: 0px 107px;
  text-align: left;
}

#containerContent:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#contentPri {
	width: 460px;
	float: left;
	padding-top: 40px;
}

#contentPri p {
	margin:0 0 10px;
	padding:0;
	line-height:1.7em;
}

#contentSec {
	padding: 1em 0;
	width: 240px;
	float: right;
	padding-bottom: 40px;
	padding-top: 40px;
}

#contentNoSec {
	width: 700px;
	float: left;
	padding-bottom: 40px;
	padding-top: 40px;
}

#content-sec ul,#content-sec ul li {
  list-style: none none;
}

#containerFooter {
	margin: 0px auto;
	padding: 0px auto;
	width: 953px;
	background: url(../_layoutImages/pageBkgd.gif) repeat-y;
	clear: both;
	position: relative;
	bottom: 0 !important;
	height: 30px;
}

#footer {
	margin-left: 47px;
	margin-right: 48px;
	text-align: left;
	padding-left: 16px;
	background-color: #039;
	font: bold 9.5px/30px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 3px;
}

/*===============FONTS N STYLES===============*/

h1 {
	color: #039;
	font: bold 18px/24px Arial, Helvetica, sans-serif;
	margin-bottom: 0;
}
h2 {
	color: #039;
	font: bold 16px/24px Arial, Helvetica, sans-serif;
	margin-bottom: 0;
}

p {
	margin-top: 0;
}

.blue { color: #039; font-weight: bold; }
.blueSpace {
	color: #039;
	font-weight: bold;
	margin-top: 20px;
	display: block;
	padding: 0px;
}

.underOverline {
	color: #003399;
	border-top: 1px solid #36C;
	border-bottom: 1px solid #36C;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: capitalize;
	font-variant: normal;
}

.liteBlueSideLine {
	color: #A8C3DE;
	font: bold 18px/24px Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	border-right: 1px solid #A8C3DE;
	padding-right: 7px;
	margin-right: 5px;
}

.small {
	font-size: 10px;
	line-height: 16px;
}

.small a:link { text-decoration: overline;	line-height: 18px; };
.small a:visited { color: #072B73; text-decoration: overline; }; /* dark blue */
.small a:hover { color: #36C; text-decoration: overline; };
.small a:active { color: #36C; text-decoration: overline; };

#footer a:link { color: #FFF; font-weight: bold; text-decoration: none; }
#footer a:visited { color: #FFF; font-weight: bold; text-decoration: none; }
#footer a:hover { color: #A8C3DE; font-weight: bold; text-decoration: underline overline; }
#footer a:active { color: #A8C3DE; font-weight: bold; text-decoration: underline overline; }

a:link {
  color: #36C;
  font-weight: bold;
  text-decoration: none;
}

a:visited {
	color: #999;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
  color: #36C; /*med blue*/
  text-decoration: underline overline;
}

a:active {
  color: #36C;
  text-decoration: underline overline;
}

#contentSec img {
	margin-bottom: 7px;
}

.flagGraphic {
	float: left;
	margin-right: 5px;
	margin-bottom: 50px;
	margin-top: 8px;
	border: 1px solid #999999;
}

.atoms {
	position: relative;
	bottom: .7em;
	font-size: 0.8em;
}


/*===============TOP NAV===============*/



#hdrNav, #hdrNav ul { /* all lists */
	z-index: 5;
	font: 11px Trebuchet, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	letter-spacing: 1px;
}
#hdrNav .topNav {
	width: 112px;
	padding: 0px;
	background-color: #039;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -4px;
	height: 30px;
}

#hdrNav .subNav {
margin-left: 4px;
margin-top:-4px;
}

#hdrNav .subNav li {
	border-bottom: 1px solid #039;
	width: 200px;
	clear: both;
	padding-left: 5px;
}

#hdrNav .linkDescrip { background-color: #A8C3DE; width: 190px; text-decoration: none; } /*lite blue*/

#hdrNav a:link { display: block; color: #039; text-decoration: none; }
#hdrNav a:visited { display: block; color: #039; text-decoration: none; }
#hdrNav a:hover { display: block; color: #36C; text-decoration: none; }
#hdrNav a:active { display: block; color: #36C; text-decoration: none; }

#hdrNav li { /* all list items */
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

#hdrNav li ul { /* second-level lists */
	position: absolute;
	background: #FFF;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#hdrNav li:hover ul, #hdrNav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*===============PRODUCT SECTION SUB NAV===============*/

#containerSectionNav ul {
	margin: 0px;
	font: bold 10px/25px Trebuchet, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #039;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#containerSectionNav .linkDescrip {
	background-color: #A8C3DE;
	color: #FFF;
	border-right: 4px solid #039;
	padding-left: 5px;
	margin-top: 1px;
	height: 23px;
	padding-right: 10px;
}

#containerSectionNav li {
	margin: 0px auto;
	list-style: none;
	float: left;
	padding-top: 1px;
	padding-left: 16px;
}

#containerSectionNav a { color: #039; }

#companyLogos {
	margin:0;
	padding:60px 0 0;
}

.logosSpaceRght {
	padding:0 33px 0 0;
}

.map {
	padding:15px 0 15px 0;
}
