@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background: #B7CAE1;
	margin: 0 0 0 16px;
}

p {
	margin-top: 8px;
	padding-bottom: 16px;
}

h1 {
	font-size: 16px;
	font-weight: normal;
	color: #084C8D;
	margin: 20px 0 0 0;
	border-top: 1px dashed #999999;
	padding: 10px 0 0 0;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #084C8D;
	margin: 0;
	border-top: 1px dashed #999999;
	padding-top: 10px;
}

h3 {
	font-size: 10px;
	font-weight: bold;
	color: #084C8D;
	margin: 0;
    border-top: 1px dashed #999999;
	padding-top: 10px;
}

a { text-decoration: none; }
a:hover { color: #FF6600; }

.navlinks { color: #FFFFFF; text-decoration: none; text-align: right; }
.navlinks a:link { color: #FFFFFF; text-decoration: none; }
.navlinks a:visited { color: #FFFFFF; text-decoration: none; }
.navlinks a:hover { text-decoration: underline; background-color: #0099CC; }
.navlinks a:active { text-decoration: underline; }

body#home a#menuHome, 
body#services a#menuServices,
body#clients a#menuClients,
body#partners a#menuPartners,
body#publications a#menuPublications,
body#downloads a#menuDownloads,
body#employment a#menuEmployment,
body#about a#menuAbout,
body#contact a#menuContact {
	color: #FFFFFF;
	border-bottom: 1px dotted #FFFFFF;
}

#container {
	float: left;
	width: 720px;
	background: #FFF;
	border: 1px solid #000000;
	text-align: justify;
}

#Navigation {
	float: left;
	width: 688px;
	background:	#2b85bb;
	font-size: 12px;
	padding: 8px 32px 4px 0;
}

#LogoSpace {
	float: left;
	width: 100%;	
	padding: 0 0 100px 0;
}

#Logo {
	position: absolute;
	width: auto;
	top: 27px;
	left: 17px;
	z-index: 1;
	padding: 0;
	margin: 0;
}	

#Header {
	float: left;
	width: 680px;
	padding: 0 0 0 20px;
}

#headerImage {
	float: left;
}

#headerTitle {
	float: left;
	width: 680px;
}

#mainContent {
	float: left;
	width: 680px;
	margin: 0;
	padding: 0 0 0 20px;
}

#bioImage {
	float: left;
	width: 160px;
}

#bioText {
	float: left;
	width: 510px;
	text-align: justify;
	margin: 0 0 0 10px;
}

#generic {
	float: left;
	width: 680px;
}

#spacer {
	float: left;
	width: 680px;
	height: 20px;
}

#map {
	float: left;
	width: 302px;
}

#contactDetails {
	float: left;
	width: 358px;
	text-align: justify;
	margin: 0 0 0 20px;
}

td.bioText {
	margin: 0;
	padding-left: 20px;
	padding-right: 0px;
	padding-top: 0;
	vertical-align: top;
	text-align: justify;
}

#footerTop {
	float: left;
	color: #FFFFFF;
	background: #084C8D;
}

#footerBottom {
	float:	left;
	width: 720px;
	color: #FFFFFF;
	text-align: center;
	background: #084C8D;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}