/* CSS Document */

/* @import url(debug.css);*/


html {
	height:100%;
	/*font-size:11px;*/
}

body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#F1F5FA;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	color: #333333;
	background-image: url(../images/leftbar_1px.gif);
	background-repeat: repeat-y;
	background-position: center top;
	text-align:center;
}

#wrap {
	width:800px;
	background-image: url(../images/leftbar_bottombg_pale.gif);
	background-repeat: no-repeat;
	background-position: left 210px;
	min-height:100%;
	margin-right: auto;
	margin-left: auto; 
	text-align:left;
	position:relative;
}
* html #wrap {height:100%}


/** LAYOUT DIVS **/

#leftbar {
	width: 117px;
	float:left;
	background-image: url(../images/leftbar_bottombg_dark.gif);
	background-repeat: no-repeat;
	background-position: left 210px;
	padding: 0px 0px 75px 0px;
	min-height:366px;
	}

#maincontainer {
	width: 683px;
	float:left;
	}
	
#maincontainer2 {
	width: 683px;
	float:left;
	}	
	
	
#header {
	width: 683px;
	float:left;
	height: 118px;
	/*background-image: url(../images/header.gif);
	background-position: 17px center;
	background-repeat: no-repeat;*/
	background-color: #FFFFFF;	}

#header h1 {
	width: 683px;
	height: 118px;
	background-image: url(../images/header.gif);
	background-position: 17px center;
	background-repeat: no-repeat;	
	text-indent: -99999px;
	margin:0;
	padding:0;
}

#header_image {
	display:none;
}	
	
#headerlinks {
	width: 683px;
	float:left;
	background-color: #5780ae;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	}
	
#headerlinks .third {
	display:none;
	}
	
#pagecontent {
	width: 498px;
	float:left;
	margin: 0px 19px 12px 19px;
	}	
	
#pagecontent ul {
	list-style:square;
	}

#pagecontent li {
	margin-top:1em;
	margin-bottom:1em;
	}	
	
#pagecontent.frontpage {
	margin-top: 20px;
	}		
	
.contentcolumn {width:48%;}	/* set width of two main text columns */		

/*
#footer {
	float:right;
	font-size: 10px;
	margin: 20px 172px 0px 130px;
	}	*/
#footer {
	clear:both;
	/*font-size:10px;*/
	margin-left:130px;
	margin-bottom:1em;
	padding-bottom:60px;
	}	
	
#doublefooter {
	background-color:#F1F5FA;
	height:50px;
	border-top:#5780ae solid 1px;	
	border-right:#F1F5FA solid 1px;
	width:800px;
	position:absolute;
	bottom:-1px;	
}	
/*
#footer {
	float:left;
	font-size: 10px;
	margin: 20px 19px 0px 130px;
	}	*/
	
#contentcontainer {
	width: 520px;
	float:left;
	/*background-repeat: no-repeat;*/
}	

#contentcontainer_marine {
	width: 683px;
	float:left;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}	

#wide_banner_marine {
	background-color:#00B5E5;
	margin:0px;
	padding:0px;
}

	
/** styles **/
a
{
	color:#5780ae;
	text-decoration: none;
}

a:link { color: #5780ae; }
a:visited { color: #5780ae; }

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


#header_search {
	float: right;
	text-align: left;
/*	margin: 30px 0px 0px 0px;*/
	margin: -90px 0px 0px 0px; /* after H1 image replacement on header */
	/*font-size: 10px;*/
}	

h1 {
	color:#5780ae;
	/*font-size:21px;*/
	font-size:x-large;
	padding: 0px 0px 3px 0px;
	font-weight: normal;
}

h1.pagetitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5780ae;
}	

h2 {
	color:#333333;
	/*font-size:16px;*/
	font-size:large;
/*	font-weight: bold;*/
}

h3, .h3_inline {
	color:#5780ae;
	/*font-weight: bold;*/
	/*font-size: 12px;*/
	font-size:larger;
}

h3.inline {
	display:inline;
}

input, select {
	/*font-size:10px;*/
	margin: 2px 0px 2px 0px;
}

/** right **/
#rightbar {
	/*font-size:10px;*/
	width: 147px;
	position:absolute;
    background-color:#5780ae;
	top:138px;
	right:0;
}

.rightbar_header {
	/*
	padding-left: 11px;
	padding-bottom:4px;
	padding-top:4px;*/
	padding: 0;

	background-color:#333;
	color:#FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

.rightbar_header a {
	display:block;
	padding: 4px 4px 4px 10px;
}

.rightbar_header a:hover {

}


.rightbar_date {
	background-color:#5780ae;
	padding-left:10px;
	padding-right:5px;
	margin-top: 6px;
}

.rightbar_block {
	background-color:#5780ae;
	color: #FFFFFF;
	padding-left:10px;
	padding-right:5px;
	margin-top: 2px;
	margin-bottom: 6px;
}

#rightbar, #leftbar, #headerlinks {
font-weight:bold}

