/*************************************************************
 * author: Frontenders.com
 * contact: support at frontenders dot com
 * description: css for screen media
 *************************************************************/
 
/* reset
 * based on Eric Meyer's reset.css
 * http://meyerweb.com/
 *************************************************************/
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* /reset
 *****************************************************/

/* global elements
 *****************************************************/
html { height: 100%; }
body {
    background: #F6E6B5 url( ../images/bg_body.png );
    color: #000;
    font: 64%/1 Verdana, Tahoma, Arial, sans-serif;
    height: 100%;
}
a { text-decoration: none; }
a:hover {  }

/* /global elements
 *****************************************************/

/* common elements
 *****************************************************/
.cols, form .item, form .button { overflow: hidden; }
.col { float: left; }
.l { float: left;
    }
.r { float: right;
 }
.print { display: none; }
.ir {
	display: block;
	overflow: visible;
	position: relative;
	visibility: visible;
}
.ir span {
	cursor: pointer;
	left: 0;
	height: 100%;
	position: absolute;
	top: 20;
	width: 100%;
	background-image: url(images/bg_partner.jpg) no-repeat 0 100%;
	;
}
/* /common elements
 *****************************************************/

/* base layout
 *****************************************************/
#bg {
    background: transparent url( ../images/bg_bg.png ) repeat-y 50% 0;
}
#container {
    background: #FAF2DA;
    margin: 0 auto;
    padding: 0 0 40px;
    width: 960px;
}
#wrap {
    background: #faf2da url( ../images/bg_wrap.png ) repeat-x 0 100%;
    padding: 0 0px;
}
#branding {
    height: 153px;
    padding: 5px 0 0;
}

#content {
    background: #faf2da url( ../images/bg_content.png ) no-repeat 0 100%;
    float: left;
    width: 100%;
	}

#home #content { background: #faf2da; }
#primary {
	background: #faf2da;
	color: #4d2b1d;
   	font-size: 1.3em;
    line-height: 1.5em;
    padding: 10 0;
    width: 960px;
}

#home #primary {
    padding: 20;
	margin: 0;
    width: 960px;
}

#secondary {
    background: #faf2da;
    float: right;
	padding: 20 0px;
	margin: 0 0 1px;
    width: 350px;
	 
}

#home #secondary {
     background: #faf2da;
    float: right;
	padding: 20px;
	margin: 0 0 1px;
    width: 400x;
}

#bullets {
	font-xize: 1.3em;
	line-height: 1.5em;
	 
}

#footer {
    clear: left;
    color: transparent;
    font: 1.1em/1 Tahoma, Arial, sans-serif;
    overflow: hidden;
    padding: 10px 0 15 9px;
    line-height: 25px;
	text-transform: uppercase;
}
/* /base layout
 *****************************************************/

/* branding elements
 *****************************************************/
#siteName {
    background: #faf2da;
	float: left;
    height: 153px;
    width: 960px;
}
#siteName a {
    background: #faf2da url( ../images/header.png ) no-repeat 0 0;
    height: 153px;
    text-indent: -1000em;
}

#ptitle {
	background: transparent url( ../images/header.jpg ) no-repeat 150px -400px;
	float: right;
	
	font-size: 20 em;
    color: #a52a1b;
	font-weight: bold;
	margin: 0 0 0;
    padding: 11px 15px 12px 30px;
    text-transform: uppercase;
	}
	
	
/* /branding elements
 *****************************************************/

/* nav elements
 *****************************************************/
#mainMenu {
    font: 1.4em/1 Verdana, Tahoma, Arial, sans-serif;
    float: center;
    margin: 0 0 0px;
    position: relative;
    z-index: 10;
}
#mainMenu li {
    float: left;
    margin: 0 0 0 0px;
    position: relative;
}
#mainMenu li li{
    clear: left;
    float: left;
    position: static;
}
#mainMenu li.first { margin: 0; }
#mainMenu a {
    background: #A52A1B url( ../images/sprite_main.png ) no-repeat -299px -45px;
    border: 0px solid #A5DA1B;
    color: #fff;
    float: left;
    padding: 10px 0 8px;
    text-align: center;
    text-transform: uppercase;
    width: 262px;
}
#mainMenu li.first a { width: 168px; }
#mainMenu a:hover, #mainMenu li:hover a, #mainMenu li.hover a {
    background: #A52A1B url( ../images/sprite_main.png ) no-repeat -590px -45px;
    
}
#mainMenu li.active a {
    background: #A52A1B url( ../images/sprite_main.png ) no-repeat -847px -45px;
    
}
#mainMenu ul {
    display: none;
    left: -1px;
    top: 30px;
    position: absolute;
    z-index: 100;
}
#mainMenu li:hover ul, #mainMenu li.hover ul { display: block; }
#mainMenu li li a, #mainMenu li:hover li a, #mainMenu li.hover li a {
    background: #a52a1b;
   
}
#mainMenu li li a:hover {
    background: #a52a1b;
    
}
#subMenu { overflow: hidden; }
#subMenu li {
    float: left;
    margin: -5 0 0px;
}
#subMenu a {
    background: #F2E1B0 url( ../images/sprite_main.png ) no-repeat -1134px 0;
    color: #a52a1b;
    float: left;
	
    font-size: 1.3em;
    padding: 11px 0 12px 35px;
    text-transform: uppercase;
    width: 240px;
}
#subMenu a:hover, #subMenu li.active a {
    background: #f2e1b0 url( ../images/sprite_main.png ) no-repeat -1134px 100%;
}



