/*
SMCF Stylesheet
Paul Farning - ISITE Design, Inc.

Crucial notes
*/

@import url(typography.css);

body, div, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, input, img {
    margin:0; padding:0; border:0;
}
hr	{ display:none; }

body {
	background: #dad1c4 url(../img/dev/bg_body.gif) center 149px repeat-x;
	color: #666;
    font: 76%/130% Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
	text-align: center;
}

input, textarea { border: 1px solid #cccccc; }

div ul, div ol { margin-left:30px; }

dl { margin: 0 0 2em 0; }
	dd { margin: 0 0 1em 0; }

.clear		{ clear:both; }
.clearleft	{ clear:left; }
.clearright	{ clear:right; }
.left		{ float:left; margin-right:5px; }
.right		{ float:right; margin-left:5px; }
.hide		{ position:absolute; left:-9999em; }

.off		{ display:none; }
.on			{ display:block; }
.nobreak	{ white-space:nowrap; }

.floatleft { float: left; padding: 0 10px; }
 
/*these next two are set with more specificity to ensure they'll override other styles.  */
body #wrapper .noborderplease 	{ border: none; } 
body #wrapper .borderplease 	{ border: 1px solid #333; }

#accessibility { position: absolute;  left: -999em; }

/* ----------- LAYOUT ----------- */

#header {
	background: #000 url(../img/dev/bg_header.gif) repeat-x;
	height: 149px;
}
	#brand {
		background: #000 url(../img/dev/logo.jpg) no-repeat;
		display: block;
		height: 96px;
		margin: 0 auto 9px auto;
		overflow: hidden;
		text-indent: -9999px;
		width: 805px;
	}

	#nav {
		background: #e6e3e0 url(../img/dev/nav.gif) no-repeat;
		height: 24px;
		list-style: none;
		margin: 0 auto;
		padding-left: 34px;
		width: 815px;
	}
		#nav li { display: inline; }
		
		#nav li a {
			background: transparent url(../img/dev/nav.gif) no-repeat;
			display: block;
			float: left;
			height: 24px;
			overflow: hidden;
			text-indent: -9999px;
		}
#nav li#nav-home a {
background-position:-34px 0pt;
width:60px;
}
#nav li#nav-news a {
background-position:-94px 0pt;
width:104px;
}
#nav li#nav-grants a {
background-position:-198px 0pt;
width:66px;
}
#nav li#nav-howtoapply a {
background-position:-264px 0pt;
width:106px;
}
#nav li#nav-fellowship a {
background-position:-370px 0pt;
width:168px;
}
#nav li#nav-about a {
background-position:-538px 0pt;
width:120px;
}
#nav li#nav-oregontribalgrants a {
background-position:-658px 0pt;
width:160px;
}
#nav li#nav-home a:hover, #home #nav li#nav-home a {
background-position:-34px -24px;
width:60px;
}
#nav li#nav-news a:hover, .news #nav li#nav-news a {
background-position:-94px -24px;
width:104px;
}
#nav li#nav-grants a:hover, .grants #nav li#nav-grants a {
background-position:-198px -24px;
width:66px;
}
#nav li#nav-howtoapply a:hover, .apply #nav li#nav-howtoapply a {
background-position:-264px -24px;
width:106px;
}
#nav li#nav-fellowship a:hover, .fellowship #nav li#nav-fellowship a {
background-position:-370px -24px;
width:168px;
}
#nav li#nav-about a:hover, .about #nav li#nav-about a {
background-position:-538px -24px;
width:120px;
}
#nav li#nav-oregontribalgrants a:hover, .oregontribalgrants #nav li#nav-oregontribalgrants a {
background-position:-658px -24px;
width:160px;
}
#content {
	background: #fff url(../img/dev/bg_content.gif) center top repeat-x;
	border: 5px solid #aba39e;
	border-width: 0 5px 5px 5px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	position: relative;
	text-align: left;
	width: 780px;
}
	#lead { margin: 0 23px 30px 23px; }

#maincontent 	{ display: inline; float: left; margin: 0 26px 18px 266px; width: 490px;}
#secondary		{ display: inline; float: left; margin: 30px 0 30px -746px; width: 210px; }

.home #maincontent {
	display: inline;
	float: left;
	margin: 0 0 0 26px;
	width: 452px;
}	
.home #secondary { float: none; margin: 0 26px 0 518px; display: block; width: auto; }

.util {
	clear: both;
	list-style: none;
	margin: 0 0 1em 0;
	text-align: center;
}
	.util li {
		border-left: 1px solid #5c767f;
		display: inline;
		padding: 0 12px;
	}
	li.firstchild { border: none; }
		.util a {
			color: #173f4b;
			text-decoration: none;
		}
		.util a:hover { text-decoration: underline; }
	

