/* --- GAR Foundation Main CSS ------------------------------- */

/* --- Body & Main Wrap ------------------------------- */

body{
	margin: 0 auto;
	padding: 0 auto;
	font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	text-align: center;
    color: #333333;
	background: #6E644E url(images/body_BG.gif) repeat;
	}
	
#wrap{
	width: 813px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 20px;
	}
	
/* --- Header ------------------------------- */

#logo{
  	width: 287px;
	height:93px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	}
#topnavbox{
display: none
	}
#topnav{
display: none
	}
#topnav img{
	padding-left: 5px;
	padding-right: 5px;
	}
#topnav a{
	color: #fff;
	text-decoration: none;
	}
#topnav a:hover, a:active{
	color: #C18F8F;
	text-decoration: underline;
	}
#topnav a:visited{
	color: #fff;
	text-decoration: none;
	}
#topnav a:visited:hover {
	color:#C18F8F;
	text-decoration:underline;
}

/* ---[ Homepage Top ]------------------------------- */
#hptop{
	width: 813px;	
	height:347px;
	margin: 0 auto;
	padding: 0 auto;
	}
	
#hptopleft{
	float: left;
	width: 287px;	
	height:347px;
	margin: 0 auto;
	}
	
#hptopright{
	float: left;
	width: 526px;	
	height:347px;
	margin: 0 auto;
	}
	
#flashbox{
	clear: both;
	width: 526px;
	height: 301px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-image: url(images/flash_still.jpg);
	background-color: #FFFFFF;
	}
	
#hpmiddle{
	clear: both;
	width: 790px;		
	height: 34px;
	margin: 0 auto;
	padding-top: 11px;
	padding-left: 5px;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 20px;
	text-align: center;
    color: #fff;
	background: #7A2C2B url(images/middle_bar_BG.jpg) no-repeat;
	border-left: 9px solid #ffffff;
	border-right: 9px solid #ffffff;
	border-bottom: 4px solid #ffffff;
	}

#hpmiddle ul{
	margin: 0 auto;
	padding: 0 auto;
	}
#hpmiddle li{
	margin: 0 auto;
	padding-right: 35px;
	display: inline;
	}
#hpmiddle a{
	color: #fff;
	text-decoration: none;
	}
#hpmiddle a:hover, a:active{
	color: #C18F8F;
	text-decoration: underline;
	}
#hpmiddle a:visited{
	color: #fff;
	text-decoration: none;
	}
#hpmiddle a:visited:hover {
	color:#C18F8F;
	text-decoration:underline;
}

/* ---[ Navigation ]------------------------------- */
	
#mainnav{
display: none
	}
	
#search{
display: none
	}

/* ---[ Homepage Bottom ]------------------------------- */

#hpbottom{
	clear: both;
	width: 795px;	
	height:307px;
	margin: 0 auto;
	padding: 0 auto;
	border-left: 9px solid #fff;
	border-right: 9px solid #fff;
	border-bottom: 9px solid #fff;
	}
	
#hpbottomleft{
	float: left;
	width: 196px;	
	height:307px;
	margin: 0 auto;
	background: #E0E0E0;
	}
	
#hpbottommiddle{
	float: left;
	width: 282px;	
	height:307px;
	margin: 0 auto;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
	}
	
#hpbottomright{
	float: left;
	width: 299px;	
	height:287px;
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 10px;
	background: #ACA18E url(images/hp_bottom_right_BG.jpg) no-repeat;
	text-align: center;
	}
#hpbuttons{
	float: left;
	width: 130px;	
	height:157px;
	margin: 0 auto;
	padding-left: 8px;
	text-align: center;
	}
	
#hpappdeadline{
	clear: both;
	width: 196px;	
	height:137px;
	margin: 0 auto;
	background: #E0E0E0 url(images/hpbottom_left_BG08.gif) no-repeat;
	}
#hpappdeadline p{
	margin: 0 auto;
	padding-top: 9px;
	padding-left: 10px;
	color: #7A6E56;
	font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	line-height: 22px;
	}
#hpnews{
	clear: both;
	width: 196px;	
	height:165px;
	margin: 0 auto;
	background: #E0E0E0 url(images/hpbottom_left_BG.gif) no-repeat;
	text-align: left;
	}
	
