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

body {
	margin:0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	color:#333;
	line-height:18px;
}

/* HTML 5 Tags IE compatibility */

header, nav, section, article, aside, footer, caption, figure, figcaption {
	display: block;
}

#pageLayoutOuter {
	margin-left: auto;
	margin-right: auto;
	text align: center;
	width: 960px;
	display: block;
}

#pageLayoutInner {
	text align: left;
	float: left; 	
}

#h_home {
	width: 960px;
	height: 192px;
	border-bottom: 4px solid #0095b8;
	background-image: url(images/header-image-home.jpg);
}


#h_whatsnew {
	width: 960px;
	height: 192px;
	border-bottom: 4px solid #0095b8;
	background-image: url(images/header-image-whatsnew.jpg);
}


#h_publications {
	width: 960px;
	height: 192px;
	border-bottom: 4px solid #0095b8;
	background-image: url(images/header-image-publication.jpg);
}

#h_whatwedo {
	width: 960px;
	height: 192px;
	border-bottom: 4px solid #0095b8;
	background-image: url(images/header-image-whatwedo.jpg);
}

#h_whoweare {
	width: 960px;
	height: 192px;
	border-bottom: 4px solid #0095b8;
	background-image: url(images/header-image-whoweare.jpg);
}

#h_contact {
	width: 960px;
	height: 192px;
	border-bottom: 4px solid #0095b8;
	background-image: url(images/header-image-contact.jpg);
}


h1, h2, h3, h4 {
	color: #0095b8;
	font-size: 20px;	
}

h1 {
	line-height:22px;
}

h3 {
	font-size: 16px;
	padding-top:0px;
	margin-top:0px;
	color:#000000;
}

h4 {
	font-size: 14px;
	color: #333333;
	padding-top:12px;
	padding-bottom:-14px;		
}


nav {
	width: 896px;
	margin-left: 32px;
	margin-right: 32px;
	position: relative;
	top: -14px;
}

#logo {
	display: block;
	width: 220px;
	height: 67px;
	margin-left: 32px;
	
}

#logo a, a:link,  a:visited, a:hover {
		text-decoration:none;
			
}


ul#navList {
	list-style:none;
	margin:0;
	padding:0;
	height: 0px;
}

#navList li {
	display: inline;
	font-size: 14px;
	font-weight: bold;
}

#navList li a, #navList li a:link, #navList li a:visited, #navList li a:hover {
	background-color: #ffffff;
	margin-right: 12px;
	padding: 5px 9px 5px 9px;
	border: 5px solid #0095b8;
	text-decoration: none;
	color: #000000;
	transition:background 1s;
	-moz-transition:background 1s; /* Firefox 4 */
	-webkit-transition:background 1s; /* Safari and Chrome */
	-o-transition:background 1s; /* Opera */
}

#navList li a:hover {
	background-color: #0095b8;
	text-decoration: none;
	color: #ffffff;
}

.currentpage {
	background-color: #0095b8;
	margin-right: 12px;
	padding: 5px 9px 5px 9px;
	border: 5px solid #0095b8;
	text-decoration: none;
	color: #ffffff;	
}



.submit {
	border: 1px solid blue;
	margin-right: 4px;
	cursor: pointer;
	font-weight: bold;	
}



.textField {
	border: 1px solid #999;
    width: 112px;
	height: 15px;
	background-color: #e5f4f8;
	margin: 5px;
}

#search {
	border: 5px solid #0095b8;
	float: right;
	position: relative;
	top: -8px;
	background-color: #ffffff;
}

#mainContent {
	float: left;
	width: 928px;
	margin-top: 40px;  /*36px */
}

#breadCrumbSubNav {
	float: left;
	width: 500px;
	margin-left: 44px;
	font-weight: bold;
	font-size:14px;
	color: #99d5e3;
}

#breadCrumbSubNav a, #breadCrumbSubNav a:link, #breadCrumbSubNav a:hover, #breadCrumbSubNav a:visited {
	text-decoration: none;	
	color: #0095b8;
	transition:color 2s;
	-moz-transition:color 2s; /* Firefox 4 */
	-webkit-transition:color 2s; /* Safari and Chrome */
	-o-transition:color 2s; /* Opera */
}

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

