@charset "utf-8";

/* SCREEN */
/*---------------------------
--------CWMTF COLORS---------
		#000000		black 
		#00213B		^
		#003158		|
		#004276		|
		#005293		base (Pantone 301 PC) 
		#2B6FA5		|
		#558CB7		|
		#80A9C9		|
		#AAC5D8		|
		#D5E2ED		|
		#EAF0F6		v
		#FFFFFF		WHITE 
		#005293		BLUE 
		#2E7DC1		LIGHT BLUE 
		#470736		MAROON 
		#CF8442		ORANGE 
		#9CB03E		GREEN 
----------------------------*/

/*--------
--RESET--
--------*/
body {
	font-size:.87em;
	line-height: 1.67em;
}	/*sets 1em to 10px for ease of scaling. 1.2em = 12px ; .8px = 8px etc. */
						/*body scaling to 10px doesn't work in IE - all h tags will inherit text size from parent. */
						/*add these constants for h tags for IE fix*/
h1 {font-size:2em;}		/* displayed at 24px */
h2 {font-size:1.5em;}	/* displayed at 18px */
h3 {font-size:1.25em;}	/* displayed at 15px */
h4 {font-size:1em;}		/* displayed at 12px */
h5 {font-size:.83em;}	/* displayed at 10px */
h6 {font-size:.75em;}	/* displayed at 9px */
						/*Forms and Tables inherit font size in IE as well*/
						/*add this fix for IE*/
input, select, td, td {font-size:1em;}
						/*List items within list items will shrink and shrink and shrink unless next line is there*/
li li, li p, td p, blockquote p {font-size:1em;}
						/*and links in lists get shrinky too - they should inherit their size from the ul or ol */
ul a, ol a {font-size:inherit;}


/*after body tag declaring overall page's margin from edge of window, removes any inherited margin or padding*/
* {margin:0; padding:0;}

hr {margin:1em 0em;}

h1 small {font-size:.75em;}

/*--------
--STACKING--
--------*/
#address 		{z-index: 100;}
#sidebar 		{z-index: 200;}

/*--------
--LAYOUT--
--------*/
/*sticky footer stuff*/
html, body {height:100%}
#wrapper {
	min-height: 100%;
	margin-bottom: -336px;
	position: relative;
}
.ie6 #wrapper{height:100%;}
#footer {position:relative;}
.clear-footer {height:336px; clear:both;}
/*END sticky footer stuff*/
body {
	background: #FFFFFF url(../images/bg.jpg) no-repeat left top;
	font: 100%/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.skip {
	height:1px;
	left:-10000px;
	overflow:hidden;
	position:absolute;
	width:1px;
}

.topLink {display: none;}



/*--------
--HEADER--
--------*/

#header {
	height:60px;
	margin:0px;
	background: #9cb03e url(../images/header_bg.jpg) no-repeat top left;
}

#header h1 { position: absolute; }

#header h1 a {}

#header h1 a,
#header h1 a span,
#header h1 small,
#home-link span {
	display: block;
	font-size: 1px;
	text-indent: -9999px;
}

.ie #header img,
#header img[alt="logo"],
#content img[alt="logo"]{display:none;}

#header ul.quick-bar {
	display:block;
	position: absolute;
	top:2px;
	right:12px;
	list-style:none;
}

#header ul.quick-bar li {
	display:inline;
}

#header ul.quick-bar li:first-child {
	border-right: 1px dotted #d5e2ed;
	padding: 3px;
}

#header ul.quick-bar li a {
	display:inline-block;
	margin:0px;
	padding:.25em;
	color:#fff;
	font-size:0.8em;
	text-decoration: none;
	letter-spacing: 0.1em;
	font-weight: bold;
}

#header ul.quick-bar li a:hover {text-decoration:underline;}

#home-link {
	display: block;
	position: absolute;
	top: 0px;
	width: 238px;
	height: 180px;
}

#home-link:hover {
	background: transparent url(../images/home-hover.png) no-repeat left top;
}

/*--------
--CONTENT--
--------*/

#content {
	padding-left: 276px;
	position:relative;
	margin: 12px 24px 12px 0; 
	background: transparent;
}

#content,
#sidebar {text-shadow: 1px 1px 2px #AAC5D8;}

#content hr,
.ie #content div.hr { /*see javascript.js for IE fix*/
	border: 0px none;
	padding: 0px;
	margin: 3px auto;
	display: block;
	height: 9px;
	width: 300px;
	background: transparent url(../images/hr.png) no-repeat center top;
	font-size:0px;
	line-height:9px;
}

/*BEGIN TABS*/
/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:0px solid #666;
	font-size: .85em;
}

/* single tab */
ul.css-tabs li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	display:block;
	padding:5px 0px;	
	text-decoration:none;
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	margin-left:0px;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	position:relative;
	top:1px;
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#fff;
	border-bottom:2px solid #fff;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
div.css-panes > div {
	display:none;
	margin-left:0px;
	border-width:0 1px 1px 1px;
	border-radius: 0px 10px 10px 10px;
	-moz-border-radius: 0px 10px 10px 10px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	min-height:150px;
	padding:15px 20px;
	background-color:#fff;	
}

div.css-panes { font-size: 67%; 
}
/*END TABS*/


.home {
	min-height:300px;
	text-align: center;
	
	/* CSS3 tweaks for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	
}

div.home div.topic {
	border-bottom: 1px dotted #558CB7 ;
	margin: 2em;
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/*--sidebar --*/

#sidebar {
	display:block;
	position:absolute;
	top: 120px;
	left: 4px;
	width: 236px;
}

