/********************
MSGC base styles

Original 5.23.2006
Version 4.5.2007

Built by RainStorm Consulting
jason@rainstorminc.com

Please request permission prior to use.
********************/

/**********
1.0 Basic Elements
**********/

body {
	margin: 0;
	padding: 0;
	background: #000 url('/images/bg.gif') top left no-repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size: 90%;
	color: #fff;
}

a:link {
	color: #46577f;
}

a:visited {
	color: #999;
}

a:active {
	color: #e76e60;
}

a:hover {
	color: #e76e60;
}

/*Use these if you apply a border-bottom to a: elements*/

a img {
	text-decoration: none;
	border: 0 !important;
}

.nohover {
	border: 0 !important;
}

/* end border-bottom a styles */

#flash {
	display: none;
	height: 30px;
	background: #ecffa2;
	text-align: center;
	font-size: 75%;
	color: #333;
}

#flash p {
	margin: 0;
	padding: 8px 0 0 0;
}

#container {
	width: 825px;
	margin: 0 0 0 90px;
	padding: 0 0 10px 0;
	background: #000 url('/images/container_bg.gif') top left repeat-y;
	color: #333;
}

/**********
2.0 Branding Container Elements
**********/

/*****
2.1 Basic elements
*****/

#branding-container {
	height: 243px;
}

.header-rotator {
	float: left;
	width: 126px;
}

.logo {
	float: left;
	width: 699px;
}

/*****
2.2 Logo elements
*****/

/*****
2.3 Mainnav elements
*****/

.main-nav {
	margin: 0 34px 9px 11px;
}

.main-nav ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-nav li {
	display: inline;
	list-style-type: none;
	margin: 0 -5px 0 0;
	padding: 0;
}

/**********
3.0 Content Container Elements
**********/

/*****
3.1 Basic elements
*****/

#content-container {
	width: 780px;
	padding: 0 34px 0 11px;
	font-size: 100%;
}

#content-area {
	padding: 20px 10px 0 0;
	font-size: 90%;
	line-height: 150%;
}

.grantee-focus-img {
	float: left;
	margin: 0 5px 5px 0;
	padding: 4px;
	border: 1px solid #000;
	background: #acacac;
}

.section-intro {
	padding: 0 0 10px 0;
	border-top: 1px dotted #46577f;
}

.section-intro-alt {
	padding: 0 0 10px 0;
	border-top: 1px dotted #46577f;
	background: #eee;
}

.section-intro img, .section-intro-alt img, .spotlight img, .news-item img {
	float: left;
	margin: 0 5px 5px 0;
	padding: 4px;
	border: 1px solid #000;
	background: #acacac;
}

.section-intro-alt img {
	float: right;
	margin: 0 5px 5px 5px;
}
	
.section-intro h2, .section-intro-alt h2 {
	border-bottom: 0;
}

/*****
3.2 Sidebar elements
*****/

#sidebar {
	width: 246px;
	background: url('/images/sidebar/sidebar_bg.gif') no-repeat;
	background-position: 0px 44px;
	font-size: 85%;
}

.sidebar-element {
	margin: 20px 0 0 0;
}

#sidebar ul, #sidebar li, #sidebar p {
	margin: 0;
	padding: 5px 5px 5px 10px;
}

#sidebar ul {
	list-style: none;
}

#sidebar li {
	list-style-type: none;
	padding: 4px 0 4px 13px;
	background: url('/images/graphics/bullet.gif') left 50% no-repeat;
}

/**
3.2.1 Subnav elements
**/


/**********
4.0 Supplemental Nav Elements
**********/

/*****
4.1 Basic elements
*****/

#suppnav-container {
	margin: 0 34px 0 11px;
	padding: 10px 0 10px 0;
	border: 1px solid #adadac;
	background: #e5e5e5;
	font-size: 75%;
	text-align: center;
	line-height: 150%;
}

#suppnav-container address {
	padding: 0 0 10px 0;
}

#suppnav-container ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

#suppnav-container li {
	display: inline;
	list-style-type: none; /* Repeated for IE5/PC */
	margin: 0;
	padding: 5px 0 0 0;
}

/**********
5.0 Font Elements
**********/

/*****
5.1 Header elements
*****/

/*Section title*/
h1 {
	margin: 0;
	padding: 0;
	font-size: 160%;
	color: #46577f;
}

