/* ==== Scroll down to find where to put your styles :) ==== */

/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; font-family: Verdana, Geneva, sans-serif; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #89261b; }
a:hover { color: #0F64CF; }

/*
    // ========================================== \\
   ||                                              ||
   ||               Your styles !                  ||
   ||                                              ||
    \\ ========================================== //
*/


body { background: url(../images/green.png) repeat-x; font-family: Verdana, Geneva, sans-serif; }
header.top { margin: 0 auto; }
header.top img { margin-top:20px; float:left; padding-right:1.5%; }

a { text-decoration:none;}
a:hover { text-decoration:underline;}

nav { padding-top: 100px; margin: 0 auto; }

#main {overflow:auto; background-color:#fff ; margin-top:1em; margin-bottom:2em; margin-left:auto; margin-right:auto;}

article { margin:0; padding:30px 20px;}
article p { line-height:1.5em;}
article img {border:#333 solid 15px;}
article .bigimg { margin-bottom:15px;}

img.leftimg {margin: 0 15px 15px 0;}
img.rightimg {margin: 0 0 15px 15px;}

article ol ol { list-style-type: lower-alpha;}
article li {margin-top:.75em;}
p a { text-decoration:underline;}
.article2 { width:590px; margin-top:-2.5em; display:inline;float:left;margin-left:10px;margin-right:10px}

.gallery {line-height:2em;}

section { margin:1em 0; padding:1em; border:1px solid #ccc; background:#f8f8f8;}

figure { margin-bottom:15px; display: inline-block; }
figure.right {float:right; margin: 0 0 15px 15px;}
figure.left { float:left; margin: 0 15px 15px 0;}
figcaption { font-size:.75em; }
figcaption cite { font-style:italic;}

.logo-right {float:right; margin: 0 0 10px 10px; border:none;}
.logo-left { float:left; margin: 0 10px 10px 0; border:none;}
.logo-center { border:none;}

figure.region {float:right; margin: 0 0 15px 15px; width:210px; padding-right:5px; }
figcaption.regioncaption { font-size:.75em; padding-left:5px; padding-right:5px; }
.blnkimg { border:none;}

#col1, #col2 { padding-top:0;}

p { margin:1em 0; padding:.25em 0;}
li p { margin:0; padding:0}
h1 { font-family: "futura-pt-1","futura-pt-2",sans-serif; font-size:2em; font-weight:600; color:#89261b;}
em { font-style: italic;}
aside h2 { font-size:1.5em; font-weight:500; color:#4C5F00; line-height:1.1em;}
h2 { font-family: "futura-pt-1","futura-pt-2",sans-serif; font-size:1.35em; font-weight:600; color:#4C5F00; }
h3 { font-family: "futura-pt-1","futura-pt-2",sans-serif; font-size:1.1em; font-weight:600;}
h4 { font-size:1em; font-weight:600; color:#89261b;}
h5 { font-family: "futura-pt-1","futura-pt-2",sans-serif; font-size:2em; font-weight:600;  }
header { margin-bottom:.5em;}
p.roster { margin-top:0;}

.pubdate { font-size:.95em; font-style: italic; color:#999; }

aside { padding:30px 15px; margin:0; line-height:1.5;  background:url(../images/hashline2.png) bottom no-repeat; }

.arrow li { list-style-image:url(../images/arrow-bullet-red.png); }
.arrow li:hover { list-style-image:url(../images/arrow-bullet-blue.png); color:#333;}

aside li { margin-top:1em;}


#aside1 { margin-top:50px;}	
#aside_clear { background:none;}	

aside figure { width:100%; text-align:center; padding:10px 0;  background: url(../images/aside_pic_back.png) repeat-x;}
aside img { display:block; margin:auto; }


#news { margin-top:3em; margin-left:1.25em; padding:1em; border:#89261b solid thin; background-color:#faf9f9 ; }

.newsitem { padding:.5em .2em; }


#twitter { margin-top:3em; margin-left:1em; padding:1em; background-color:#faf9f9 ; border:#89261b solid thin;  }

#newsletter { margin-top:3em; margin-left:1em; padding:1em; background-color:#89261b ; border:#89261b solid thin; width:300px;
			}
.newsletter { font-family: "futura-pt-1","futura-pt-2",sans-serif; font-size:1.75em; font-weight:600;  color:#FFF}
.newsletter:visited  { color:#FFF; text-decoration:none; }
.newsletter:hover  { color:#D9F775; text-decoration:none; }

.socbar {
    position : relative;
    list-style-type : none;
}
.socbar li {
    float : right;
    padding :4px 4px 0 4px; margin-top:0;
}

footer {height:20em; clear:both; font-size:.85em; color:#333; padding:3%; background:url(../images/hashline2.png) top no-repeat;  }
footer ul{ list-style:none;}
footer a, footer a:visited { text-decoration:none; font-weight:400;}
footer a:hover { text-decoration:underline; }

footer p, footer h6 { }

.tw { border:#999 solid thin; height:25px; width:70%; margin-left:auto; margin-right:auto; background:url(../images/twitter_16.png) no-repeat right #d7d7d2; 
	padding:12px 10px 0 15px; background-position: 90% 50%; font-size:1.1em; -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px; }
.fb { border:#999 solid thin; height:25px; width:70%; margin-left:auto; margin-right:auto; background:url(../images/facebook_16.png) no-repeat right #d7d7d2; 
	padding:12px 10px 0 15px; background-position: 90% 50%; font-size:1.1em; -moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px; }
	
.smaller {font-size:.75em;}

.g_search {font-size:.85em; line-height:1.2; text-align:left; width:100%; margin:1em 0; padding:1em; border:1px solid #ccc; background:#f8f8f8;}
table.g_search td,th{padding:1em;}
table.g_search th{padding-top:2em; background-color:#dee38e;}
table.g_search caption{padding-bottom:1em; text-align:left; font-size:1.25em; font-weight:800; }
.award { text-align:right; }
td.city { width:80px;}

.g_detail {line-height:1.2; text-align:left; width:100%; margin:1em 0; padding:1em; border:1px solid #ccc; background:#f8f8f8;}
table.g_detail td,th{padding:1em;}
table.g_detail th{padding-top:2em; background-color:#dee38e;}
table.g_detail caption{padding-bottom:1em; text-align:left; font-size:1.25em; font-weight:800; }
.row0 {background-color:#FFC; }
.row1 { }

label { display:block; font-weight:600;}
.Grant_Search input {font-size:.9em; padding-top:.25em;}

.Grant_Search fieldset { margin:1em 0; padding:1em; border:1px solid #ccc; background:#f8f8f8; line-height:1em;}
.Grant_Search legend { font-weight:800; font-size:1.25em; }
.Grant_Search select { min-height:1em; min-width:400px; font-size:.9em; padding-top:.25em;}
.Grant_Search option {padding-top:.25em;}
.Grant_Search img { border:none;}

.Grant_App fieldset { margin:1em 0; padding:1em; border:1px solid #ccc; background:#f8f8f8; }
.Grant_App legend { font-weight:800; font-size:1.25em; }
.Grant_App select { min-width:200px; }
.Grant_App img { border:none;}

.Gradio {display: inline;}
div.Grant_App { margin:1em 0; padding:1em; border:1px solid #ccc; background:#f8f8f8;}
input.right {float:right;}
.red {color:#C00;}
.green {color: #390}
.Grant_App  p { line-height:1.25em; padding:0; vertical-align:baseline;}

fieldset.row0 {background-color:#FFC; }
fieldset.row1 { }
fieldset p { line-height:2em;}
.comp input radio { float: left; margin-top:1em; }
.comp label { float: right; margin-left:1em; width:94%; font-weight:300; line-height:1.25em}

.mgsdiv { margin:1em 0; padding:1em; border:1px solid #ccc; background:#f8f8f8;}

table.score { width:95%; }
table.score td,th{padding:1em;}

.twca { min-height:150px; border-bottom:#CCC thin solid; padding-top:20px; padding-bottom:20px;}

.sacdiv { min-height:105px; border-bottom:#CCC thin solid; padding-top:10px; padding-bottom:20px;}
.sacdiv img {border:#333 solid 7px; display: block; margin-left: auto; margin-right: auto; }
.sacdiv p { margin:0 0 0 135px;}
figure.thumb { float:left; margin: 0 15px 15px 0; width:120px; }

/*** superfish ***/

.sf-menu, .sf-menu * { font-family: "proxima-nova-1","proxima-nova-2",sans-serif; font-weight:600;
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0; 
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.9em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			13em; /* match ul width -- altered by one*/
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			11em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left; 
/*	margin-bottom:	1em;*/
}
.sf-menu a {
/*	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding: 	.75em	.5em;

	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #D9F775; font-weight:500; font-size:1.15em;
}
.sf-menu li { 
	background:		#333 ; /*-moz-border-radius:4px; -webkit-border-radius:4px;  border-radius:4px; */ 
}
.sf-menu li li {
	 font-size:1em; background: #333 ;/*background:url(../images/paper.jpg) repeat; -moz-border-radius:0; -webkit-border-radius:0;  border-radius:0px; */
}
.sf-menu li li li {
	background:#333 ; font-size:1em;
}



.sf-menu li a:hover { background: #D9F775 ; color: #900;}
.last:hover { padding-right:3em; background:url(../images/hashlineNav2hvr.png) right no-repeat; color:#89261b;}
.sf-menu li li a:hover {border-bottom:none; background: #D9F775 ; color:#900;}
.sf-menu li li i a:hover {border-bottom:none; background: #D9F775 ; color:#900;}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#333;
	outline:		0; 
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff2.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



@media only screen and (min-width:481px) and (max-width:768px) {
body {
	width: 98%;
	margin: 0 auto;
	min-width: 481px;
	max-width: 768px;
}
header.top img { margin-top:70px; float:left; padding-right:1.5%; width:60px; height:76px;}
header.top { width: 960px; margin: 0 auto; }
}

@media only screen and (min-width:769px) {

body {
	width: 95%;
	margin: 0 auto;
	min-width: 1024px;
	max-width: 1280px;
}
header.top { width: 1100px; margin: 0 auto; }
}
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  /* a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}