#hpnews p{
	margin: 0 auto;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color: #4B463B;
	font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	text-align: left;
	}
#hpnews a{
	color: #7A6E56;
	text-decoration: underline;
	}
#hpnews a:hover, a:active{
	color: #A4977D;
	text-decoration: none;
	}
#hpnews a:visited{
	color: #7A6E56;
	text-decoration: underline;
	}
#hpnews a:visited:hover {
	color:#A4977D;
	text-decoration:none;
}

/* ---[ Sub Pages ]----------------------------- */
#subleft{
display: none
	}
	
#subright{
	float: left;
	width: 726px;	
	margin: 0 auto;
	padding: 0;
	}
#subheader{
	clear: both;
	width: 526px;		
	height: 74px;
	margin: 0 auto;
	padding: 0;
	text-align: left;	
	}
	
#content{
	color: #333333;
	font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	line-height: 1.75em;
	clear: both;
	width: 686px;	
	margin: 0 auto;
	padding-top: 10px;
	padding-left: 32px;
	padding-right: 20px;
	padding-bottom: 10px;
	text-align: left;	
	border-left: 9px solid #fff;
	border-right: 9px solid #fff;
	background: #DEDBC9 url(images/content_BG.jpg) repeat-y;
	}
	
#content img{
	margin-right: 8px;
margin-left: 8px;
	border: 3px solid #FFFFFF;	
	}
#content hr{
	margin-top: 8px;
	margin-bottom: 8px;
	border: 1px solid #FFFFFF;	
	color:#FFFFFF;
	}
#contentforce{
	clear: both;
	height: 550px;	
	margin: 0 auto;
	}
#contentcorners{
display: none
	}
	
#contentfaq{
display: none
	}
	
	
#content a{
	color: #333;
	text-decoration: underline;
	}
#content a:hover, a:active{
	color: #666;
	text-decoration: none;
	}
#content a:visited{
	color: #222;
	text-decoration: underline;
	}
#content a:visited:hover {
	color: #666;
	text-decoration: none;
}	

#relatedfaqs{
display: none
	}
#relatedfaqs li{
display: none
	}
#relatedfaqs ul{
display: none
	}
#relatedfaqs a{
display: none
	}
#relatedfaqs a:hover, a:active{
display: none
	}
#relatedfaqs a:visited{
display: none
	}
#relatedfaqs a:visited:hover {
display: none
}


/* ---[ About GAR ]----------------------------- */


#subnav_about{
display: none
}
#subnav_about li{
	padding-left:12px;
	background:url(images/subnav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .8em;
	line-height:2em;

	}
#subnav_about ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#subnav_about a{
	color: #fff;
	text-decoration: none;
	}
#subnav_about a:hover, a:active{
	color: #fff;
	text-decoration: underline;
	}
#subnav_about a:visited{
	color: #fff;
	text-decoration: none;
	}
#subnav_about a:visited:hover {
	color: #fff;
	text-decoration: underline;
}


/* ---[ How to Apply ]----------------------------- */

#subnav_apply{
display: none
}
#subnav_apply li{
	padding-left:12px;
	background:url(images/subnav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .8em;
	line-height:2em;

	}
#subnav_apply ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#subnav_apply a{
	color: #fff;
	text-decoration: none;
	}
#subnav_apply a:hover, a:active{
	color: #fff;
	text-decoration: underline;
	}
#subnav_apply a:visited{
	color: #fff;
	text-decoration: none;
	}
#subnav_apply a:visited:hover {
	color: #fff;
	text-decoration: underline;
}


/* ---[ Before you apply ]----------------------------- */

#subnav_beforeapply{
display: none
}
#subnav_beforeapply li{
	padding-left:12px;
	background:url(images/subnav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .8em;
	line-height:2em;

	}
#subnav_beforeapply ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#subnav_beforeapply a{
	color: #fff;
	text-decoration: none;
	}
#subnav_beforeapply a:hover, a:active{
	color: #fff;
	text-decoration: underline;
	}
#subnav_beforeapply a:visited{
	color: #fff;
	text-decoration: none;
	}
#subnav_beforeapply a:visited:hover {
	color: #fff;
	text-decoration: underline;
}


/* ---[ Grants awarded ]----------------------------- */