#rightbar  a {
	color: #fff;
}

#rightbar  a:visited {
	color: #fff; 
}

#rightbar  a:hover {
	text-decoration:underline;
}


/** left navigation **/

#navlist
{
padding: 1px;
margin-left: 0;
color: #f00;
}

.navlist_header {
	padding-bottom:4px;
	padding-top:4px;
	background-color:#333;
	color:#FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	padding-left: 0.5em;
}

#navlist li
{
list-style: none;
margin: 0px;
border-bottom: 1px #fff dotted;
text-align: left;
}

/* rep is the reprasentitive divider on the regions left links */
#navlist li a, #navlist .rep
{
display: block;
padding: 0.25em 0.5em 0.25em 0.5em;
text-decoration: none;
}

#navlist .rep {
	background-color:#333;
	color:#fff;
	border:none;
}

#navlist li a:link { color: #fff; }
#navlist li a:visited { color: #fff; }

#navlist li a:hover
{
color: #000080;
background-color: #D8E5F1;
}

/* navlist 2nd level indent */
#navlist li ul {
	padding-left: 0px;
	margin-left:0px;
	border-left:10px solid #333;
}
#navlist .last {
	border-bottom:0; /* prevent double border on last nav item*/
}

#pagenoinsection_ {
display:none; /* hide empty left-nav header on frontpage */
}

/** header links **/

#headerlinkslist
{
margin: 0;
padding: 0 0 20px 10px;
}

#headerlinkslist ul, #headerlinkslist li
{
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;
}

#headerlinkslist a:link, #headerlinkslist a:visited
{
float: left;
line-height: 14px;
margin: 4px 7px 0px 7px;
text-decoration: none;
color: #fff;
}

#headerlinkslist a:link#current, #headerlinkslist a:visited#current, #headerlinkslist a:hover
{
background: transparent;
color: #D3E03C;
}

.callout_box {  /* used on content pages */
	background-color:#C8DBEB; padding:1px 20px;
	margin:1em 0pt;
}

.callout_box ul {
list-style:square;
	padding-left:20px;
	margin-left:0px;
}


/* contentnavs - used on content pages to scroll up/down page */
	
.contentnavs ul  
{
margin: 0px;
padding: 0px;
}

ul.contentnavs
{
padding:0px;
}

.contentnavs li
{
display: inline;
list-style-type: none;
margin:0px;
padding:0px;
}

.contentnavs a { padding: 10px 5px 10px 5px; margin:0px;	font-size:1.5em; }

.contentnavs a:link, .contentnavs a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

.contentnavs a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}	

/* graduate quotes */
blockquote { margin:0px; padding: 1px 20px; background-color:#C8DBEB; }
.quote p { padding-bottom : 0;	  }
.quote p:first-child:before { content: url(../images/bq_p.png); margin-right : 10px; }
.quote p:first-child:after { content: url(../images/bq_p_p.png); margin-left : 10px; }


/* staff profiles with images */
.profile h3, .profile span {
padding:0 0 0 124px;
margin:0;
}
.profile p {
margin:1em 0;
padding:0 0 0 124px;		
}
.profile span.role {
font-weight:bold;
}
div.profile {
background-image:url(../images/x_100px_.jpg);
background-position:left 41px;
background-repeat:no-repeat;
min-height:155px;
border-bottom:1px dotted #C8DBEB;
margin-bottom:1em;
}

/* popup divs on plant & marine product pages */
.productdiv {
position:absolute; width:373px; background-color:#D8E5F1; border:#ccc 1px solid; padding:1em; display:none
}

.productdiv_right {
position:absolute; width:373px; background-color:#D8E5F1; left:268px; border:#ccc 1px solid; padding:1em; display:none
}
	
#product_list_table a:visited {
color: #5780ae;
}

/* square and wide image-blocks */
#imageblock {
margin-top:15px;
}

#imageblock img {
margin-right:30px;
border:#000000 1px solid;
width: 100px;
height: 100px;
margin-bottom:30px;
}

#imageblock.narrow img.second {
margin-right:0px;
}

#imageblock img.last {
margin-right:0px;
}

/* history page */
/* large '200x' years on history page */
#history_years div {
position:absolute; font-size:5em; color:#D8E5F1; z-index:0; font-weight:bold;
}

#history_years ul {
position:relative; z-index:2; list-style:square;
}

/* table styles */


/* regions */
.contact_info {
margin:0;
font-weight:bold;
}

.contact_info a{
font-weight:normal;
}

#flashcontent_header {
background-image:url(../images/maincontent_frontpage_bg.gif);
background-position:0 -50px;
}

#navcontainer {
	/*overflow: scroll;*/
	overflow: hidden;
}