img {margin: 0px;}
body
{
	font-size: 90%;
	margin: 0px; padding: 0;
	width: 100%; height: 100%;
	text-align: center;
	background: #C0C0C0;
}

.container
{
	margin: 0px auto; padding: 0px; border: 1px solid #000;
	width: 760px; background: #000;
}


/* HEADER ELEMENTS (DIV, image and links) */
/***********************************/
#header {
	margin: 0; padding: 0;
	width: 100%; height: 46px; background: url(images/header_bar.gif) repeat-x;
	text-align: left;
}

#header ul {
	background: url(images/header_bar.gif) repeat-x;
	border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center; clear: right; float: right; }

#header ul li {background: url(images/header_bar.gif) repeat-x; display: block; float: left; text-align: center; padding: 0; margin: 0;}

#header ul li a {
	width: 80px; height: 46px; /* Divide available width for main nav by the number of links for width */
	color: #000; letter-spacing: 2px;
	font-family: arial, verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none;
	text-align: center;
	display: block; line-height: 46px;
}

#header ul li a:hover {background: url('images/header_bar2.gif') repeat-x; color: #000;}

#wordmark {width: 190px; height: 45px;  float: left; border-right: 0px solid #000;}
#logo {width: 92px; height: 64px; margin-top: 20px;}
.emailbutton {border: 0px; width: 30px; height: 20px;}
.icon {width: 15px; height: 15px;}

