/*

	Title : framework.css
	Author : Erickson Barnett
	
	Acknowledgements: 
	
	The defaults in this css file have bits and pieces picked 
	up from Eric Meyer's reset.css 
	[meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/]
	and Olav Berkjoy's blueprint.css
	[code.google.com/p/blueprintcss] - which in turn has many
	other collaborators.
	
	Many thanks to all involved.

	TABLE OF CONTENTS:
	- CSS Reset
	- Body (site-wide defaults)
	- Typography (font-size/margins/color)
	  - Headers
	  - Lists
	  - Links
	  - Other non-traditional elements
	- Tables
	- Forms
	- Common classes
	- Page Layout
	
	USAGE NOTES:
	
	To calculate the spacing and arrangement of text 
	(your vertical rhythm) you need to know these units:
	
	-- font size: 
	   main font size (in px)
	
	-- line height: 
	   main line height (in px)
	
	-- vertical unit: 
	   a value which determines the space between elements (in px).
	
	-- inside vertical proportion: 
	   a multiple of the vertical unit used for the bottom margin 
	   in normal copy elements
	
	-- outside vertical proportion: 
	   multiples of the vertical unit used for the top and 
	   bottom margin in header elements
		
	proportions should increase/decrease in multiples of .25.	
		
	After you have these units:	
	1. Set your desired font size (%) and line height (em).
	2. Set your main element margins (ems).
	3. Set your header font sizes (ems) and margins (ems).
 	
	NOTE: All em calculations should be to three decimal points.
	
	The units for this file are:
	-- font size: 12px
	-- line height: 16px
	-- vertical unit: 12px
	-- inside vertical proportion: top: 0 / bottom: 1 
	-- outside vertical proportion: top: 2 / bottom: 1
	
*/

/* -- reset ---------------------------------------------*/

html, body,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
object, blockquote, pre, address {
	margin: 0;
	padding: 0;
	border: 0;
}

/* remvoved table, caption, tbody, tfoot, thead, tr, th, td, from above*/
/*table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}

caption, th{ 
	text-align: left; 
	vertical-align: top; 
}

blockquote, q {
	quotes: none;
}
*/
a img { border: none; }

hr { border: 0; height: 0; margin: 0; padding: 0; width:0; }

/* -- body/overall ---------------------------------------------*/

/*	This is where you set your base font size and line height.
	
	Your main font size is specified in %.  Base browser font size
	is 16px, so your formula is: font size (px) / 16px = %.
	
	For example: you want 12px baseline type.
	12px / 16px = 75%;
	
	Line height is specified in ems.  The formula for line-height is:
	desired line height (px) / font size (px) = line height (em)
	
	For example: Your font size is 12px, and you want an 18px line
	height. 18px / 12px = 1.5em
	
*/

body {	
	font-size: 75%; /* sets base font-size to 12px */ 
	line-height: 1.6em; /* 16px / 12px = 1.333em */
}

body {	
	font-family: Verdana, Geneva, Tahoma, sans-serif; 
	/* for serif-ed fonts */
	/* font-family:  Georgia, "lucida bright", "times new roman", serif; */
	color: #7d7d7d;	
	background: #7c92bb;
}
	 
/* -- typography ---------------------------------------------*/

/*	This is where you set your baseline margin.
	
	The margin is calculated by taking the margin you desire (in px)
	and dividing by the main font size (in px).  Your main font 
	size is specified in % in the body declaration above.
	
	For example: you want a 18px bottom margin for 12px type.
	18px / 12px = 1.5em;
	
	NOTE: All em calculations should be to three decimal points.
	
*/

/*p, ul, ol, dl, dd, blockquote, pre, code, table { 
	margin: 0 0 1em 0; 12px 
}*/

p, ul, ol, dl, dd, blockquote, pre, code { 
	margin: 0 0 1em 0; /* 12px */
}
/* lists should be a half-size less than the main margin */

li { 
	margin: 1em 0 1em 0; 
}

li ul {
	margin-bottom: .5em;
}

/* -- headers -- */

/* 	This is where you set your header margins, font size, and
	line height.
	
	Font sizes (em) are calculated by taking the font size you 
	desire (in px) and dividing by the body font size (in px)
	
	For example: you want 36px type.
	Body font size (in px) = 16px * 75% = 12px
	New font size (in em) = 36px / 12px = 3em
	
	The margins (px) are determined by the outside vertical proportion. 
	If we have a vertical unit of 18px, and our margin-top 
	proportion is 1.5, then we have a top margin of 18px * 1.5 = 27px.
	
	The margins (em) are then calculated by taking the margin you 
	desire (in px) and dividing by the header font size (in px).
	
	For example: you want a 27px margin for 36px type.
	27px / 36px = .75em;
	
	Line height should be calculated as the closest 25% (or 33% depending) multiple of
	the vertical unit that is greater than the font size. (Rounded up)
	
	For example: Your unit is 18px.  Your font size is 34px.
	18px * 2 = 36px.  36px / 34px = 1.059em
	
	NOTE: All em calculations should be to three decimal points.

*/

