@charset "UTF-8";
/* CSS Document */
/* 
Imported Styles
-----------------------------------------------------------------------------*/	
@import url("cssreset.css"); /* Resets defaults to help minimize browser interpretation issues */
@import url("sifr.css"); /* used for professional font replacment */
@import url("slideshow.css"); /* used for professional font replacment */
/* 
Typography
-----------------------------------------------------------------------------*/	
h1, h2, h3, h4 {margin-bottom: 10px; padding:0; margin-top:0; font-weight:bold;}
h1 {font-size:24px;}
h2 {font-size:18px;}
#teasers h2 {font-size:24px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
#content p, #content ol, #content ul, #content dl, 
	#content small, #content td { line-height:1.5em; margin-bottom:1.5em; padding:0; margin-top:0;}
#primary-content ul, #secondary-content ul {margin-left:25px;}
	#primary-content ul li, #secondary-content ul li {list-style:square;}
#primary-content ol,#secondary-content ol {margin-left:32px;}
	#primary-content ol li,#secondary-content ol li {list-style:decimal;}
a:link, a:visited {text-decoration:; color:#00F;}
a:hover, a:focus {text-decoration:none;}
a:active {}

/* 
Containers
-----------------------------------------------------------------------------*/	
html {font:14px Arial, Helvetica, sans-serif; padding:0; margin:0; background:#75a4e6 url(../images/html-back.png) top left repeat-x; color:#413239;}
body {text-align:center;}
#masthead, #content, #footer, #main-navigation {width: 100%;}
#masthead .wrap, #footer .wrap, #main-navigation .wrap {width: 950px; margin:0 auto; position:relative; text-align:left;z-index:2}
#content .wrap {width: 950px; margin:0 auto; position:relative; text-align:left;z-index:1}
#masthead {height:181px;}
#logo {position: absolute; top:46px; left:0;}
#tagline {position:absolute; top: 30px; right: 0;}
#peer-review-link {position:absolute; top:181px; right:0;}
#address {position:absolute; top:65px; left:370px;}
#address p {font-size:12px; color:#413239; line-height:18px;}
#address a {color:#413239;}
#content {background-color:#eae7e7; padding:30px 0;}
#primary-content {float:left; width:630px; margin-right:10px; position:relative;}
	#teasers {width:950px; float:left; background:url(../images/content-back-home.png) top left repeat-y;}
	#teasers ul {margin:0; float:left;}
	#teasers li {float:left; width:310px; margin-right: 10px;}
	#teasers li.last {margin-right:0;}
	#teasers .gutter {padding:25px 15px;}
	#teasers ul ul {margin: 20px 0 30px 20px;}
	#teasers ul ul li {list-style:disc;}
	#teasers p {text-align:center;}
#main-content {float:left; background:url(../images/content-back.gif) top left repeat-y;}
#secondary-content {float:left; width:310px; position:relative;}
#footer {clear:both; background:url(../images/footer-back.png) top left repeat-x; padding:20px 0;}
#footer ul, #footer p, #footer h5, #footer a {margin-bottom:0; font-size:12px; color:#eae7e7; line-height:20px;}
/* 
Gutters
-----------------------------------------------------------------------------*/	
#primary-content .gutter,#secondary-content .gutter {padding:25px 15px;}

/* 
Navigation
-----------------------------------------------------------------------------*/	
#main-navigation {height: 55px;}
#nav {height:55px; float:left;border-right:#413239 1px solid; border-left:##54474d 1px solid; position:relative;}
#nav li {float:left; border-right:#54474d 1px solid; border-left:#413239 1px solid; position:relative;}
#nav li a {line-height:55px; padding:0 15px; float:left; display:block; color:#a2c2ea; text-decoration:none;}
#nav li a:hover, #nav li a:focus,#nav li a.active {background-color:#eae7e7; color:#71625c;}
#nav li a.active:hover {cursor: default;}

#secondary-content li a.active {color:#413239;}
/* 
Superfish Drop Down Navigation
-----------------------------------------------------------------------------*/	
.sf-menu {line-height:	1em;}
.sf-menu ul {position:absolute;	top:-999em;	width:15em !important;/* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:15em !important; margin-bottom:1px; border:none !important; line-height:1em;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative;}
.sf-menu a {line-height: 1em;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;top:55px; /* match top ul list item height */ z-index:1 !important;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left:15em !important; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:	0;}
.sf-menu ul {}
.sf-menu ul a {background-color:#eae7e7 !important; display:block; width:15em !important; line-height:1em; font-size:12px; text-align:left; padding-left:1em; line-height:1.5em !important; padding-top: 5px !important; padding-bottom:5px !important; background-image:none !important; color:#71625c !important;}
.sf-menu ul a:hover {background-color:#fff !important; color:#000 !important}
.sf-menu {float:left;}
.sf-menu ul li.first {border:none !important;}
.sf-menu ul li.last a {width:15em !important;}

#nav li:hover, #nav li.sfHover,
#nav a:focus, #nav a:hover, #nav a:active {
       z-index: 2 !important;
} 

#footer-nav {width: 100%;}
#footer-nav li {display:inline;}
#footer-nav li:after {content:" | ";}
#footer-nav li.last:after {content:"";}
#footer-nav ul {display:none;}
/* 
Images
-----------------------------------------------------------------------------*/	
.img-right {float:right; margin:0 0 1em 1em;}
.img-left {float:left; margin:0 1em 1em 0;}
/* 
Forms
-----------------------------------------------------------------------------*/	
label {display: block;}
/* 
Tables
-----------------------------------------------------------------------------*/	
	/*
	   "Tiger Striping"
		if you want the rows to alternate colors, add class="stripe" to the 
		table tag on your web page.
	*/
	.stripe .alt {background-color:#f4f4f4;}
		/*This will make every other table right a different back ground color. */
	.stripe .over {background-color:#ccc;}
		/*This will make the background color change when you hover over a table row. */
/* 
Curvy Corners
-----------------------------------------------------------------------------*/	
#primary-content, #secondary-content {-webkit-border-radius: 8px; -moz-border-radius: 8px;}
/* 
Box Shaow (JQuery)
-----------------------------------------------------------------------------*/	
.box {box-shadow:0 0 5px #999; -o-box-shadow:0 0 5px #999; -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999;}