html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #142c40 url("/images/bg-body.jpg") repeat-x;
	font-family: 'Arial';
	font-size: 12px;
	color: #000;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

#wrapper {
	background: url("/images/bg-body-sub.jpg") no-repeat center top;
	min-height: 100%;
}

#body-content {
	position: relative;
	padding-top: 211px;
	margin-left: 1px;
	z-index: 2;
}

#body-content-container {
	background: #d0d4d8 url("/images/bg-content.jpg") no-repeat left top;
	min-height: 100px;
	margin-bottom: 30px;
	width: 920px;
	padding: 15px 20px 20px 20px;
}

#header {
	position: relative;
	z-index: 3;
}

#content {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#header h1, #header h2 {
	position: absolute;
	display: block;
	top: 10px;
	width: 280px;
	height: 72px;
}

#header h1 {
	right: 10px;
	top: 29px;
	width: 253px;
}

#header a {
	display: block;
	width: 100%;
	height: 100%;
}

#header a {
	display: block;
	width: 100%;
	height: 100%;
	color: #8e9cac;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
}

#header a:hover, #header .active {
	text-decoration: none;
	color: #FFF;
}

#header h1 a, #header h2 a, #nav-home a {
	overflow: hidden;
	text-indent: -999px;
}

#header ul {
	position: absolute;
	top: 128px;
	height: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 10;
}

#header li {
	display: block;
	float: left;
	height: 100%;
	width: 200px;
	line-height: 30px;
}

#nav-home a {
	background: url("/images/bg-nav-home.gif") no-repeat center 6px;
}

#nav-home a:hover, #nav-home .active {
	background-position: center -37px;
}

#header #nav-home {
	width: 46px;
}

#header #nav-about-us {
	width: 138px;
	position: relative;
}

#header #nav-products-and-services {
	position: relative;
}

/* added by rappleby for facts sheet nav */
#header #nav-fact-sheets {
	position: relative;
}

#header #nav-contact-us {
	width: 123px;
}

#nav-contact-us a {
	color: #d3e6ef;
}

#header #top-nav {
	top: 10px;
	right: 0;
	left: auto;
	height: 16px;
}

#header #top-nav li, 
#footer-nav li {
	width: auto;
	border-right: 1px solid #8e9cac;
	padding: 0 15px;
	line-height: 16px;
	font-size: 11px;
}

#header #top-nav li a, 
#footer-nav li a {
	font-size: 11px;
	text-transform: none;
	color: #FFF;
}

#header #top-nav li a:hover,
#footer-nav li a:hover, 
#sidebar-nav a:hover, 
#publications a:hover {
	color: #facf38;
	text-decoration: none;
}

#header #top-nav li:last-child {
	border-right:hidden;
}

#q, #search {
	position: absolute;
	background: transparent;
	border: 0;
	height: 20px;
	right: 49px;
	top: 133px;
	width: 185px;
}

#search {
	height: 25px;
	right: 0;
	top: 130px;
	width: 41px;
	text-indent: -999px;
	overflow: hidden;
	cursor: pointer;
}

#q:focus, #search:focus, 
#q:active, #search:active, 
#q:blur, #search:blur {
	outline: 0;
}

#footer {
	color: #8e9cac;
	width: 960px;
}

#footer .logo {
	float: right;
	margin-left: 15px;
}

#footer-nav {
	padding: 10px 0 0 0;
}

#footer-nav li {
	left: 0;
	right: auto;
	display: inline;
	list-style: none;
	padding: 0 12px;
	border-left: 1px solid #8e9cac;
	border-right: 0;
}

#footer-nav li:first-child {
	border-left:hidden;
}


#header li div {
	display: none;
	position: absolute;
	z-index: 15;
	background: #000;
	background: rgba(0, 0, 0, 0.75);
	color: #FFF;
}

#header li:hover div {
	display: block;
}

#header li div ul {
	position: static;
	top: auto;
	left: auto;
	height: auto;
	display: block;
}

#header li li, 
#header li li a {
	top: auto;
	left: auto;
	position: static;
	line-height: 20px;
	text-align: left;
	text-transform: none;
	display: block;
	overflow: hidden;
}