h1, h2, h3, h4, h5, h6 { 
	font-weight: normal;
}

h1 { 
	font-size: 2.75em; 
	line-height: 1em;  
	margin: 0 0 .364em 0; 
	color: #192448;
	letter-spacing: -3px;
} 

h2 { 
	font-size: 2.167em; 
	line-height: 1.167em; /* 21px */
	margin: .923em 0 .231em 0; 
	color: #dd5c17;
} 

h3 { 
	font-size: 2.0em; /* 15px */
	line-height: 1.3em; /* 18px */
	margin: 1.6em 0 .8em 0; 
	color: #327e54;
} 

h4 { 
	font-size: 1.167em; /* 14px */
	line-height: 1.071em;  /* 15px */
	margin: 1.714em 0 .857em 0; 
} 

h5 { 
	font-size: 1em; /* 12px */
	margin: 2em 0 1em 0; 
} 

h6 { 
	font-size: 1em; /* 12px */
	margin: 2em 0 1em 0; 
}
dt { 
	font-size: 1em; /* 12px */
	margin: 2em 0 1em 0; 
}

/*	these next rules deal with headers that show up right below
	one another. Use the bottom vertical unit for the margin.
	
	This does not work in IE6.
*/

h1 + h2 {
	margin-top: .666em;
}

h2 + h3 {
	margin-top: .8em;
}

h3 + h4 {
	margin-top: .857em;
}

h4 + h5, h5 + h6 {
	margin-top: 1em;
}

/* -- lists -- */

ul, li { list-style-type: none; }

li { 
	background: url(../SiteCssImages/bullet.gif) 0 .4em no-repeat; 
	padding-left: 1em; 
}
	
ol {
	padding-left: 1em;
	margin-left: 1em;
}
	
ol li {	
	list-style: decimal; 
	background: none; 
	padding-left: 0; 
}

dt {
	font-weight: bold;
}

/* -- links -- */

a {
    text-decoration: none;
    outline: none;
    color: #3c5f99;
}

a:visited {
    color: #3c5f99;
}

a:hover, a:focus {
	color: #3c5f99;
	text-decoration: underline;
}

a:active {
    color: #3c5f99;
}

/* -- other elements -- */

pre, code, tt { font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
code { white-space: pre; }
tt { display: block; margin: 1.5em 0; line-height: 1.5; white-space: monospace;}
strong, b { font-weight: bold; }
em { font-style: italic; }

/* -- tables ---------------------------------------------*/


/*table   { margin-bottom: 1.333em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 0px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }*/


/* -- forms ---------------------------------------------*/


form {}
fieldset {}
legend {}

label { margin: .5em 0; }

/*input {
	height: 16px;
	margin: .5em 0;
	border: 1px solid #7f9db9;
	padding: 2px;
}*/

input.short { width: 100px; }
input.medium { width: 150px; }
input.long { width: 200px; }

input:focus {}
input.checkbox { width: 13px; height: 13px; border: none; }
input.radio { width: 13px; height: 13px; border: none; }

label.wide { width: auto !important; padding: 0 !important; }

select {}

form br { clear: left; }

textarea {
	margin: .5em 0;
	border: 1px solid #7f9db9;
	padding: 2px;
	width: 300px;
}

input.button-img {
	width: auto !important;
	height: auto !important;
	border: 0 !important;
	padding: 0 !important;
}

input.button {
	float: left;
	margin-right: 10px;
	width: auto !important;
	height: auto !important;
	cursor: pointer;
}

input.button:hover {
	background: #d8e7ef;
}

/* -- common classes -------------------------------------*/

.right {
	text-align: right;
 }

.clearer {
	clear: both;
}

.hide, .print {
	display: none;
}

.leadin {
	padding: 0;
	margin-top: 0;
}

.imgleft {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.imgright {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

.last {
	border-right: none !important;
}

.replaced {
	width: 0px;
	height: 0px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	background: url(../SiteCssImages/header-image.jpg) top left no-repeat;
}

ul.no-bullet {
	margin-left: 0;
	padding-left: 0;
}

ul.no-bullet li {
	padding-left: 0;
	background: none;
}

/* Indentation instead of line shifts for sibling paragraphs. */
p.indent { text-indent: 2em; margin-top: -1em; }
/* can use p + p for a whole block */

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

.clearfix {
	zoom: 1;
}

/* 

 for every four lines of content, we want five lines of 
 tighter text: 

 New type size in em's:
 11px (wanted side note size) / 12px (existing base size) = 0.917 (new type size in ems)

 New line-height value:
 base-line-height (px) x 4 = height 
 height / 5 = new line height
 new line height / 11px = (new line height in em's) 
 margin = main unit margin
 
*/

.incremental p, p.incremental {
	font-size: .917em;
	line-height: 1.164em;
	margin: 0 0 1.091em 0;
}	

p.small, .small p {
	font-size: .917em;
	margin: 0 0 1.091em 0;
}

/* 	some elements should just run the same meter as the body text.  
	This is that class */

.normal {
	font-size: 1em;
	line-height: 1.333em;
	margin-bottom: 0;
}

/* 	There is always some sort of separator as well. */

.separator {
	margin: 24px 0 0 0;
	border-top: 1px solid #999;
	padding: 23px 0 0 0;
}

/* vertical-unit 12 line-height 14 = tighter measure */

.tight p, .tight ul, p.tight, ul.tight {
	line-height: 1.167em;
	margin: .5em 0 0 0;
}

.tight ul li, ul.tight li {
	margin: 0 0 4px 0;
}


/* -- layout ---------------------------------------------*/

#header-wrapper {
	height: 164px;
	background: url(../SiteCssImages/header.gif) bottom left repeat-x;
}

#header {
	width: 909px;
	text-align: left;
	margin: 0 auto 0 auto;
	position: relative;
	height: 164px;
}

#header img#logo{
	position: absolute;
	top: 16px;
	left: 25px;
}