#layoutGradient {
	float: left;
	width: 6px;
	margin-left: 32px;
	background: #0095b8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTViOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #0095b8 0%, #ffffff 60%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0095b8), color-stop(60%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0095b8 0%,#ffffff 60%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0095b8 0%,#ffffff 60%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0095b8 0%,#ffffff 60%); /* IE10+ */
background: linear-gradient(top,  #0095b8 0%,#ffffff 60%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0095b8', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

#mainArticle, #mainArticleHome {
	float: left;
	width: 500px;
	margin-left: 44px;
}

#mainArticleHome p {
	font-family: Tahoma, Geneva, sans-serif;
	color: #0095b8;
	font-size: 24px;
	line-height: 30px;
	margin-top:0px;
}

aside {
	float: right;
	width: 306px;
	margin-right: 32px;		
}

#withline {
	padding-left:10px;
	padding-top:-10px;
	border-left: 2px solid #0095b8;	
}


aside h1 {
	background-color: #0095b8;
	margin-right: 12px;
	padding: 5px 9px 5px 9px;
	border: 3px solid #0095b8;
	text-decoration: none;
	color: #ffffff;	
	margin-top:0px;
}

aside h2 {
	margin-top:0px;
}


figure {
	margin: 0px;
}


article figure {
	float: left;
	width: 116px;
	margin: 0 10px 10px 0px;
}

article {
	border-bottom: 1px dotted #000000;	
	float: right;
	margin-bottom: 10px;
}

figcaption {
	font-size: 12px;
	margin: 0px;
}

article a, article a:link, article a:hover, article a:visited {
	float: right;
	color: #0095b8;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	transition:color 1s;
	-moz-transition:color 1s; /* Firefox 4 */
	-webkit-transition:color 1s; /* Safari and Chrome */
	-o-transition:color 1s; /* Opera */
	padding-bottom:4px;
}

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

article p {
	font-size: 13px;
	display:block;
	margin-top:-15px;	
}

secNav {
	float: right;
	margin-bottom: 0px;
}


secNav a, secNav a:link, secNav a:hover, secNav a:visited {
	color: #0095b8;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
	transition:color 1s;
	-moz-transition:color 1s; /* Firefox 4 */
	-webkit-transition:color 1s; /* Safari and Chrome */
	-o-transition:color 1s; /* Opera */
}

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

secNav p {
	font-size: 14px;
	display:block;
	margin-top:-7px;
}

secNav h2 {
	color:#99D5E3;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}


.loginColumn1 {
	display:inline-block;
	margin: 0px 5px 3px 5px;
	width: 50px;
	text-align:left;
			
}

.loginColumn2 {
	display:inline-block;
	margin: 0px 5px 0px 5px;
	width: 120px;
		
}

.loginColumn3 {
	display: inline-block;
	margin: 0px 5px 0px 5px;
	font-size:14px;
	font-weight:bold;
	background-color: #0095b8;
	border: 2px solid #0095b8;
	text-decoration: none;
	font-color: #ffffff;	
	width: 70px;
	cursor: pointer;
	
		
}

.warningtext {
	color:#C00000;
}


footer {
	border-top: 1px dotted grey;
    float: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    text-align: center;
    width: 898px;
	font-size: 12px;
}

p#standardsFooter {
	font-size: 9px;	
}

#standardsFooter img {
	position: relative;
	top: 5px;
	padding-left: 4px;	
}

#mainArticleFullWidth {
    float: left;
    width: 820px;
    margin-left: 44px;
}

publist {
	line-height:18px;
	font-size:14px;
}

publist h4 {
	font-size:bold;
	color: #0095b8;	
	margin-bottom:0px;
}

publist p {
	color: #333;
	margin-top:0px;	
}

publist author {
	color: #0095b8;	
	margin-top:0px;
}

a, a:link, a:hover, a:visited {
	color: #36C;
	text-decoration: none;
	transition:color 1s;
	-moz-transition:color 1s; /* Firefox 4 */
	-webkit-transition:color 1s; /* Safari and Chrome */
	-o-transition:color 1s; /* Opera */
}

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