@charset "utf-8";
/*CSS*/
@import url("nav.css");

html,body {
	color: #000b28;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #fff;
	line-height:1.5;
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}

a {color: #000b28; text-decoration: underline; }
a:hover {color: #699ef3; text-decoration: underline;}

a.footer {color: #787878; text-decoration: underline; }
a.footer:hover {color: #699ef3; text-decoration: underline;}

a.greyButtonLinks {color: #000b28; text-decoration: none;}
a.greyButtonLinks:hover {color: #000b28; text-decoration: underline;}

h1 {color:#001345; font-weight:500; font-size:14px; padding-bottom: 15px; border-bottom:1px solid #cdcdcd; width:412px;}

h2 {color:#001345; font-weight:500; font-size:13px; display:inline;}
h3 {color:#000b28; font-weight:300; font-size:11px; display:inline;}

p {font-size: 11px;  line-height:1.5;}

ul.team {list-style: none; padding: 0; margin-left: 0; }

.media ul {display:inline; padding: 0; margin-left: 0;}

/*------------COMMON LAYOUT BOXES------------*/
#wrapper {
position: relative;
margin: 0 auto;
width: 950px;
background-color:#f2f2f2;
height:auto !important;
height:100%; /* IE6: treaded as min-height */
min-height:100%; 
}

#header {
background-image: url(/images/header.jpg);
background-repeat: no-repeat;
width: 950px;
height: 339px;
}

#nav {
position:absolute;
margin-top:24px;
margin-left:285px;
width:197px;
z-index:10;
}

#header-img {
top: 20px;
position: absolute;
float:right;
margin-left:482px;
}

#middle {
background-image: url(/images/middle-bg.jpg);
background-repeat: no-repeat;
height:42px;
}

#breadcrumbs {
float: left;
width: 450px;
padding: 12px 25px 10px 10px;
color:#787878;
padding-left:30px;
}

#imageText {
margin-left: -505px;
padding-top: 12px ;
color:#787878;
}

#main {
position:relative;
background-color: #f2f2f2;
padding: 20px 0px 50px 0px;
background-image:url(/images/main-bg.jpg);
background-repeat:no-repeat;
min-height:312px;

}
/*---------MAIN LEFT-----------*/
#mainLeft {
float: left;
width: 420px;
padding-left:30px;
padding-right:20px;
}

#mainLeftHome {
float: left;
width: 480px;
}
.promo {
width:240px;
float:left;
background-image:url(/images/promo-bg.jpg);
background-repeat:no-repeat;
}

.promo-text {
background-image:url(/images/promo-text-bg.jpg);
background-repeat:no-repeat;
background-color: #f2f2f2;
padding:10px 15px 0px 20px;
/*see ie-styles*/
}

/*---------MAIN RIGHT-----------*/
#mainRightHome {
margin-left: 500px;
*margin-left: 490px;
width: 420px;
padding: 0px 25px 10px 10px;
}

.insideLinks {
background-color:#f8f8f8;
padding:10px;
line-height:3;
width:50%;
margin-left:-10px;
}


/*---------CARTOGRAPHY MAIN RIGHT-----------*/
#mainRight {
float: right;
width: 430px;
margin:30px 30px 0px 0px;
}


/*---------RIGHT IMAGE AND TEXT BOX----------------*/
.rightImage {
width: 430px;
border-bottom:1px solid #cdcdcd;
margin-bottom: 30px;
}

.imageCaption {padding-left: 20px; color:#787878;}

/*-------------------CLIENT SERVICES-------------*/

.row1 { font-weight:bold; }
.check {width:40px;float:left;}
.name {width:170px;float:left;}
.cell {width:95px;float:left;}
.name2 {width:165px;float:left;}
.cell2 {width:65px;float:left;}

/*-------------------FOOTER-------------*/
#footer {
position:relative;
margin: 0 auto;
width:950px;
clear:both;
background-image: url(/images/footer-bg.jpg);
background-repeat:no-repeat;
color:#787878;
height:100px;
}

#copyRight {float:left; margin:20px 0px 0px 20px;}
#footerLinks {float:right; margin:20px 5px 0px 0px;}

#footerBlue {
position:absolute;
margin-top:48px;
padding: 10px 0px 0px 20px;
background-image:url(/images/footer-blue-bg.jpg);
background-repeat: no-repeat;
color:#fff;
width: 480px;
height:37px;
clear:both;
/*see ie-styles*/
}

#footerLogo {clear: both; float:right; padding-top:20px;/*see ie-styles*/}

/*---------------COMMON CLASSES-------------*/
.greyButton {width:430px; height:39px; background-image:url(/images/grey-button-bg.gif);}

.greyButtonLinks {position:relative; top:12px; padding-left:20px; }

.topBorder {border-top:1px solid #cdcdcd; width:412px; margin-top: 10px; bottom:10px;}
.topBorder2 { margin-top:-4px; border-top:1px solid #cdcdcd; width:430px; z-index:10;}


/*-------------------NEWS-----------------*/

.news_item {
	padding-bottom: 50px;
}

.news_item ul {
	margin: 0px;
	padding: 0px;
}

.news_item ul li {
	list-style: none;
	border-top: 1px solid #cdcdcd;
	padding: 15px 0 0 0;
	margin-bottom: 40px;
	
	
}

.news_item ul li a {
	text-decoration: none;
	display: block;
}

.news em {
	font-style: normal;
	display: block;
	color: #787878;
}

.news_mainright {
	position: relative;
}

.news_mainright .news_item {
	margin-left: 35px;
}

.pagination {
	width: 395px;
	position: absolute;
	padding: 15px 0;
	right: 0px;
	bottom: 0px;
	border-top: 1px solid #cdcdcd;
}

.pagination em span {
	display: block;
	float: left;
}

.pagination a {
	float: right;
	margin-left: 10px;
	color: #cdcdcd;
}

#condensed_news ul li {
	margin-bottom: 15px;
}

.optional_url {
	margin-left: -30px;
}

.optional_url a {
	text-decoration: none;
	display: block;
	padding: 10px 0 10px 30px;
}