#breadcrumb {
	position: absolute;
	bottom: 0;
	left:0;
	height: 30px;
	padding: 30px 24px 0 24px;
	width: 861px;
	background: #fff url(../SiteCssImages/breadcrumb.gif) top left no-repeat;
	font-size: .917em;
}

#breadcrumb a.current {
	color: #4e4e4e;
	text-decoration: none;
}

#breadcrumb a {
	text-decoration: underline;
}

#content-wrapper {
	background: #fff url(../SiteCssImages/content-wrapper.jpg) top left repeat-x;
	position: relative;
}

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

#content-wrapper {
	zoom: 1;
}

#centering-content-wrapper {
	margin: 0 auto;
	width: 901px;
	text-align: left;
	padding: 0px 0 12px 8px;
	background: #fff url(../SiteCssImages/shadow-left.jpg) top left no-repeat;
}

#centering-content-wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#centering-content-wrapper {
	zoom: 1;
}

#sidebar {
	float: left;
	width: 228px;
}

#sidebar div.callout {
	margin: 0 12px 0 17px;
	width: 175px;
	padding: 12px;
	background: #e3dfd8;
	zoom: 1;
}

ul.divided li {
	padding: 6px 0 6px 0 !important;
	margin: 0 !important;
	background: url(../SiteCssImages/divider.gif) bottom left repeat-x !important;
}

ul.divided li.last
{
	background: none !important;
	padding-bottom: 0 !important;
}
ul.divided li p {
	margin: 6px 0 !important;
}

div.callout h3 {
	margin: 0px 0px 6px 0;
	color: #dd5c17;
}

#main-content-wrapper {
	float: left;
	width: 665px;
	padding-right: 8px;
	background: url(../SiteCssImages/shadow-right.jpg) top right no-repeat;
}

#content-wrapper.wide #main-content-wrapper {
	width: 893px;
}

span#sharethis_0 {
	display: block;
	margin-bottom: 16px;
}

/* For Enterpreneurship Intro */
#Enterintro {
	position: relative;
	background: #b88559 url(../SiteCssImages/entrepreneurship_background.jpg) top left no-repeat;
	width: 628px;
	height: 22.83em;
	padding: 24px 13px 12px 14px;
}

#Enterintro div.featured {
	position: absolute;
	bottom: 12px;
	margin-top: 36px;
	background: url(../SiteCssImages/intro-feature.png) top left repeat-y;
}

#Enterintro h2 {
	margin: 0;
	font-size: 2.75em;
	color: #fff;
	padding-left: 16px;
	background: url(../SiteCssImages/intro.gif) 0 10px no-repeat;
}

/* For Advancing innovation Intro */
#AIintro {
	position: relative;
	background: #b88559 url(../SiteCssImages/innovation_background.jpg) top left no-repeat;
	width: 628px;
	height: 22.83em;
	padding: 24px 13px 12px 14px;
}

#AIintro div.featured {
	position: absolute;
	bottom: 12px;
	margin-top: 36px;
	background: url(../SiteCssImages/intro-feature.png) top left repeat-y;
}

#AIintro h2 {
	margin: 0;
	font-size: 2.75em;
	color: #fff;
	padding-left: 16px;
	background: url(../SiteCssImages/intro.gif) 0 10px no-repeat;
}
/* For About The Foundatio Intro */
#Foundationintro {
	position: relative;
	background: #b88559 url(../SiteCssImages/about_background.jpg) top left no-repeat;
	width: 628px;
	height: 22.83em;
	padding: 24px 13px 12px 14px;
}