#subMenu2 { overflow: hidden; }
#subMenu2 li {
    float: left;
    margin: 0 0 2px;
}
#subMenu2 a {
	background: #c8a95f url( ../images/sprite_main.png ) no-repeat -1134px 0;
	color: #3d6411;
	font-weight: 500;
	float: left;
	font-size: 1.3em;
	padding: 11px 0 12px 35px;
	text-transform: capitalize;
	width: 240px;
	font-variant: normal;
}
#subMenu2 a:hover, #subMenu2 li.active a {
    background: #e1cd9b url( ../images/sprite_main.png ) no-repeat -1134px 100%;
}


#face {
    float: left;
    margin: 1px 0 0;
    width: 100%;
}
#face li {
    float: left;
    height: 187px;
    margin: 0 0 0 1px;
    width: 980px;
}
#face #first { margin: 0; }
#face #community { width: 240px; }
#face li a {
    background: #a52a1b;
    color: #a52a1b;
    display: block;
    height: 230px;
    padding: 78px 0 0 90px;
    text-transform: uppercase;
}
#face li a span {
    background: transparent url( ../images/bg_face.jpg ) no-repeat 0 0;
    width: 960px;
}
/* /nav elements
 *****************************************************/

/* content elements
 *****************************************************/
#content h1 {
    background: #transparent url( images/partner_bg.jpg ) no-repeat 0 0;;
	border-bottom: 1px solid #cad69c;
    color: #fff;
    font-size: 1.8em;
    font-weight: normal;
	align: left;
    height: 82px;
    padding: 0 0 0 33px;
    text-transform: uppercase;
}
#content h1 span { width: 960px; z-index: 1; }
#hAboutUs span {
	background-image: url(../images/bg_foh.jpg);
}
#hOurWork span {
	background-image: url(../images/bg_work.jpg);
}
#hHeader span {
	background-image: url(../images/bg_partner.jpg);
}
#hGetInvolved span {
	background-image: url(../images/bg_involve.jpg);
}
#hGive span {
	background-image: url(../images/bg_give.jpg);
}
#hNews span {
	background-image: url(../images/bg_news.jpg);
}
#hContact span {
	background-image: url(../images/bg_contact.jpg);
}

#primary h2 {
    color: #afc265;
	font-family: "georgia", "Bernhard Modern Roman", "Century Gothic", "Times New Roman", Times, serif;
	font-size: 1.334em;
	line-height: 2em;
	margin: 0em 1.5em;
	font-stretch:extra-expanded;
	
}
#primary h4 {
	color: #3D6411;
	font-size: 1.334em;
	line-height: 2em;
	margin: 0.5em 0;
	font-stretch:extra-expanded;
	border-bottom:#663300
}
#primary h3 {
	color: #603D27;
	font-size: 1.200em;
	line-height: 2em;
	margin: 2em 0;
	
}
#primary p { margin: 2em 2em; }
#primary ul {
    margin: 1em 0 1em 2em;
    list-style: disc;
    padding: 0 0 0 15px;
}
#primary a {
    color: #4d2b1d;
    text-decoration: underline;
}
#primary a:hover {
    color: #426b15;
    text-decoration: none;
}
#getInvolved {
    margin: 1px 0 0;
    height: 178px;
    position: relative;
}
#getInvolved span {
    background: EAD391;
    z-index: 100;
}
#getInvolved p {
    background: #ead391;
    bottom: 0;
    height: 57px;
    position: absolute;
    width: 100%;
}
#getInvolved strong { color: #; }
/* /content elements
 *****************************************************/

/* footer elements
 *****************************************************/
#footer h6 {
    background: none;
	color: a52a1b;
	float: left;
    font-weight: normal;
	margin: 0 10 2px;
	padding: 10px;
	
}
#footer ul {
    float: right;
    padding: 0 0 2px;
}
#footer li {
    display: inline;
    padding: 0 10 2px;
}
#footer a {
    border-left: 1px solid #90a03f;
    color: #a52a1b;
    padding: 0 3px 2px 6px;
}
#footer a:hover { color: #a52a1b5; }

#footer li.first a { border: none; }
/* /footer elements
 *****************************************************/