/*Page title*/
h2 {
	margin: 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #46577f;
	font-family: Arial, sans-serif;
	font-size: 160%;
	color: #46577f;
}

/*Sidebar heading & page subheading*/
h3 {
	margin: 0;
	padding: 10px 0 5px 0;
	font-size: 120%;
	color: #001949;
}

/*Page sub-sub headings*/
h4 {
	font-family: Arial, sans-serif;
	font-size: 130%;
	color: #46577f;
}

#sidebar h4 {
	margin: 0;
	padding: 5px 0 5px 10px;
}

/*Spotlight titles*/
h5 {
	margin: 0;
	padding: 0 0 0 5px;
	font-family: Arial, sans-serif;
	font-size: 120%;
	color: #46577f;
}

/*Unused as of yet*/
h6 {
	margin: 0;
	padding: 0;
	font-size: 160%;
}

/* Sidebar titles */

#sidebartitle-news {
	width: 246px;
	height: 24px;
	margin: 0 0 10px 0;
	background: url('/images/sidebartitles/sidebartitle-news.gif') top left no-repeat;
}

#sidebartitle-studentfocus {
	width: 246px;
	height: 24px;
	margin: 0 0 10px 0;
	background: url('/images/sidebartitles/sidebartitle-studentfocus.gif') top left no-repeat;
}

#sidebartitle-nasafocus {
	width: 246px;
	height: 24px;
	margin: 0 0 10px 0;
	background: url('/images/sidebartitles/sidebartitle-nasafocus.gif') top left no-repeat;
}

#sidebartitle-affiliatefocus {
	width: 246px;
	height: 24px;
	margin: 0 0 10px 0;
	background: url('/images/sidebartitles/sidebartitle-affiliatefocus.gif') top left no-repeat;
}

#sidebartitle-industryfocus {
	width: 246px;
	height: 24px;
	margin: 0 0 10px 0;
	background: url('/images/sidebartitles/sidebartitle-industryfocus.gif') top left no-repeat;
}

#sidebartitle-resources {
	width: 246px;
	height: 24px;
	margin: 0 0 10px 0;
	background: url('/images/sidebartitles/sidebartitle-resources.gif') top left no-repeat;
}

#sidebartitle-programs {
	width: 246px;
	height: 24px;
	margin: 0 0 10px 0;
	background: url('/images/sidebartitles/sidebartitle-programs.gif') top left no-repeat;
}

#sidebartitle-about {
	width: 246px;
	height: 24px;
	margin: 0 0 10px 0;
	background: url('/images/sidebartitles/sidebartitle-about.gif') top left no-repeat;
}

#sidebartitle-currentgrants {
	width: 246px;
	height: 24px;
	margin: 0 0 10px 0;
	background: url('/images/sidebartitles/sidebartitle-currentgrants.gif') top left no-repeat;
}

#sidebartitle-news span, #sidebartitle-studentfocus span, #sidebartitle-affiliatefocus span, #sidebartitle-industryfocus span,  #sidebartitle-nasafocus span, #sidebartitle-resources span, #sidebartitle-programs span, #sidebartitle-about span, #sidebartitle-currentgrants span {
	display: none;
}

/* Page titles */

#pagetitle-home {
	width: 780px;
	height: 50px;
	background: url('/images/pagetitles/pagetitle-home.gif') top left no-repeat;
}

#pagetitle-grants {
	width: 780px;
	height: 50px;
	background: url('/images/pagetitles/pagetitle-grants.gif') top left no-repeat;
}

#pagetitle-programs {
	width: 780px;
	height: 50px;
	background: url('/images/pagetitles/pagetitle-programs.gif') top left no-repeat;
}

#pagetitle-news {
	width: 780px;
	height: 50px;
	background: url('/images/pagetitles/pagetitle-news.gif') top left no-repeat;
}

#pagetitle-about {
	width: 780px;
	height: 50px;
	background: url('/images/pagetitles/pagetitle-about.gif') top left no-repeat;
}

#pagetitle-contact {
	width: 780px;
	height: 50px;
	background: url('/images/pagetitles/pagetitle-contact.gif') top left no-repeat;
}

#pagetitle-resources {
	width: 780px;
	height: 50px;
	background: url('/images/pagetitles/pagetitle-resources.gif') top left no-repeat;
}