#Foundationintro div.featured {
	position: absolute;
	bottom: 12px;
	margin-top: 36px;
	background: url(../SiteCssImages/intro-feature.png) top left repeat-y;
}

#Foundationintro h2 {
	margin: 0;
	font-size: 2.75em;
	color: #fff;
	padding-left: 16px;
	background: url(../SiteCssImages/intro.gif) 0 10px no-repeat;
}
/* For About Education Intro */
#Educationintro {
	position: relative;
	background: #b88559 url(../SiteCssImages/education_background.jpg) top left no-repeat;
	width: 628px;
	height: 22.83em;
	padding: 24px 13px 12px 14px;
}

#Educationintro div.featured {
	position: absolute;
	bottom: 12px;
	margin-top: 36px;
	background: url(../SiteCssImages/intro-feature.png) top left repeat-y;
}

#Educationintro h2 {
	margin: 0;
	font-size: 2.75em;
	color: #fff;
	padding-left: 16px;
	background: url(../SiteCssImages/intro.gif) 0 10px no-repeat;
}
/* For About Education Intro */
#RPintro {
	position: relative;
	background: #b88559 url(../SiteCssImages/research_background.jpg) top left no-repeat;
	width: 628px;
	height: 22.83em;
	padding: 24px 13px 12px 14px;
}

#RPintro div.featured {
	position: absolute;
	bottom: 12px;
	margin-top: 36px;
	background: url(../SiteCssImages/intro-feature.png) top left repeat-y;
}

#RPintro h2 {
	margin: 0;
	font-size: 2.75em;
	color: #fff;
	padding-left: 16px;
	background: url(../SiteCssImages/intro.gif) 0 10px no-repeat;
}
#intro-bottom {
	height: 18px;
	zoom: 1;
	font-size: 0;
	background: url(../SiteCssImages/intro-bottom.gif) top left no-repeat;
}

div.sec {
	float: left;
	width: 362px;
	padding: 24px;
}

div.sec h1 {
	margin-top: 0;
	font-size: 1.667em;
	color: #dd5c17;
}

div.sec p {
	color: #5b554c;
}

div.featured p {
	margin: 0;
}

div.featured div.video {
	float: left;
	width: 170px;
	margin: 0;
	padding: 24px 24px 12px 24px;
}

div.featured div.video p {
	color: #fff;
}

#main-content {
	float: left;
	width: 379px;
	padding: 0 24px 0 20px;
}

#content-wrapper.wide  #main-content {
	width: 607px;
}

#content-wrapper.double #main-content {
	width: 621px;
}

span.carat {
	white-space: nowrap;
}

div.intro {
	padding: 0 0 12px 0;
	background: url(../SiteCssImages/divider-double.gif) bottom left repeat-x;
}

div.video {
	float: right;
	margin: 0 12px 24px 24px;
	display: inline;
}

div.videodetails {
	float: right;
	margin: 0 12px 24px 24px;
	display: inline;
	width:100px;
	z-index:100000;
	position:relative;
	overflow:hidden;
}


div ul.listing {
	margin-left: 0;
	padding-left: 0;
}

div ul.listing li {
	padding-left: 0;
	background: none;
}

div.cluster {
	padding: 0 0 24px 0;
	background: url(../SiteCssImages/divider-double.gif) bottom left repeat-x;
}

div.cluster-wrapper {
	background: url(../SiteCssImages/cluster-wrapper.jpg) bottom left no-repeat;
	padding-bottom: 24px;
}

div.cluster-wrapper div.cluster {
	width: 286px;
	float: left;
	background: none;
	padding: 0 24px 24px 0;
}

div.cluster-wrapper div.last {
	width: 292px;
	margin: 0 -12px 0 30px;
	padding-right: 0px;
}

div.cluster p {
	margin: .5em 0;
}

div.cluster ul.listing, 
div.callout ul.listing, 
#sidebar ul.listing {
	margin: -12px 0 0 0;
}

div.cluster ul.listing li {
	padding: 6px 0 12px 0;
	background: url(../SiteCssImages/divider.gif) bottom left repeat-x;
	zoom: 1;
}

div.cluster ul.tight li {
	margin: 0;
	padding: 6px 0;
	line-height: 1.333em;
}

div.cluster ul.tight li p {
	line-height: 1.333em;
	margin: 6px 0 !important;
}

ul li.two-col {
	position: relative;
	padding-right: 120px !important;
	zoom: 1;
}

ul li.wide {
	padding-right: 150px !important;
}

li.two-col div.extra, img.extra {
	position: absolute;
	top: 12px;
	right: 6px;
}

div.extra p {
	padding-right: 4px;
	text-align: center;
}

div.intro img {
	border: 1px solid #b7b7b7;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	padding: 2px;
}

ul.listing li.last {
	background: none !important;
	padding-bottom: 0 !important;
}

p.more {
	text-align: right;
	margin: 1em 0 0 0 !important;
}

.two-col p.more {
	margin-right: -120px !important;
}