#subnav_grants{
display: none
}
#subnav_grants li{
	padding-left:12px;
	background:url(images/subnav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .8em;
	line-height:2em;

	}
#subnav_grants ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#subnav_grants a{
	color: #fff;
	text-decoration: none;
	}
#subnav_grants a:hover, a:active{
	color: #fff;
	text-decoration: underline;
	}
#subnav_grants a:visited{
	color: #fff;
	text-decoration: none;
	}
#subnav_grants a:visited:hover {
	color: #fff;
	text-decoration: underline;
}

/* ---[ Helpful Resources ]----------------------------- */

#subnav_help{
display: none
}
#subnav_help li{
	padding-left:12px;
	background:url(images/subnav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .8em;
	line-height:2em;

	}
#subnav_help ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#subnav_help a{
	color: #fff;
	text-decoration: none;
	}
#subnav_help a:hover, a:active{
	color: #fff;
	text-decoration: underline;
	}
#subnav_help a:visited{
	color: #fff;
	text-decoration: none;
	}
#subnav_help a:visited:hover {
	color: #fff;
	text-decoration: underline;
}
/* ---[ Community Initiatives ]----------------------------- */

#subnav_initiatives{
display: none
}
#subnav_initiatives li{
	padding-left:12px;
	background:url(images/subnav_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .8em;
	line-height:2em;

	}
#subnav_initiatives ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#subnav_initiatives a{
	color: #fff;
	text-decoration: none;
	}
#subnav_initiatives a:hover, a:active{
	color: #fff;
	text-decoration: underline;
	}
#subnav_initiatives a:visited{
	color: #fff;
	text-decoration: none;
	}
#subnav_initiatives a:visited:hover {
	color: #fff;
	text-decoration: underline;
}

#initiatives_callout{
	float: right;
	width: 160px;		
	margin-top: 7px;
	margin-left: 12px;
	padding: 10px;
	text-align: left;	
	background: #134638;
	font-size: 13px;
	font-weight:bold;
    color: #fff;
	border: 3px solid #fff;
}
#initiatives_callout a{
	color: #fff;
	text-decoration: underline;
	}
#initiatives_callout a:hover, a:active{
	color: #fff;
	text-decoration: none;
	}
#initiatives_callout a:visited{
	color: #fff;
	text-decoration: underline;
	}
#initiatives_callout a:visited:hover {
	color: #fff;
	text-decoration: none;
}
#sub_buttons{
display: none
	}
	
#sub_buttons_columns{
display: none
	}
	
#clear{
	clear: both;
	}
	
/* ---[ Text ]----------------------------- */

h1{
	font-family: Georgia, Times New Roman, Times, serif;
	width:447px;
	text-align: left;	
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 6px;
	font-size: 26px;
	font-weight: normal;
	line-height: 1em;
    color: #485B66;
	border-bottom: solid #A3A08E 1px;
	}
h2{
	text-align: left;	
	margin-top: 0;
	margin-bottom: 0;
	padding: 10px 20px 10px 0;
	font-size: 21px;
	font-weight: normal;
	line-height: 1em;
    color: #471806;
	}

h3{
	text-align: left;	
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25em;
    color: #471806;
	}

h4{
	text-align: left;	
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 2em;
    color: #471806;
	}

h5{
	text-align: left;	
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.25em;
    color: #485B66;
	}
	
h6{
	text-align: left;	
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
    color: #333;
	}	


.content{
	text-align: left;	
	margin: 0;
	padding: 20px 25px 15px 30px;
    color: #471806;
	}
	
/* ---[ Links ]----------------------------- */


a.triad:link {color: #988D75; text-decoration: none; font-size: 11px;}
a.triad:visited {color: #8C816B; text-decoration: none; font-size: 11px;}
a.triad:hover {color: #988D75; text-decoration: underline; font-size: 11px;}

/* --- Footer ------------------------------- */

#footer {
	clear:both;
	width:526px;
	font-size:11px;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:left;
}
#footer p{
	margin: 0 auto;
	padding: 0 auto;
	}
#footer ul{
	margin: 0 auto;
	padding-bottom: 6px;
	}
#footer li{
	margin: 0 auto;
	display: inline;
	padding-left: 6px;
	}
