/*   
Theme Name: GK12 2.0
Theme URI: http://ehrweb01.aaas.org
Description: The latest GK12 Theme
Author: Chrissy and Lisa
Author URI: http://www.pongos.com
Version: 1.0
*/
@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}
body  {
	font: .8em/1.4em Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #8B8B8B;
}
a {
	color: #BB171B;	
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;		
}
h1, h2, h3, h4, h5, h6, p, li, ul, ol {
	margin-bottom: 10px;	
}
a img {
	border: none;	
}
map {
	border: none;	
}
area {
	border: none;	
}
#container  {
	width: 910px;
	margin: 25px auto 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header  {
	margin-bottom: 10px;
}
#header #searchform div {
	padding-top: 5px;
	float: right;
	margin-right: 20px;	
}
#header #searchform label {
	display: none;	
}
#header #searchform input {
	vertical-align:middle;	
	border: none;
	font-size: 10px;
	height: 16px;
}
#header #searchform input[type=submit] {
	background-color: #a31418;
	border: 1px solid #fff;
	color: #fff;
	height: 18px;
	padding: 0;
	text-transform:uppercase;
}
#logo {
	padding-bottom: 25px;
	border-bottom: 2px solid #333;
}
#topnav {
	background-color: #E7E8E9;
	height: 30px;
	border: 2px solid #E7E8E9;	
	border-top: 1px solid #fff;
	
}
/*
	TOP NAV
*/
.menu {
	position: relative;
	margin:0;
	padding:0;
	list-style:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	z-index: 10;
}
/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
.menu li {
	float:left;
	display:block;
	position:relative;
	margin:0 0 -1px 0;
}
.menu > li {
	margin-left: 8px;	
}
/* this is the parent menu */
.menu li a {
	display:block;
	color:#000;
	text-align:center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	color: #000;
	padding: 5px;
}
.menu li a:hover {
	
}
/* you can make a different style for default selected value */
.menu a.selected {
	
}
/* submenu, it's hidden by default */
.menu ul {
	background-color:#FFF;
	position:absolute;
	left:0;
	display:none;
	margin:0;
	padding:0;
	list-style:none;
}
.menu ul ul {
	background-color: #CCC;
	position: absolute;
	top: 0;	
	left: 200px;
	display: none;
}
.menu ul li {
	width:200px;
	text-align: left;
	float:left;
	border:1px solid #333;
	line-height:1em;
}
/* display block will make the link fill the whole area of LI */
.menu ul a {
	display:block;
	padding: 5px;
	text-align:left;
	text-transform:capitalize;
}
.menu ul a:hover {
	text-decoration:underline;
}
/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
*html .menu ul {
	margin:0 0 0 -2px;
}
.sidebar, #locator, #whatsnew {
	width: 138px;
	padding: 20px;
	border: 1px solid #CCC;
	border-top: 2px solid #333;
	margin-bottom: 10px;	
}
#locator, #whatsnew {
	border-right: 1px solid #8B8B8B;	
	border-left: 1px solid #8B8B8B;
	border-bottom: none;
}

 #whatsnew li {
	list-style-image: url(images/whats-new-arrow.png);
	text-decoration:none;
	line-height:110%;
}


#locator #findbtn {
	padding-top: 15px;
	margin-bottom: 5px;
	}