a.more {
	padding-right: 4px;
}

img.carat {
	margin-left: -4px;
}

img.arrow {
	margin-left: 3px;
	white-space: no-wrap;
}

div.feature {
	background: url(../SiteCssImages/feature-top.gif) top left no-repeat;
	padding-top: 12px;
	width: 392px;
	position: relative;
	left: -6px;
}

div.feature-inside {
	background: url(../SiteCssImages/feature-bottom.jpg) bottom left no-repeat;
	padding: 0 24px;
	zoom: 1;
}

div.feature-inside p {
	margin: 0;
	padding: 12px 106px 30px 0px;
	width: 286px;
}

div.podcast p {
	background: url(../SiteCssImages/podcast.gif) 290px 0% no-repeat;
}

#callout {
}

#secondary-content {
	float: left;
	width: 198px;
	padding: 0 24px 0 20px;
	background: url(../SiteCssImages/secondary-content.gif) top left no-repeat;
	min-height: 500px;
	height:auto !important; /* ie6 */
    height:500px;
}

#secondary-content h3 {
	color: #dd5c17;
	margin-bottom: 6px;
}

#secondary-content ul.listing {
	margin-top: -8px;
}

#secondary-content ul.listing li {
	padding: 6px 0 12px 0;
	margin: 6px 0 0 0 !important;
	background: url(../SiteCssImages/divider.gif) bottom left repeat-x;
}

#secondary-content ul.listing li.last {
	background: none;
	padding-bottom: 0;
}

span.date {
	display: block;
	color: #dd5c17;
	zoom: 1;
	margin-top: 3px;
}

img.framed {
	border: 1px solid #b7b7b7;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	padding: 3px;
}


#footer-wrapper {
	background: url(../SiteCssImages/footer.gif) top left repeat-x;
}

#footer {
	margin: 0 auto;
	width: 909px;
	clear: both;
	padding: 12px 0 24px 0;
}

#footer p {
	text-align: right;
	margin: 0;
	color: #c3d4f3;
}

#footer a {
	color: #c3d4f3;
}

/*-- navigation ------------------*/

#mainnav {
	position: absolute;
	bottom: 42px;
	left: 237px;
	margin: 0;
	padding: 0;	
	z-index: 10;
}

#mainnav li {
	float: left;
	margin: 0;
	padding: 0;
	background: url(../SiteCssImages/mainnav.jpg) top left no-repeat;
	line-height: 1.1em;
}	

#mainnav li a {
	display: block;
	background: url(../SiteCssImages/mainnav.jpg) top left no-repeat;
	text-indent: -20000px;
	outline: none;
	height: 43px;
}

#mainnav li a:hover {
	background: none;
}

#mainnav li#about-foundation {
	background-position: 0 -43px;
}

#mainnav li#about-foundation a {
	width: 158px;
	background-position: 0 0;
}

#mainnav li#entrepreneurship {
	background-position: -158px -43px;
}

#mainnav li#entrepreneurship a {
	width: 122px;
	background-position: -158px 0;
}

#mainnav li#advancing-innovation {
	background-position: -280px -43px;
}

#mainnav li#advancing-innovation a {
	width: 151px;
	background-position: -280px 0;
}

#mainnav li#education {
	background-position: -431px -43px;
}

#mainnav li#education a {
	width: 81px;
	background-position: -431px 0;
}

#mainnav li#research-policy {
	background-position: -512px -43px;
}

#mainnav li#research-policy a {
	width: 128px;
	background-position: -512px 0;
}

/* on states */

body.about-foundation #mainnav li#about-foundation, body.about-foundation #mainnav li#about-foundation a {
	background-position: 0 -86px;
}
body.entrepreneurship #mainnav li#entrepreneurship, body.entrepreneurship #mainnav li#entrepreneurship a {
	background-position: -158px -86px;
}
body.blank #mainnav body.blank #mainnav li#entrepreneurship a {
	background-position: -158px -86px;
}
body.advancing-innovation #mainnav li#advancing-innovation, body.advancing-innovation #mainnav li#advancing-innovation a {
	background-position: -280px -86px;
}
body.education #mainnav li#education, body.education #mainnav li#education a {
	background-position: -431px -86px;
}
body.research-policy #mainnav li#research-policy, body.research-policy #mainnav li#research-policy a {
	background-position: -512px -86px;
}
	
#subnav {
	margin: 0;
	background: url(../SiteCssImages/subnav.gif) top left repeat-y;
	padding: 6px 4px;
	margin-bottom: 192px;
	zoom: 1;
}

#subnav li {
	/*font-family: arial;*/
	background: url(../SiteCssImages/subnav-divider.gif) bottom left no-repeat; 
	padding: 4px 0px 6px 0px;
	margin: 0 0 2px 0;
	line-height: 1.2em;
}
.CMSTreeMenuTable tr
{
	background: url(../SiteCssImages/subnav-divider.gif) bottom left no-repeat; 
	padding: 4px 0px 6px 0px;
	margin: 0 0 2px 0;
	line-height: 1.2em;
}
#subnav li.last {
	background: none;
}