#sidebar .top,
#sidebar .bottom {
	display:block;
	height: 28px;
}

#sidebar .top {background: transparent url(../images/sidebar-top_bg.png) no-repeat top center;}
.ie #sidebar .top {background: transparent url(../images/sidebar-top_bg.gif) no-repeat top center;}

#sidebar .bottom {background: transparent url(../images/sidebar-bottom_bg.png) no-repeat bottom center;}
.ie #sidebar .bottom {background: transparent url(../images/sidebar-bottom_bg.gif) no-repeat bottom center;}

#sidebar .potentialApplicants,
#sidebar .grantAwardRecipients {background: transparent url(../images/sidebar_bg.png) repeat-y top center;}
.ie #sidebar .potentialApplicants,
.ie #sidebar .grantAwardRecipients {background: transparent url(../images/sidebar_bg.gif) repeat-y top center;}

#sidebar .potentialApplicants h4,
#sidebar .grantAwardRecipients h4 {
	display: block;
	height: 28px;
	width: 200px;
	margin: 0 auto;
	cursor:pointer;
	font-size: 1px;
	text-indent: -9999px;
	background: transparent url(../images/potentialApplicants.png) no-repeat top center;
}

#sidebar .potentialApplicants h4 {background: transparent url(../images/potentialApplicants.png) no-repeat top center;}
#sidebar .grantAwardRecipients h4 {background: transparent url(../images/grantAwardRecipients.png) no-repeat center center; padding-top: 12px;}

#sidebar ul {
	list-style-type:none;
	font-size: .85em;
	padding: .25em 0 .5em 0;
}

#sidebar li {
	display: block;
	width: 190px;
	margin: 1px auto;
	border-bottom: #D5E2ED 1px solid;
	cursor:pointer;
}

#sidebar li a {
	display: block;
	background: transparent url(../images/list-image.png) no-repeat 2px 4px;
	padding-left: 16px;
	text-decoration: none;
	color:#005293;
}

#sidebar div.potentialApplicants ul,
#sidebar div.grantAwardRecipients ul,
#sidebar div.closed ul {display:none;}
#sidebar div.opened ul {display:block;}

#sidebar div.opened li.subMenu ul {
	display: none;
	padding-left: 24px;
}

#sidebar div.opened li.subMenu ul.opened {display:block;}

#sidebar .opened ul li a:hover { background: transparent url(../images/list-image-hover.png) no-repeat 2px 4px;}

#sidebar div.opened li.subMenu { background: transparent url(../images/list-image-closed.png) no-repeat right 4px;}

#sidebar div.opened li.subMenu.opened { background: transparent url(../images/list-image-opened.png) no-repeat right 4px;}


/*--------
--FOOTER--
--------*/

#footer { background-color: transparent;}

#footer #address {
	display:block;
	position:relative;
	font-size: .6em;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:0.15em;
	background: transparent;
	text-shadow: 2px 2px 2px #558CB7;
}

#footer .name {
	display:none;
}

#footer div.footerLinks,
#footer div.social-media {
	display:block;
	width:150px;
	padding:0;
	margin: 0 auto;
	font-size: 0.55em;
	letter-spacing: 0.15em;
	line-height: 1.25em;
	text-transform: uppercase;
}

#footer div.footerLinks a,
#footer div.social-media a {
	display:block;
	width:150px;
	text-decoration: none;
	color: #003158;
	margin: .15em 0 .25em 0;
	padding: 1em 0;
	border-bottom: #2E7DC1 solid 1px;
	text-shadow: 2px 2px 2px #558CB7;

}

#footer div.footerLinks a:hover,
#footer #sitemap-link a:hover {
	color: #00213B;
	background: transparent url(../images/footer-links_bg.png) no-repeat right center;
}

#footer div.footerLinks a.last{
	border-bottom-style: double;
	border-bottom-width: 3px;
}

#footer div.social-media a.last{
	border-bottom: none;
}

#footer #facebook {background: transparent url(../images/facebook_24.png) no-repeat right 50%;}
#footer #twitter {background: transparent url(../images/twitter_24.png) no-repeat right 50%;}

/*--------
--SITEMAP--
--------*/


#sitemap-wrap {
	position: absolute;
	top: 76px;
	left:0px;
	width: 100%;
	margin: 0 auto;
	background: transparent url(../images/sitemap_bg.png);
	display: none;
}

#sitemap-wrap #sitemap {
	width: 600px; 
	margin: 0 auto; 
	padding: 50px 200px 0px 200px;
	background: transparent url(../images/sitemap-content_bg.png) no-repeat top center;
}

#sitemap a  {
	display: block;
	padding: .25em 0;
	text-decoration: none;
	text-transform: capitalize;
	font-size: .6em;
	color: #eee;
}

#sitemap a:hover { text-decoration: underline; }

#sitemap ul {
	padding: .5em 25px;
	list-style: none;
	-webkit-box-shadow: 2px 2px 5px black;
	background: #282828;
}

#sitemap li {margin-top: .5em;}

#sitemap ul ul { background: #393939; }
#sitemap ul ul ul { background: #4b4b4b; }
#sitemap ul ul ul ul { background: #5a5a5a; }

#sitemap-wrap span.closeMap {
	display:block;
	width: 560px;
	position:absolute;
	top:12px;
	text-align: right;
	text-decoration:underline;
	text-transform:uppercase;
	font-size:.7em;
	font-weight:bold;
	color: #CF8442;
}