@charset "UTF-8";

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;
width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;}

#main {
	overflow:auto;
	padding-bottom: 287px;
	background-color: #FFF;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -287px; /* negative value of footer height */
	height: 287px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

html,body {
	background-image: url(../images/background.jpg);
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-color: #064860;
	background-attachment: fixed;
}

/*Navigation Buttons*/
#navigation {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	height: 100px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#navigation ul {
	white-space: nowrap;
}
#navigation li {
	list-style-type: none;
	display:inline;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#navigation a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-weight: 100;
	text-decoration: none;
	width: auto;
	margin-top: 47px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	height: 33px;
	float:left;
	background-image: url(../images/ButtonImg.jpg);
	text-shadow: 0px 1px 1px #165E7D;
	display: block;
}

#navigation a:hover{
	text-decoration: underline;
	font-size: 16px;
}

#resourcespage #resources a{
	background-image: url(../images/ButtonDownImg.jpg);
	color: #064860;
}

/*Header*/
.header {
	background-image: url(../images/HeaderPos.jpg);
	background-repeat: no-repeat;
	height: 139px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	clear: both;
}
.logo {
	float: left;
	padding: 0px;
	margin-left: 31px;
	margin-top: 39px;
	margin-right: 36px;
	margin-bottom: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.headertitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 21px;
	color: #24A5C9;
	font-weight: 100;
	line-height: 21px;
	padding: 0px;
	margin: 0px;
}
.headerdate {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #064860;
	line-height: 14px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.headertext {
	float: left;
	width: 500px;
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
}
.headerlogin {
	float: left;
	margin-top: 40px;
}
.LogRouteButtons {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-style: oblique;
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/LoginButton.jpg);
	background-repeat: no-repeat;
	line-height: 20px;
	height: 41px;
	width: 115px;
	display: block;
	text-align: center;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
	float: left;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-shadow: #165E7D 1px 1px 2px;
}

/*Sub Navigation Buttons*/
#subnavigation {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	height: 33px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	padding: 0;
}
#subnavigation ul {
	white-space: nowrap;
}
#subnavigation li {
	list-style-type: none;
	display:inline;
	padding:0;
	margin:0;

}
#subnavigation a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: 400;
	text-decoration: none;
	width: auto;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 23px;
	float:left;
	text-shadow: 0px 1px 1px #165E7D;
	display: block;
	font-style: italic;
	letter-spacing: -0.02em;
}

#subnavigation a:hover{
	text-decoration: underline;
}
#overviewpage #overview a {
	background-image: url(../images/ResTape.jpg);
	color: #064860;
	background-repeat: repeat-x;
	margin-right: 8px;
}
#newspage #news a, #videospage #videos a, #galleriespage #galleries a, #casestudiespage #casestudies a, #factspage #facts a, #profilespage #profiles a, #testimonialspage #testimonials a, #interviewspage #interviews a {
	background-image: url(../images/ResTape.jpg);
	color: #064860;
	background-repeat: repeat-x;
	margin-right: 8px;
	margin-left: 8px;
}

.topbar {
	background-image: url(../images/ResTopBar.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
}
.buyernav {
	background-image: url(../images/ResourceBG.jpg);
	background-repeat: repeat-x;
	height: 43px;
	width: 844px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #63C1DB;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.bottombar {
	background-image: url(../images/ResBottomBar.png);
	background-repeat: no-repeat;
	height: 5px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/*Footer*/
.footerbase {
	background-image: url(../images/Footer.jpg);
	background-repeat: repeat-x;
	height: 287px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	clear: both;
}
.footer {
	background-image: url(../images/Footer.jpg);
	background-repeat: repeat-x;
	height: 287px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	clear: both;
}
.basebar {
	background-image: url(../images/BaseBar.jpg);
	background-repeat: no-repeat;
	height: 66px;
	width: 926px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	clear: both;
}
.basewall {
	background-image: url(../images/BaseWall.jpg);
	background-repeat: repeat-x;
	height: 221px;
	width: 846px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	clear: both;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
}

.basewallul {
	display: block;
	margin: 0px;
	width: auto;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #71C2DE;
	border-left-color: #B0E0EE;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
	height: 181px;
}
.baselinksli {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
.baselinksa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #145E7E;
	text-decoration: underline;
	font-weight: 400;
}
.basebarlititle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #145E7E;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
}
.basebarimg {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.basebarsmallprint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	color: #000;
	list-style-type: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.basewallulleft {
	display: block;
	margin: 0px;
	width: auto;
	float: left;
	border-right-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-right-color: #71C2DE;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 181px;
}
.basewallulright {
	display: block;
	margin: 0px;
	width: auto;
	float: left;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #B0E0EE;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	height: 181px;
}