#subnav li a {
	color: #4e4e4e;
	padding: 0 12px 0 22px;
	display: block;
	zoom: 1;
	background: url(../SiteCssImages/subnavBullet.gif) 12px 3px no-repeat; 
	cursor:pointer;
}

#subnav li ul {
	margin: 6px 0 4px 0;
}

#subnav li.on a {
	color: #446196;
}

#subnav li ul li {
	background: none;
	padding: 2px 0px 2px 0px;
}

#subnav li ul li a {
	padding: 0 6px 0 30px;
	background: url(../SiteCssImages/dash.gif) 22px 6px no-repeat; 
	color: #4e4e4e !important;
}
#related {
	background: url(../SiteCssImages/related.jpg) top left repeat-y;
	margin: 0 -24px 0 -20px;
	/*padding: 0px 24px 12px 20px; Doug*/
	padding: 1px 24px 1px 20px;
	zoom: 1;
}

#related h3 {
	margin: 0 0 6px 0;
	color: #7a7a7d;
	font-size: 1.083em;
	font-weight: bold;
}

#section-nav {
	margin: 0 -24px 0 -20px;
	background: url(../SiteCssImages/section-nav.jpg) top left repeat-y;
	padding: 15px 24px 6px 20px;
	zoom: 1;
}

#section-nav h3 {
	margin-top: 0;
}

#section-nav ul {
	margin: 0 -14px 0 -10px;
	padding: 0;
}

#section-nav ul li {
	background: url(../SiteCssImages/subnav-divider.gif) bottom left no-repeat; 
	padding: 4px 0px 6px 0px;
	/*margin: 0 0 2px 0;*/
	margin: 0 0 0 0;
	line-height: 1.2em;
}

#section-nav ul li a {
	color: #4e4e4e;
	padding: 0 12px 0 22px;
	display: block;
	zoom: 1;
	/*background: url(../SiteCssImages/subnav.gif) 12px 3px no-repeat;*/
}

#section-nav ul li.on a {
	color: #446196;
}

#section-nav ul li.last {
	background: none;
}

#mininav {
	position: absolute;
	top: 24px;
	left: 230px;
	margin: 0;
	padding: 0;	
}

#mininav li {
	float: left;
	margin: 2px 0 0 0;
	padding: 0px 7px 0 7px;
	line-height: 1.333em;
	font-size: .917em;
	background: none;
	border-right: 1px solid #dce2ed;
}

#mininav li a {
	color: #d0dcf3;
	text-decoration: none;
}

#mininav li a:hover {
	text-decoration: underline;
}

#mininav li.cal {
 text-indent: -10000px;
}

#mininav li.cal a {
	width: 17px;
	height: 16px;
	background: url(../SiteCssImages/cal.gif) top left no-repeat;
	display: block;
}

#search {
	margin: 0;
	padding: 0;
}

#mininav li.last {
	margin-top: 0;
}

#search input {
	float: left;
	width: 120px;
	margin: 0 5px 0 0;
	padding: 2px 2px;
	border: 1px solid #adaeb2;
	height: 13px;
	color: #989898;
	font-size: 11px;
	vertical-align: middle;
}

#search fieldset {
	margin: 0;
	padding: 0;
}

#thoughtbook {
	margin: 0;
	padding: 0;
}

#thoughtbook input {
	float: left;
	width: 105px;
	margin: 0 5px 0 0;
	padding: 2px 2px;
	border: 1px solid #94959a;
	height: 13px;
	color: #989898;
	font-size: 11px;
	vertical-align: middle;
}

#search fieldset {
	margin: 0;
	padding: 0;
}

div#slides {
	padding: 12px 24px 12px 12px;
	zoom: 1;
	position: relative;
	clear: left;
	background: url(../SiteCssImages/tabs-pin.gif) top right no-repeat;
	border-top: 1px solid #b9b9b9;

}

div#slides ul {
	zoom: 1;
}

div#tabs {
	position: relative;
	margin: 24px 0 24px 0px;
	zoom: 1;	
	width: 379px;
}

div#tabs ul#triggers {
	float: left;
	position: relative;
	z-index: 100;
	margin: 0;
	width: 379px;
	margin-bottom: -1px;
}

div#tabs ul#triggers li {
	margin: 0;
	padding: 0;
	float: left;
	font-size: 1.083em;
	line-height: 1.1em;
	border: 1px solid #b9b9b9;
	margin-right: 2px;
	background: #7c92bb;
}

div#tabs ul#triggers a:hover {
	color: #fff;
}

div#tabs ul#triggers li.on  {
	color: #7c92bb;
	background: #fff !important;
	border-bottom: 1px solid #fff;
}

