/*****************
GENERAL
******************/

body {
	font-family: 'Roboto', sans-serif;
	color:#000000;
}

#wrapper {
	width: 1024px;
	margin: 0 auto;
}

h3 {
	font-size: 1.125em;
	font-weight: 700;
}

h1 {
	font-size: 25px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	letter-spacing:1px;
	color:#31649a;
	padding:0;
	margin: 0 50px 35px 0;
}
h5 {
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	color:#31649a;
	padding:0;
	margin: 0 50px 5px 0;
}
h6 {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	color:#31649a;
	padding:0;
	margin: 0 0 0 0;
}
p {
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#000000;	
	padding:0;
	margin:0 0 20px 0;
}
ul {
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#000000;	
	margin-bottom:20px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*****************
HEADING
******************/
header {
	width: 1024px;
	height: 100px;
	padding: 25px 40px;
}
header img {
	width: 250px;
}
header h2 {
	font-weight: 700;
	float: right;
	padding-right: 40px;
}
header span {
	font-size: 18px;
}
/*****************
NAVIGATION
******************/

nav {
	height: 40px;
	text-align: center;
	padding-top: 10px;
}

nav ul {
	list-style: none; /* Make sure buttons removed just in case */
	margin: 0 10px;
	padding: 0;
	
}

nav li {
	display: inline-block;
	border-right: 1px solid #fff;
}

nav a {
	font-weight: 700; /* Reference google font weight */
	padding: 3px 10px;
	letter-spacing: 1px;
}

/*nav ul li:nth-child(-n+5){
	border-right: 1px solid #fff;
}*/

/* selected nav link */
nav a.selected, nav a:hover {
	text-decoration: none;
}

#dropdown, #dropdown ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;	
}

#dropdown a {
	display: block;
	/*width: 10em;*/
}

#dropdown li { /* all list items */
	/*float: left;*/
	/*width: 10em; /* width needed or else Opera goes nuts */
	
}

#dropdown li ul { /* second-level lists */
	position: absolute;
	background: #cc9933;
	width: 160px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-align:left;
	z-index:5;
}
#dropdown li ul li {
	border-right:0;
	padding: 5px;
	width:160px;
	border-bottom: 1px solid #d8b053;
}
#dropdown li ul li:hover {
	background: #d8b053;	
	width:160px;
}

#dropdown li:hover ul, #dropdown li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*****************
NEWS
******************/
p.news {
	margin:0 0 3px 0;
}
p.news a {
	color: #000000;
}
.last {
	margin: 0 0 20px 0;	
}
p.news_link {
	margin: -15px 0 0 0;
}
.img_left {
	float:left;
	margin: 0 15px 15px 0;	
}
.img_right {
	float:right;
	margin: 0 0 15px 15px;	
}
hr {
	color:#6698b4;
	clear:both;	
}
.caption {
	font-style: italic;
	font-size: 12px;
	line-height: 14px;
	margin-top:15px;
	margin-bottom: 0px;
}



/*****************
FOOTER
******************/

footer {
	height: 50px;
	font-size: 1em;
}

footer p {
	float: left;
	padding: 15px 0 0 20px;
}

footer ul {
	list-style: none;
	float: right;
	padding: 15px 20px 0 0;
}

footer li {
	display: inline-block;
	margin-left: 20px;
}

footer a{
	text-decoration: none;
}


/*****************
PAGE: HOME
******************/

#left {
	float: left;
	margin: 20px 0 0 25px;
	width: 620px;
}

#left h4 {
	font-size: 17px;
	margin-top: 0;
	margin-bottom: 15px;
	line-height: 1.5em;
}

#left span {
	font-weight: 700;
}

#left h2 {
	margin-bottom: 0;
	margin-top: 0;
	padding: 5px;
	font-size: 1.25em;
	letter-spacing: 1px;
	width: 65px;
}

#news {
	border-top: 1px solid #cc9933;
}

#news h3 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
}

#news .feature, #hl-right {
	margin-top: 20px;
}

#news .feature {
	height: 100px;
}

#hl-left, #hl-right{
	width: 50%;
}

#hl-left, #hl-left img{
	float: left;
	padding-right: 20px;
}

#hl-right, #right, .bottom img {
	float: right;
}

#hl-right li {
	list-style: none;
	font-size: 15px;
	/*line-height: 170%;*/
	margin-bottom:10px;
}