h1, h3, h4 {margin: 0 0 10px 0; letter-spacing: 1px; font-size: 1.3em;}
h4 {font-size: 1.05em; margin: 20px 0 3px 0; border: 0px solid #6DB2D6;}


/* MAIN AREA ELEMENTS */
/********************/

	#main {
		margin: 0;
		padding: 0;
		width: 100%;
		/*background: #2B93CC url(images/sky2.jpg) repeat-x;*/
		background: url('site/logo_front.gif') no-repeat 100% 100% #467FA3;
		border-bottom: 4px solid #000;
		/*min-height: 280px;*/
		/*height: 380px;*/
	}
	#highlight {margin: 0; width: 100%; background: url('site/highlight2.gif') repeat-x; height: 42px; border: 0px solid #FFF;}


	#main2 { /* When there is content */
		margin: 0;
		padding: 40px 0px 0px 0px;
		width: 100%;
		/* background: #2B93CC url(images/blue.gif) repeat-x; /* OLD LIGTER BACKGROUND */
		background: #3A779D url(images/blue2.gif) repeat-x; /* NEW DARKET BACKGROUND for improved contrast */
		border-bottom: 4px solid #000;
		height: auto;
		/*clear: both;*/
	}

	#blurb
	{
		font-family: arial, verdana, sans-serif; font-size: 1em; color: #FFF; line-height: 135%;
		text-align: left;
		margin-left: 100px; padding-bottom: 20px;
		/*width: 640px;*/
		min-height: 250px;
	}

	#blurb p {margin: 2px 0 10px 0; border: 0px dashed #6DB2D6;}

	#subnav
	{
		width: 160px;
		float: left;
		text-align: left;
		margin: 0px; padding: 0px;
		border: 0px dashed #FFF;
		/*height: 400px;
		clear: both;*/
	}

	#subnav a
	{
		margin: 0px; padding: 5px;
		font-family: arial, verdana, sans-serif; font-size: 89%; line-height: 150%; color: white; text-decoration: none;
		display: block; width: 150px;
		border: 0px solid white;
	}

	#subnav a:hover {background: #333;}

	.smaller {font-size: 96%;}
	.cv {float: right; margin: 0px 5px 5px 15px;border: 1px solid #000;}
	.service {float: left; margin: 0px 15px 5px 0px;border: 1px solid #000;}

	#cDiv{clear: left;}
	.clear {clear: both;}

	/** NEWS BOXES ON FRONT PAGE **/
	/******************************/
	.news {float: left; width: 265px; height: 13em; margin: 1.5em 1em 0 0; padding: 0; background: #DEDEDE; border-style: solid; border-width: 1px; border-color: #F6F6F6 #606060 #404040 #F6F6F6;}
	.news h2 {margin: 0 0 5px 0; padding-left: 5px; background: #144566; color: #FFF; font-size: 1.1em; line-height: 30px; vertical-align: middle;}
	#main .news p {color: #000; margin: 0 5px 10px 5px;}
	#main .news a {color: #074976; font-weight: bold;}
	#main .news a:visited {color: #222;}
	#main .news a:hover {color: #D80C02;}


/** CAREERS PAGE STUFF **/
/***********************/
.cPhoto {float: right; margin: 5px; border: 1px solid #444; width: 100px; height: 120px; clear: right;}
#main2 #blurb .apply {background: #30586E; border: 1px solid #B6DCF1; padding: 4px; clear: both; line-height: 100%; vertical-align: center;}

#main2 #applyAddress {float: right; margin: 5px 0 5px 10px; background: #30586E; border: 1px solid #B6DCF1; padding: 5px; width: 160px; }

.applyTable {width: 500px;}
.applyTable td {padding: 6px;}
.applyTable .alt td {background: #4782A7;}

.apply p {width: 240px;}

.applyTable input, .applyTable select {width: 14em; padding-left: 1px;}
.applyTable textarea {font-family: arial, verdana, sans-serif; font-size: 0.95em; width: 220px; height: 6em;}


/* LINK STYLING */
/****************/

#blurb a {
	color: #FFF;
	font-family: arial, verdana, sans-serif;
	letter-spacing: 1px;
	letter-spacing: 1px;
	text-decoration: underline;
	line-height: 160%;
	}

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

#minornav a.credit {color: #888;}

/* PHOTO AREA */
/*************/

#photostrip {
	margin: 0; padding: 0;
	width: 100%; height: 167px;
	background: #000;
	border-bottom: 0px solid #000;
}

#photo1 {
	margin: 0px 2px 0px 0px; padding: 0px;
	border-right: 3px solid #000;
	float: left;
}

#photo2 {
	margin: 0px 1px 0px 0px; padding: 0px;
	border: 0px dashed #FFF;
	float: left;
	width: 554px; height: 167px;
}

/*MINOR NAV STRIP */
/****************/

#minornav {
	font-family: arial, verdana, sans-serif; font-size: 78%; color: #FFF; letter-spacing: 1px;
	text-align: right;
	margin: 0px; padding: 0px;
	height: 20px; width: 760px;
	background: #000;
}

/*#smalllinks {background: #000; margin: 0px; padding: 2px; width: 756px; text-align: right; float: left; letter-spacing: 1px;}*/

#minornav p {padding: 0; margin: 0px 12px 0px 0px; line-height: 20px;}
#minornav a {color: #8BC8EA; text-decoration: none;}
#minornav a:hover {color: #F59E40; text-decoration: none;}

/* OFFICE PAGE specific */
/*******************/

#officephoto {
	margin: 0 10px 10px 0; padding: 0px;
	border: 0px dashed white;
	height: auto; width: auto;
	float: left;

}
#officephoto img {border: 1px solid #000;}

#officetext {
	padding: 0;
	margin: 0px 20px 0px 220px; padding: 0;
	border: 0px dashed #000;
	height: auto;
}

#officetext p {margin: 0 0 10px 0px;}

#officestaff {
	margin: 0; padding: 0;
	width: 500px; min-width: 500px;
	}
#officestaff p {margin: 0 0 8px 0;}
#officestaff table {width: 500px; margin: 0;}
#officestaff td {padding-left: 5px;}
#officestaff tr {height: 30px;}
#officestaff tr.alt {background: #2E6080;} /* alternate row colour for staff listing - #2377A6 on old ligher colour scheme */

#officestaff a {color: #FFF; text-decoration: underline; font-weight: normal;}

/* CONTACT PAGE SPECIFIC */
/***********************/

.contact {
	width: 450px;
	border: 1px solid #FFF;
}

.contact td {padding: 5px; border-right: 1px solid #244C63;}
.contact .alt {background: #2E6080;} /* use #2377A6 on old ligher colour scheme */

.contact #head {background: #244C63; font-weight: bold;  border: 1px solid #000;}
.contact #sub {color: #FFF; font-size: 76%;}