div#tabs ul#triggers li:hover {
	background: #a9bde2;
}

div#tabs ul#triggers a {
	display: block;
	padding: 6px 12px;
	color: #fff;
	text-decoration: none;
}

div#tabs ul#triggers li.on a {
	color: #7c92bb;
	display: block;
}

div#tabs ul#triggers li.first {
	border-left: none;
}

div#slides ul.listing {
	display: none;
}

body.home #header-wrapper {
	position: relative;
	z-index: 100;
	height: 258px;
	background: #7c92bb url(../SiteCssImages/header.gif) bottom left repeat-x;
} /* 94px deeper */

body.home #header {
	height: 258px;
}

body.home #centering-content-wrapper {
	position: relative;
	z-index: 101;
	margin-top: -136px;
	padding-right: 8px;
	width: 893px;
	background: url(../SiteCssImages/shadow-right.png) top right no-repeat;	 
}

body.home #sidebar {
	width: 220px;
	background: url(../SiteCssImages/shadow-left.png) top right no-repeat;	 
	min-height: 800px;
}


body.home #main-content-wrapper {
	position: relative;
	width: 665px;
	padding-right: 0;
	padding: 8px 0 0 8px;
	background: #fff;
}

body.home #mainnav {
	bottom: 136px;
}

body.home #intro {
	position: relative;
	background: none;
	width: 655px;
	height: auto;
	padding: 0;
}

body.home #intro img {
	display: block;
}

body.home #sidebar div.callout {
	margin: 24px 0 24px 24px;
	width: auto;
	padding: 12px;
	background: #e3dfd8;
}

div.featured-callout {
	background: url(../SiteCssImages/featured-callout.jpg) top right repeat-y;
	padding: 12px 0;
	margin: 6px 0;
}

div.featured-callout p {
	font-size: .917em;
	margin: 0;
}

#sidebar div.callout.alt {
	background: url(../SiteCssImages/callout-alt.jpg) top right repeat-y !important;
}

div.featured-callout p a {
	color: #232e4f;
}

#polaroids {
	text-align: right;
	margin: -6px 0 -12px 0;
	position: relative;
}

#shadow {
	position: absolute;
	top: 11px;
	right: 0;
	background: url(../SiteCssImages/shadow-left.png) top right no-repeat;	 
	width: 8px;
	height: 300px; /*changed from 328 to 300 Marty 10/27/2008*/
}
.EventDatePlace
{
	font-size: 1.15em; /* 15px */
	margin: 0 0 .8em 0; 
	color: #327e54;
}
/* ------ Speacial CSS --------*/
.link-arrow a, a.link-arrow {
	padding: 0 8px 0 0;
	background: url(../SiteCssImages/more.gif) center right no-repeat;
}
.quote {
	margin: 15px 70px;
	padding: 15px 10px 10px 30px;
	background-color: #f2ede7;
	background: #f2ede7 url(../SiteCssImages/quotes.gif) 10px 10px no-repeat;	
}
/* New css Sep 21*/
div.controls {
	padding: 12px;
	background: #f1efea;
	zoom: 1;
	margin: -12px 0 0 -12px;
	position: relative;
}

div.controls form select {
	margin: 0 2px 0 6px;
	font-size: .917em;
}

div.pagination {
	padding: 12px 6px 12px 12px;
	margin: 3px 0 0 -12px;
	background: url(../SiteCssImages/divider-double.gif) top left repeat-x;
	zoom: 1;
}

div.pagination-bottom {
	padding: 0px 6px 12px 12px;
	margin: 3px 0 0px 0px;
	zoom: 1;
	background: url(../SiteCssImages/divider-double.gif) bottom left repeat-x;
}

div.pagination p {
	margin: 0;
	color: #b8b7bb;
	line-height: 1.2em;
	text-align: right;
}

div.pagination p a {
	color: #b8b7bb;
	margin: 0 1px;
}

div.pagination p a.prev {
	margin-right: 2px;
}

div.pagination p a.next {
	margin-left: 2px;
}

div.pagination p a.current {
	color: #555556;
}

h2.leadin {
	margin-top: -12px;
	margin-bottom: 36px !important;
}

ul.separated {
	margin-top: 12px !important;
	background: url(../SiteCssImages/divider.gif) top left repeat-x !important;
	padding-top: 1px;
	zoom: 1;
}

#secondary-content ul.listing li p {
	margin-bottom: 2px;
}

div.paginated {
	padding-bottom: 0;
	background: none;
}

div.paginated ul.listing li {
	margin: 0 0 0 -12px !important;
	padding: 12px;
}

div.cluster ul.listing li.alt {
	background: #f9f8f6 url(../SiteCssImages/divider.gif) bottom left repeat-x;	
}
ul li.user-choice {
	padding-left: 20px !important;
}

ul li.user-choice p {
	margin-top: 0;
}