#pagetitle-board {
	width: 780px;
	height: 50px;
	background: url('/images/pagetitles/pagetitle-board.gif') top left no-repeat;
}

#pagetitle-committees {
	width: 780px;
	height: 50px;
	background: url('/images/pagetitles/pagetitle-committees.gif') top left no-repeat;
}

#pagetitle-meritsblog {
	width: 780px;
	height: 50px;
	background: url('/images/pagetitles/pagetitle-meritsblog.gif') top left no-repeat;
}

#pagetitle-error {
	width: 780px;
	height: 50px;
	background: url('/images/pagetitles/pagetitle-error.gif') top left no-repeat;
}

#pagetitle-home span, #pagetitle-grants span, #pagetitle-committees span,#pagetitle-programs span, #pagetitle-news span, #pagetitle-about span, #pagetitle-contact span, #pagetitle-resources span, #pagetitle-board span, #pagetitle-committees span, #pagetitle-meritsblog span, #pagetitle-error span {
	display: none;
}

/*****
5.2 Other fonts
*****/

.subcontent {
	font-size: 85%;
}

.minisubcontent {
	font-size: 70%;
}


.center {
	text-align: center;
}

address {
	font-style: normal;
}

.size8 {
	font-size: 8px;
}

.size9 {
	font-size: 9px;
}

.size10 {
	font-size: 10px;
}

/* News styles */

.news-item {
	border-bottom: 1px dotted #999;
}

/**********
6.0 Form Elements
**********/

/*****
6.1 Basic form elements
*****/

#standard_form {
	margin: 10px;
}

#standard_form fieldset {
	margin: 0 0 10px 0;
	padding: 10px;
	/*border: 0 !important;*/
	border: 1px solid #333;
}

#standard_form legend {
	font-size: 110%;
	font-weight: bold;
}

#standard_form label {
}

#standard_form input, #standard_form textarea {
	margin: 5px 0 5px 0;
	border-top: 2px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #999;
	background: #eee;
	vertical-align: middle;
}

#standard_form input:focus, #standard_form textarea:focus {
	margin: 5px 0 5px 0;
	background: #f3f6bd;
}

#submit_button {
	padding: 5px;
	border: 1px solid #000;
	background: #46577f !important; /* change this to match your site's colors */
	font-family: inherit;
	color: #fff;
	font-weight: bold;
}

#form_align_table {
}

#form_align_table .alignbox {
	padding: 0 0 0 10px;
}

.form_required {
	font-weight: bold;
}

.form_explain {
	padding: 0 0 0 5px;
	font-size: 85%;
	color: #999;
	font-style: italic;
}

/**********
7.0 Etc. Elements
**********/

/*****
2.1 Structure elements
*****/

.hide {
	display: none;
}

.clear {
	clear: both;
	height: 0;
}

.middle {
	vertical-align: middle;
}

.middle img {
	vertical-align: middle;
}

.divider {
	color: #f9f9f9;
}

.right {
	text-align: right;
}

/**
2.1.1 Skipnav elements
**/

a.skipcontent:link, a.skipcontent:hover, a.skipcontent:visited  { 
  position: absolute; 
  color: #fff;
  left: 0px; 
  top: -500px; 
  width: 1px; 
  height: 1px; 
  overflow: hidden;
} 
  
a.skipcontent:active, a.skipcontent:focus { 
  color: #fff;
  position: static; 
  width: auto; 
  height: auto; 
}

/**
2.1.2 Clearfix elements
**/

.clearfix:after {
    content: "."; 
    clear: both; 
    visibility: hidden;
    display: block; 
    height: 0; 
}

/*
Hides Clearfix from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */

/*****
2.1 Inline page elements
*****/

.alignleft {
	float: left;
	margin: 0 5px 5px 0;
}

.alignright {
	float: right;
	margin: 0 0 5px 5px;
}

.text-right {
	text-align: right;
}

.warning, .confirm {
	margin: 5px 0 5px 0;
	padding: 5px 5px 5px 36px;
	background: #eee url('../images/graphics/warning.gif') 5px 50% no-repeat;
	border: 1px dotted #000;
}

.confirm {
	background: #eee url('../images/graphics/confirm.gif') 5px 50% no-repeat;
}