#header li ul li:last-child {
	padding-bottom: 8px;
}

#header li li a {
	padding: 0 8px 0 25px;
	line-height: 18px;
	font-size: 12px;
/*	background: url("/images/bg-nav-li.gif") no-repeat left center;*/
	float: none;
}

/*added by rappleby to only have triangle on hover*/
#header li li a:hover {
	padding: 0 8px 0 25px;
	line-height: 18px;
	font-size: 12px;
/*	background: url("/images/bg-nav-li.gif") no-repeat left center; */
	background: #000;
/* 	this draws a translucent box/background. 0.75 = 75% */
	background: rgba(0, 0, 0, 0.15) url("/images/bg-nav-li.gif") no-repeat left center;
	color: #FFF;
	float: none;
}

#header li strong {
/* 	padding-left: 25px; */
	padding-left: 15px;
	font-size: 13px;
	font-weight: normal;
}

#header li li:first-child {
	display: block;
	border-top: 1px solid #999;
	padding: 8px 0 2px 0;
}

#header li ul:first-child li:first-child {
	border: 0;
}

#header li ul:last-child li a {
	color: #FFF;
	font-size: 13px;
}

#header li ul:last-child li a:hover {
	color: #facf38;
}

#body-content * {
	color: #4f4f4f;
/*	text-align:justify;*/
}

#body-content table, 
#body-content tr, 
#body-content td, 
#body-content th {
/*	border: 0;*/
	border: 1;
	padding: 0;
	margin: 0;
}

#body-content th, 
#body-content td {
/*	padding: 8px; */
	padding: 4px;
	text-align: left;
}

#body-content th {
	background: #0099c1;
	color: #FFF;
	font-weight: normal;
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

#body-content h1 {
	color: #204667;
}

#body-content h1 {
	margin-left:-10px;
}

#body-content h2, 
#body-content h3, 
#body-content h4, 
#body-content h5, 
#body-content h6 {
	color: #204667;
}

#body-content a {
	color: #0099c1;
}

#body-content #sidebar {
	float: right;
	width: 248px;
	background: #5b84a3 url("/images/bg-sidebar.jpg") no-repeat top center;
	min-height: 60px;
	color: #FFF;
	text-align:left;
}

/*#body-content #sidebar a */
#body-content #sidebar p {
	color: #FFF;
	padding: 0 10px;
	margin: 0;
	display: block;	
	text-align:left;
}

#body-content #sidebar a {
	font-size: 16px;
	text-align: right;
	background: url("/images/bg-sidebar-a.gif") no-repeat top right;
	font-size: 10px;
	line-height: 21px;
	padding-right: 8px;
	color: #bfe1e9;
	display: block;	
}

#no-image {
	font-size: 16px;
	text-align: right;
	background: url("") no-repeat top right;
	font-size: 10px;
	line-height: 21px;
	padding-right: 8px;
	color: #bfe1e9;
	display: block;	
}

#body-content #sidebar a:hover {
	text-decoration:none;
	color:#FFF;
}

#body-content #sidebar img {
	padding: 10px 0 0 0;
}

#body-content #sidebar h4 {
	font-size: 14px;
	color: #d2dde5;
	margin: 0;
	line-height: 37px;
	padding: 0 10px;
}

#sidebar h5 {
	font-size: 15px;
	line-height: 35px;
	margin: 10px 0 0 0;
	padding-bottom: 4px;
	padding-left: 56px;
	color: #FFF;
	background: url("/images/bg-li-blue-trans.png") no-repeat 10px top;
}

#body-content .sidebar {
	width: 670px;
}

#sub-page-navigation {
	position: absolute;
	top: 190px;
	left: 10px;
	width: 669px;
}

#sub-page-navigation li {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	list-style: none;
}

#sub-page-navigation a {
	display: block;
	padding: 4px 8px;
	background: #0099c1;
	color: #99d6e6;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#sub-page-navigation a:hover {
	color: #FFF;
	text-decoration: none;
}
#image-label {
	font-size:9px;
	color:#606;
	font-style:italic;
}
#main-red-it {
	font-size:12px;
	color:#F00;
	font-style:italic;
}
#RedCapsText {
	color: #F00;
}
.main-center {
	text-align: center;
}