ul li.user-choice input.checkbox {
	position: absolute;
	margin-top: 0 !important;
	left: 0;
	top: 8px;
}
ul li.thin {
	padding-right: 52px !important;
}
div.paginated div.extra {
	top: 20%;
	right: 12px;
}
span.meta {
	display: block;
	zoom: 1;
}	

#secondary-content span.actions {
	display: block;
	zoom: 1;
	vertical-align: middle;
	margin-top: 4px;
	margin-bottom: 2px;
}

a.rss {
	display: block;
	float: left;
	margin-right: 4px;
	width: 29px;
	height: 15px;
	background: url(../SiteCssImages/rss.gif) top left no-repeat;
	text-indent: -10000px;
	vertical-align: middle;
}
#newsletters input {
	width: 205px;
}

p.date {
	color: #dd5c17;
}

ul li p.date {
	margin-top: 2px;
}

.PageStyle
{
  margin: 0;
  color : #b8b7bb;
  line-height: 1.2em;
  text-align : right;
 }

/*.PageStyle a
{
	color : #b8b7bb;
	margin : 0 1px 0 1px;
	text-decoration:none;
}doug changes*/
.PageStyle a
{
	color : #b8b7bb;
	margin : 0;
	padding-right: 4px;
	text-decoration:none;
	border-right: 1px solid #ddd;
}

/*For SEO PAGER*/
.SEOANCHOR a
{
	color : #b8b7bb;
}

/*For SEO PAGER*/
.SEOPagerNumber 
{
	color : #b8b7bb;
	margin : 0;
	padding-right: 4px;
	text-decoration:none;
	border-right: 1px solid #ddd;
}
/*For SEO PAGER*/
.SEOPagerSelected
{
  color : #555556;
}

/*For SEO PAGER*/
.SEOPager a:hover
{
	color : #555556;
}

.PageStyle a:hover
{
	color : #555556;
}
/*.PageStyle span
{
	color: #555556;
}doug Changes*/
.PageStyle span
{
	color: #555556;
	border-right: 1px solid #ddd;
	padding-right: 4px;
}
.CursorLink
{
 cursor:pointer;
}
ul li.two-col-cus {
	zoom: 1;
	width:360px
}

ul li.wide-cus {
	padding-right: 0px !important;
}

/*#relatedMore {
	background: url(../SiteCssImages/relatedMore.jpg) top left repeat-y;
	margin: 0 -24px 0 -20px;
	padding: 0px 24px 12px 20px;
	zoom: 1;
}doug changes*/
#relatedMore {
	background: url(../SiteCssImages/relatedMore.jpg) top left repeat-y;
	margin: 0 -24px 0 -20px;
	padding: 8px 24px 12px 20px;
	zoom: 1;
}

#relatedMore h3 {
	margin: 6px 0 6px 0;
	color: #7a7a7d;
	font-size: 1.083em;
	font-weight: bold;
}

/* Grants */
div.wide div.controls {
    margin-left: 0;
}

div.wide div.pagination {
    margin-left: 0;
}

div.wide div.paginated ul.listing li {
    margin-left: 0 !important;
}

div.paginated h2 {
    margin-top: 0;
    margin-left: 12px;
}

.grant {
    color: #3c5f99;
}

.funding {
    color: #dd5c17;
}

.grant-info {
    position: relative;
}

.grant-info span.amount {
    position: absolute;
    left: 260px;
}
/*Doug Changes*/
#content-wrapper.wide #main-content a {
	font-weight: bold;
}
.logoConnect{
	position: absolute;
	top: 16px;
	left: 25px;
}
.NoShow
{
	display:none;
}

/*Version 1.3 Changes*/
/*Css For Modal Pop Up*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
}

ul li.two-col-cus2 {
	zoom: 1;
	width:600px
}
.H3Text
{
	font-size: 1.25em; /* 15px */
	line-height: 1.2em; /* 18px */
	color: #327e54;
}
.ButtonCSS
{
   font-size:12px;
   font-family:Verdana,sans-serif;
   color:#FFFFFF;
   background-color:#262729;
}

body.home #sidebar div.callout2 {
	margin: 20px 0 24px -16px;
	width: 212px;
	padding: 12px;
	background: #e3dfd8;
}

#sidebar div.callout2.alt2 {
	background: url(../SiteCssImages/callout-alt2.jpg) top right repeat-y !important;
}

.button-img-only 
{
	float:left;
	width: auto !important;
	height: 19px !important;
	border: 0 !important;
	padding: 2px 2px;
	margin-right : 5px;
	color : #989898;
	font-size:11px;
	vertical-align:middle;
}
/*End Version 1.3*/

.secondary-content-Table {
	width:220px;
	background: url(../SiteCssImages/secondary-content.gif) top left no-repeat;
	min-height: 500px;
	height:auto !important; /* ie6 */
    height:500px;
    padding-left:15px;
}