.sidebar ul, .sidebar ol {
	padding-left: 14px;	
}
.top {
	background: #333;
	height: 232px;
	overflow: hidden;
	border: 1px solid #333;
	color: #8B8B8B;
}
.top a {
	color: #8B8B8B;	
	text-decoration: none;
}
.sidebar h3 {
	color: #515151;
	border-bottom: 1px solid #333;
	text-transform:uppercase;
	padding-bottom: 5px;
	font-size: 1em;
}
.top h3 {
	color: #ccc;
	border-bottom-color: #CCC;
}
.checkinpad {
	margin-right: 8px;	
}
#sidebar1 {
	float: left;
	width: 180px;
}
#sidebar2 {
	float: right;
	width: 180px;
}
#feature {
	position: relative;	
	height: 272px;
	width: 528px;
	padding: 0;	
	overflow:hidden;
}
#feature .wrapper {
	position: relative;	
}
#feature-caption {
	
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	position: absolute;
	bottom: 0;	
	z-index: 2;
	padding: 10px;
	background: url(images/bg-feature.png);
	width: 100%;
}
#feature-caption a {
	color: #fff;	
}
.content {
	/*margin: 0 190px 10px 190px;*/ /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	margin: 0 10px 10px 10px;
	padding: 20px;
	width: 488px;
	border: 1px solid #CCC;
	float: left;
} 
.content img {
	border: none;
}

.content h2 {
	color: #000;
	font-weight: normal;
	font-size: 1.5em;
}
.content h3 {
	font-weight: bold;
	font-size: 1.2em;
	color:#5981A1;
	padding-top: 10px;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.content h4 {
	padding-top: 10px;
	font-size:1.2em;
	color:#666;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.content h5 {
	padding-top: 10px;
	color:#5981A1;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

.content h6 {
	padding-top: 10px;
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-transform: upppercase;
	font-weight: bold;
}	
	
	
.content ul, .content ol {
	padding-left: 20px;	
}
.content hr {
	border: none;
	height: 10px;
	width: 490px;
	background:url(images/hr-bg.png) center center;
}

.content hr.plain {
	color: #8B8B8B;
	background-color: #8B8B8B;
	height: 1px;
	width: 490px;
	background:none;
}

.content.last {
	min-height: 350px;	
}
.project-list, .post {
	padding-bottom: 20px;
	margin-bottom: 20px;
	background:url(images/hr-bg.png) center bottom no-repeat;	
}
.post.last {
	background: none;
}
/*PODS*/
#container .pods_form .pick {
	border: none;
	height:60px;
}

#footer {
	border-top: 2px solid #333;
	font-size: 0.8em;
	text-align: left;
	padding-top: 20px;
	
} 
#nsf, #aaas {
	padding-right: 20px;
	width: 140px;
	padding-left: 20px;
}

#copyright {
	margin: 0px 190px;
	line-height:100%;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */

	float: left;
	margin-right: 8px;
}
.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;
}
.figure p {
	float:right;
	clear:both;
	width:262px;
	font-size:.9em;
	text-align:right;
	font-style:oblique;
	margin-left:20px;
}
.figure p img {
	max-width:260px;
	border:solid 1px #666;
}
#resource-search-form legend {
	padding:2px;
	margin-left:5px;
}
#resource-search-form div, #resource-search-form select, #resource-search-form input {
	display:block;
	margin:10px;
}
#resource-search-form .labels {
	float:left;
	width:15%;
	margin-top:18px;
}
#resource-search-form .labels p {
	padding:2px;
}
#resource-search-form .form-container {
	float:left;
	width:75%;
}
#resource-search-form {
	margin:15px 0;
}
.content table {
	line-height:1.2em;
}
.content th {
	padding:8px 0;
	vertical-align:top;
	font-weight:bold;
	width:150px;
}
.content td {
	padding:8px;
}

div.comments-view {
	background-color:#eee;
	padding:10px;
	color:#444;
	width:94%;
}

a.comments-edit-link {
	display:block;
	text-decoration:none;
	padding:6px 10px;
	background-color:#d0e0f0;
	border:1px solid #bcbdd0;
	border-right-color:#777;
	border-bottom-color:#777;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

a.comments-edit-link:active {
	border-color:#777 #bcbdd0 #bcbdd0 #777;
}

/* Extra styles */
.small-text {
	font-size: 0.7em;
}
.caption-text {
	font-size: 0.7em;
	font-style: italic;
}
.bold-small-text {
	font-size: 0.7em;
	font-weight: bold;
}