#footer a{
	color: #fff;
	text-decoration: underline;
	}
#footer a:hover, a:active{
	color: #C5BCAA;
	text-decoration: none;
	}
#footer a:visited{
	color: #fff;
	text-decoration: underline;
	}
#footer a:visited:hover {
	color:#C5BCAA;
	text-decoration:none;
}
.rocktext {
	font-size:11px;
	color:#9E9076;
}
.copyright {
	font-size:11px;
	color:#988D75;
}
.form {
	font-size:10px;
}


/* --- Footer home ------------------------------- */

#footerhome {
	clear:both;
	width:813px;
	font-size:11px;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align:right;
}
#footerhome p{
	margin: 0 auto;
	padding: 0 auto;
	}
#footerhome ul{
	margin: 0 auto;
	padding-bottom: 6px;
	}
#footerhome li{
	margin: 0 auto;
	display: inline;
	padding-left: 6px;
	}
#footerhome a{
	color: #fff;
	text-decoration: underline;
	}
#footerhome a:hover, a:active{
	color: #C5BCAA;
	text-decoration: none;
	}
#footerhome a:visited{
	color: #fff;
	text-decoration: underline;
	}
#footerhome a:visited:hover {
	color:#C5BCAA;
	text-decoration:none;
}
.rocktext {
	font-size:11px;
	color:#9E9076;
}
.copyright {
	font-size:11px;
	color:#988D75;
}
.form {
	font-size:10px;
}

/* ---[ bluebutton ]----------------------------- */

 .bluebutton
{
position: relative;
text-align: center;
background: url(images/needhelp_button_hover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 127px;
height: 71px;
margin: 0;
padding-bottom: 10px;
}

.bluebutton a
{
display: block;
color: #000000;
font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
width: 127px;
height: 71px;
display: block;
float: left;
color: #fff;
text-decoration: none;
}

.bluebutton img
{
width: 127px;
height: 71px;
border: 0
}

* html a:hover
{
visibility:visible
}

.bluebutton a:hover img
{
visibility:hidden
}

.bluebutton span
{
position: absolute;
left: 15px;
top: 20px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

/* ---[ redbutton ]----------------------------- */

 .redbutton
{
position: relative;
text-align: center;
background: url(images/howtoapply_button_hover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 127px;
height: 71px;
margin: 0;
padding-bottom: 10px;
}

.redbutton a
{
display: block;
color: #000000;
font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
width: 127px;
height: 71px;
display: block;
float: left;
color: #fff;
text-decoration: none;
}

.redbutton img
{
width: 127px;
height: 71px;
border: 0
}

* html a:hover
{
visibility:visible
}

.redbutton a:hover img
{
visibility:hidden
}

.redbutton span
{
position: absolute;
left: 15px;
top: 20px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


/* ---[ tealbutton ]----------------------------- */

 .tealbutton
{
position: relative;
text-align: center;
background: url(images/grantswarded_button_hover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 127px;
height: 71px;
margin: 0;
padding-bottom: 10px;
}

.tealbutton a
{
display: block;
color: #000000;
font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
width: 127px;
height: 71px;
display: block;
float: left;
color: #fff;
text-decoration: none;
}

.tealbutton img
{
width: 127px;
height: 71px;
border: 0
}

* html a:hover
{
visibility:visible
}

.tealbutton a:hover img
{
visibility:hidden
}

.tealbutton span
{
position: absolute;
left: 35px;
top: 20px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



/* ---[ orangebutton ]----------------------------- */

 .orangebutton
{
position: relative;
text-align: center;
background: url(images/grantlogin_button_hover.gif) no-repeat;
white-space: nowrap;
display: block;
width: 127px;
height: 71px;
margin: 0;
padding-bottom: 10px;
}

.orangebutton a
{
display: block;
color: #000000;
font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
width: 127px;
height: 71px;
display: block;
float: left;
color: #fff;
text-decoration: none;
}

.orangebutton img
{
width: 127px;
height: 71px;
border: 0
}

* html a:hover
{
visibility:visible
}

.orangebutton a:hover img
{
visibility:hidden
}

.orangebutton span
{
position: absolute;
left: 15px;
top: 20px;
margin: 0px;
padding: 0px;
cursor: pointer;
}