#ornament {
background:transparent url(../img/dev/feather.jpg) no-repeat scroll 0%;
display:block;
height:61px;
position:absolute;
right:-19px;
top:-106px;
width:156px;
}


/* ---------- SPECIALS ---------- */
.img {
	font-size: .9em;
	font-style: italic;
	padding: 0 0 1.5em 0;
}
	.img img {
		background: #7f2617;
		border: 2px solid #c59583;
		display: block;
		margin: 14px 0 0 0;
		padding: 2px;
	}

.callout {
	background: #e6e0d7 url(../img/dev/bg_callout.gif) left top no-repeat;
	margin-bottom: 2em;
	width: 236px;
}
	.callout a {
		text-decoration: none;
	}
	.callout div.btm {
		background: transparent url(../img/dev/bg_callout_btm.gif) left bottom no-repeat;
		height: 4px;
		width: 236px;
	}
	#secondary .right a p.about {
		background: transparent url(../img/dev/bg_callout_about.jpg) 170px 8px no-repeat;
		min-height: 74px;
		padding: 10px 72px 0 10px;
		text-align: right;
	}
	#secondary .right a p.about { display: block; text-decoration: none; width: 155px; height: 80px; color: #666; }
	#secondary .right a:hover p.about { color: #666; }
	#secondary .left p.pdf {
		background: transparent url(../img/dev/bg_callout_pdf.gif) 8px 8px no-repeat;
		min-height: 60px;
		padding: 10px 10px 0 70px;
	}		

#secondary ul {
	list-style: none;
	margin: 0 0 1.8em 0;
}
	#secondary li 		{ padding-left: 13px; margin-bottom: .3em;}
	#secondary li.on 	{ background: transparent url(../img/dev/bg_arrow.gif) 0 center no-repeat; }
		#secondary li a 	{ text-decoration: none; }
		#secondary li.on a 	{ color: #aba39e; }