#hl-right ul {
	padding-left: 20px;
}

#right {
	margin: 20px 5px 0 10px;
	width: 339px;
}

#right a:first-child img{
	margin-bottom: 15px;
}
#full_top {
	margin: 20px 25px 0 25px;
}

#full {
	margin: 15px 25px;
	padding-top: 15px;
	display: inline-block;
	border-top: 1px solid #cc9933; 
}

.bottom {
	width:310px;
	height:150px;
	display: inline-block;
	background: blue;
}

.bottom:not([id="fb"]) {
	margin-right: 15px;
}

.bottom h3, .bottom p {
	float: left;
	padding-left: 20px;
	width: 60%;
}

.bottom h3 {
	font-size: 20px;
}

.bottom img {
	padding: 10px 10px 0 0;
}

/*****************
COLORS
******************/

body {
	background: url(../images/tweed.png) repeat; /* This initial declaration is for browsers that don't support CSS3 and multiple backgrounds */
	background: url(../images/left_shading.png) left repeat-y,
				url(../images/right_shading.png) right repeat-y,
				url(../images/tweed.png) repeat;
	/*box-shadow: inset 250px 0px 250px -250px rgba(0,0,0,0.8), inset -250px 0px 250px -250px rgba(0,0,0,0.8);*/
}

#wrapper {
	background: #fff;
	box-shadow: 0 0 50px 10px rgba(0,0,0,.8);
	
}

nav, #left h2 {
	background: #cc9933;
}

header, footer {
	background: #000;
}

/*body {
	color: #000;
}*/

nav a, nav a:visited {
	color: #ffee88;
}

nav a.selected, nav a:hover, #left h2, footer, footer a, footer a:hover, .bottom h3, .bottom p {
	color: #fff;
}

h3, #left span, #hl-right a {
	color: #265c8c;
}

header h2, .feature a {
	color: #cc9933;
}

#green {
	background: #679966;
}

#illum {
	background: #306295;
}

#fb {
	background: #80b6d0;
}

/*****************
CONTACT FORMS
******************/
.required {
	color:#d62b2b;	
}
.subhead {
	border-bottom:1px solid #cccccc;
	margin-right:0;
	margin-bottom: 15px;
}
.form_alert {
	margin-bottom:0;	
}

/*****************
ADVANCED SEARCH
******************/
/*  Styling Advanced Search */

#column_contain{
  overflow:hidden;
}

#left_column {
  width:500px;
  float:left;
  font:12px arial,helvetica,clean,sans-serif;
}
/*
#left_column h1, h2 {
  color:#31649c;
  font-size: 18px;
}*/

#right_column {
  width: 300px;
  float:left;
  margin-left: 20px;
  margin-top:30px;
}

#cert {
  width: 300px;
  border: 1px solid #cccccc;
  text-align: center;
  margin: 0 auto;
}
#cert_title{
  background-color:#31649a;
  height: 25px;
}
#cert_title h1{
  color:#FFFFFF;
  margin: 0 auto;
  padding: 4px;
  font-size:15px;
}
#radio {
  width:860px;
  overflow:hidden;
  color:#31649c;
}
.form-text {
  display: block;
  width: 100%;
}
#radio td {
  padding-bottom: 5px;
  width: 33%;
}
.result_container {
  display: inline-block;
  margin: 0 auto;
  color:#31649c;
  width: 100%;
  border:#cccccc solid 1px;
}

.result_container table{
  width: 100%;
}
.result_container #header{
  background-color:#31649c;
  color:#FFFFFF;
  font-weight: bold;
  font-size: 13px;
}
.result_container td{
  padding-left: 1.25em;
  vertical-align: center;
}
.result_container #row2 {
  background-color: #dcddde;
  color:#31649c;
  width: 100%;
}

dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select {
  font-family: inherit;
  font-size: inherit;
  width: 14em;
}
dl.multiselect dd.a, dl.multiselect dd.a .form-item {
  width: 8em;
}
dl.multiselect .form-item {
  height: 1.75em;
  margin: 0;
}
.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}
tr.odd .form-item, tr.even .form-item {
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  display: block;
  font-weight: bold;
}
.form-item label.option {
  display: inline;
  font-weight: normal;
}
.form-checkboxes, .form-radios {
  margin: 1em 0;
}
.form-checkboxes .form-item, .form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
.marker, .form-required {
  color: #f00;
}