.promo {
	display: block;
	margin: 18px 0;
}

	
	th {
		color: #fff;
		cursor: pointer;
		font-size: .8em;
		margin-bottom: 4px;
		padding: 5px 14px 5px 8px;
		text-transform: uppercase;
	}
		th a, th a:hover 	{ color: #fff; text-decoration: none; }
		th.forwardSort 		{ background: #651e12 url(../img/dev/sort_up.gif) right bottom no-repeat; }
		th.reverseSort 		{ background: #651e12 url(../img/dev/sort_down.gif) right bottom no-repeat; }
		th.fd-column-5		{ padding-right: 6px; }
	
	tbody tr 					{ background: #c6d2d9; }
	tbody tr.even 				{ background: #d5dee3; }
	tbody tr.last 				{ background: #c6d2d9 url(../img/dev/bg_row.gif) left bottom repeat-x; }
	tbody tr.even.last 			{ background: #d5dee3 url(../img/dev/bg_row.gif) left bottom repeat-x; }
	
	td {
		color: #000;
		padding: 4px;
		vertical-align: top;
	}
	tr.last td 					{ padding-bottom: 6px; }
	td.first 					{ background: #c6d2d9 url(../img/dev/bg_column_ie.gif) left top repeat-y; }
	tr.even td.first 			{ background: #d5dee3 url(../img/dev/bg_column_ie.gif) left top repeat-y; }
	td.last						{ background: #c6d2d9 url(../img/dev/bg_column_ie.gif) right top repeat-y; font-weight: bold; padding-right: 10px; text-align: right; padding-right: 6px;}	
	tr.even td.last				{ background: #d5dee3 url(../img/dev/bg_column_ie.gif) right top repeat-y; }
	
	tbody tr.last td.first 		{ background: #c6d2d9 url(../img/dev/bg_corner_ie.gif) left bottom no-repeat; }
	tbody tr.even.last td.first { background: #d5dee3 url(../img/dev/bg_corner_ie.gif) left bottom no-repeat; }
	tbody tr.last td.last 		{ background: #c6d2d9 url(../img/dev/bg_corner_ie.gif) right bottom no-repeat; } 
	tbody tr.even.last td.last 	{ background: #d5dee3 url(../img/dev/bg_corner_ie.gif) right bottom no-repeat; }
	
	tfoot td { height:2px; margin:0; padding:0; }

	span.project { background: transparent url(../img/dev/bg_arrow_blue.gif) 0 2px no-repeat; display: block; padding-left: 10px; }
	
/* curse the guillotine */
* html .logo { height: 1%; }

* html #home #secondary { margin-left: 508px; }


/* post-comp timstylz */

/* blogalicious */

#maincontent em { margin: -12px 0 12px 12px; display: block; }
span.blogdetails { display: block; border-bottom: solid 1px #BD8E7D; padding: 0 0 0 -12px; margin: 12px 0 12px 0; }
span.blogdetails em { margin: 0 0 -12px -24px; padding: 0 0 0 0; display: block; }

.news div.entry { display: block;overflow:hidden; border-top: solid 1px #BD8E7D;  margin: 12px 0 30px 0; padding: 10px 0 0 0; position: relative; }
.news div.entry h3 a { text-decoration: none; width: 400px; display: block; }
.news div.entry h3 .postdate { position: absolute; right: 0px; top: 10px; }

.news h3.commenttag { border-top: solid 1px #BD8E7D; border-bottom: solid 1px #BD8E7D; padding: 5px 5px 5px 12px; margin: 0 0 12px 0; }
.news h4 { margin: 10px; }
.news .comment, .news .altcomment { padding: 5px 8px 5px 0; margin: 0 0 0 12px; }
.news .altcomment { background-color: #d5dee3; }

.calendarTable { display: none; }

.blogEntries table { margin: -22px 0 0 12px; width: 478px; }
.blogEntries textarea { width: 400px; margin: 0 0 8px 0; }
.blogEntries p, .blog h4, .blog ul, .blog table, .blogRSS { display: none; }
.blogEntries td.ekcommentdata, .blogEntries td.ekcommentlabel, .blogEntries td.ekcommenttext { display: normal; background-color: #fff; }

* .blogEntries table { background: none; }

/* end timstylz */

table {
	background: #7f2617;
	border: 2px solid #c59583;
	border-collapse: collapse;
	font-size: .9em;
	margin-bottom: 2em;
	padding-bottom: 2px;
	width: 460px;
	clear: right;
}

caption {
		border-bottom: 0;
		padding-bottom: 4px;
		text-align: left;
		width: 460px;
	}

table { width: 490px; }
caption { width: 490px; }
	
#summaryblock { 
	float: right; 
	background-color: #E6E6E6;
	border-style: solid;
	border-width: 2px;
	border-color: #5B5B5B;
	margin:0pt 0pt 5pt 5pt;
}

#summaryblock dl {
	display: block;
	text-align: center;	
	margin: 3pt;
}
#summaryblock dl dt {
	font-weight: bold;
	font-size: 130%;
	color: #000000;	
}

#summaryblock dl #total {
	font-size: 300%;
	line-height: 1.4em;
}

#grantdescription
{			
	
}




/* Hatfield Fellowship Video Blocks */

.fellowship #videoWrapper{
padding: 15px;
text-align: center;
margin-left: 20px;
}
.fellowship #videoLeft {
width: 325px;
float: left;
padding-left: 30px;
padding-right: 30px;
}
.fellowship #videoRight {
width: 325px;
float: left;
}
	.fellowship #videoRight p, .fellowship #videoLeft p {
	width: 305px;
	}
.fellowship h2 {
background:#FFFFFF url(../img/dev/bg_hdr.gif) no-repeat scroll right bottom;
border-bottom:2px solid #7D2314;
color:#14485A;
font-size:120%;
padding:10px 68px 2px 0;
text-transform:uppercase;
margin-left: 24px;
margin-right: 24px;
}	
.fellowship .content h2 span {
background-color: white;
padding:0 6px 0 4px;
}
.fellowship .content h2 {
margin-left: 0px;
margin-right: 0px;
}
.fellowship #fullWidthContent {
padding:10px 24px 0 24px;
clear: both;
}

.fellowship #fullWidthContent .floatleft p{
width: 200px;
}

.fellowship #fullWidthContent img {
margin:0px 24px 15px 0;
padding: 2px;
background:#7F2617 none repeat scroll 0 0;
border:2px solid #C59583;
}

.fellowship #fullWidthContent .photocaption {
margin:0px 24px 15px 0;
font-size:0.9em;
font-style:italic;
text-align: center;
clear: both;
}

.fellowship #fullWidthContent table {
width: 100%;
}	



/*--------------FAQ VIEWER -----------------*/
    #inputwrapper { width: 100%; overflow: hidden; padding: 20px 0px; border-bottom: 2px dotted #808080; }
        #inputwrapper .row{width: 45%; float: left;  padding-top:15px; }
        #inputwrapper .left { text-align: right; clear:both; }
        #inputwrapper .right {  text-align: left; }
        .Intoduction { padding: 10px 0px; }
        dt, #faq-list dt { font-weight: bold; margin-bottom: 0; margin-top: 1.33em; }
        dl.faq dt { clear: both; margin-top: 0.5em;  margin-left:35px; color:#7D2314;}
        dl.faq dd { margin: 0; }
        #maincontent dd p.answer, #maincontent a.top{margin-left:40px;}
        #instruction { margin:10px 0px 55px 0px; }



