/* 
URL: http://
Author: Matt Green   
Title: Web Developer/Flaxen Design 
Company: Flaxen Design

** Refer to the core files 'global.css' and 'reset.css' that are loaded before

[Table Of Contents] 

1- Reset
2- Global Styles
3- Major Page Layout Elements
4- Header
5- Navigation 
6- Content 
7- Pages
8- Footer
*/

/* 1. Reset 
-------------------------------------------------------------- */
@import url("reset.css");

/* 2. Global Styles and General Selectors
-------------------------------------------------------------- */
@import url("global.css");

#container { 
	width:860px; 
	position: absolute;
	background: url(../images/container_bg.png) repeat-y;
	left:50%;
	margin-left: -350px;
	float:left;
}

p, ol, ul { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 15px;
	color:#786543;
}

body, div {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color:#786543;
	line-height: 20px;
}

ol li, ul li {
	margin-left: 30px;
	margin-bottom: 5px;
}

ul li { 
	list-style: disc;
}

a { 
	color: #78803e;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
}

img#signature {
	position:absolute;
	top:245px;
	right:25px;
	z-index: 200;
}

a:hover { text-decoration: none; }

.divider {
	height:1px;
	width:100%;
	background: url(../images/divider.png) repeat-x;
	margin:13px 0px 10px 0px;
}

.dividerH {
	height:1px;
	width:100%;
	background: url(../images/divider.png) repeat-x;
	margin:3px 0px 10px 0px;
}

h4, h3, h5 {
	font-family: Georgia, Times, sans-serif;
	text-transform: uppercase;
	color:#485421;
	font-size: 13px;
}

h3 {
	color:#9a593f;
	font-size: 14px;
	background: url(../images/divider.png) repeat-x bottom;
	padding-bottom: 8px;
	margin-bottom: 10px;
	margin-top: 20px;
}

h3.news_big { font-size: 18px; margin-bottom: 15px; }
h3.news { color:#485421; font-size: 12px;}

h2 { padding-bottom: 10px; }

h4 {
	background: url(../images/divider.png) repeat-x bottom;
	display: block;
}

ul.contact li {
	margin-bottom: 0px;
	list-style: none;
	margin-left: 0px;
}

ul.newsletters li {
	list-style: none;
	margin:0px;
	padding: 3px 4px;
	font-size: 13px;
}

ul.newsletters li.latest p {
	margin-top: 30px;
	margin-bottom: 0px;
}

ul.newsletters li.latest img {
	display: none;
}

ul.newsletters li.latest img.pdf {
	display: block;
	float:left;	
	width:50px;
	margin-right: 10px;
}

ul.newsletters li img {
	margin-bottom: -5px;
	width:20px;
	margin-right: 5px;
}

strong p {
	font-weight: bold;
}

.news_img {
	max-width:150px;
	max-height:300px;
	float:left;
	margin-right: 15px;
}

.news_img_lg {
	max-width:250px;
	max-height:600px;
	float:left;
	margin-right: 20px;
	margin-bottom: 5px;
}

ul.list, p.establish_content {
	display: none;
}

object {
	position: absolute;
	z-index: 9;
	left:-110px;
	top:0px;
}

p.headlines {
	position: absolute;
	width:175px;
	padding:5px 5px 5px 5px;
	top:74px;
	left:-90px;
	background: white;
	z-index: 11;
	font-size: 10px;
	line-height: 12px;
	margin:0px;
	/* for IE */
  	filter:alpha(opacity=85);
  	/* CSS3 standard */
  	opacity:0.85;
  	color:#555;
}

p.headlines a {
	font-size: 10px;
	line-height: 12px;
}

div#h6_calendar h6 {
	display: none;
}

div.NewsSummary {
	clear: both;
	float: left;
	width:100%;
}

.NewsSummaryLink {
	margin-top: 30px;
}

/* 3. Major Page Layout Elements 
-------------------------------------------------------------- */

body { background: url(../images/bg.png) repeat-x #677BAD; }

/* 4. Header 
-------------------------------------------------------------- */

img.header { 
	position: absolute;
	left:14px;
	top:0px;
}

h2.home {
	text-indent: -9999px;
	position: absolute;
	background: url(../images/headline_home.png) no-repeat;
	width:632px;
	height:22px;
	top:275px;
	left:145px;
}

h2.about-us { background: url(../images/headline_about.png) no-repeat; }
h2.advantages { background: url(../images/headline_advantages.png) no-repeat; }
h2.how-to-start-giving { background: url(../images/headline_giving.png) no-repeat; }
h2.list-of-funds { background: url(../images/headline_available.png) no-repeat; }
h2.establishing-a-fund { background: url(../images/headline_establishing.png) no-repeat; }
h2.application-guidelines { background: url(../images/headline_grant.png) no-repeat; }
h2.in-the-news { background: url(../images/headline_news.png) no-repeat; }
h2.links { background: url(../images/headline_links.png) no-repeat; }
h2.contact-us { background: url(../images/headline_contact.png) no-repeat; }


/* 5. Navigation and Branding
-------------------------------------------------------------- */

#brand_nav {
	width:247px;
	position: absolute;
	z-index: 10;
	left:-120px;
	top:120px;
	padding-bottom: 264px;
	background: url(../images/nav_bottom.png) no-repeat bottom;
}

p#bright { display: none; }

h1#branding a {
	width:247px;
	height:189px;
	text-indent: -9999px;	
	background: url(../images/nav_branding.png) no-repeat;
	display: block;
}

ul#navigation {
	width:247px;
	background: url(../images/nav_bg.png);
	margin-bottom: 0px;
	padding-top: 17px;
}

ul#navigation li {
	background: url(../images/divider.png) repeat-x;
	margin:0px 21px 0px 11px;
	list-style: none;
	line-height: 13px;
}

ul#navigation li a.last {
	height:2px;
	text-indent: -9999px;
	padding:0px;
	margin:0px;
}

ul#navigation li a {
	display: block;
	padding: 12px 0px 12px 13px;
	font-family: Georgia, Times, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 2px;
}

ul#navigation li a:hover, ul#navigation li.selected a {
	background: url(../images/hover.png) repeat-x bottom;
}

ul#navigation li ul li {
	background: none;
	line-height: 11px;
}

ul#navigation li ul li a, ul#navigation li.selected ul li a {
	margin:0px;
	padding:4px 0px 2px 5px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	color:#555;
	background: none;
}

ul#navigation li ul li a:hover {
	color:#000;
	background: none;
}

/* 6. Content
-------------------------------------------------------------- */

#content {
	background: url(../images/content_bg.png) no-repeat top center;
	width: 700px;
	margin-left: 14px;
	padding:350px 0px 0px 133px;
	float: left;
}

#left {
	width:420px;
	float: left;
	margin-bottom: 30px;
}

#sidebar {
	width:260px; 
	float:left;	
	background: url(../images/sidebar_bg.png) no-repeat;
	padding-top:30px;
	margin-top: 0px;
	position: relative;
	margin-left: 20px;
	min-height: 450px;
}

#sidebar a.download {
	font-size: 13px;
	color:#735741;
	position:absolute;
	top:-12px;
	left:30px;
	background: url(../images/pdf.png) no-repeat left;
	padding-left: 25px;
	margin:0px;
}

a.download {
	font-size: 13px;
	color:#735741;
	background: url(../images/pdf.png) no-repeat left;
	padding-left: 25px;
	margin:0px;
	padding-top: 4px;
	padding-bottom: 4px;
}


#sidebar p, #sidebar a {
	font-size: 11px;
	line-height: 18px;
}

#sidebar p, #sidebar h4, #sidebar h5 {
	margin:0px 37px;
	padding: 0px;
}

#sidebar h5 {
	margin-bottom: 7px;
}

#sidebar .calendar-upcominglist {
	margin:0px 45px;
}

#sidebar .calendar-upcominglist div {
	font-size: 11px;
	line-height: 16px;
}

#sidebar h6 {
	font-style: italic;
	margin-top:8px;
}

#sidebar h5 {
	line-height: 14px;	
	margin-top: 15px;
	font-size: 12px;
}

#sidebar h4 {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#sidebar h4.two {
	height:32px;
}

#sidebar p {
	margin:8px 35px 5px 5px;
}

#sidebar a {
	margin:12px 35px 0px 45px;
}

#sidebar a.body_a {
	margin:0px;
}

#sidebar div.divider {
	margin:2px 37px 12px 37px;
	width:185px;
}

#sidebar p { 
	padding-left: 40px;
}

/* 7. Pages
-------------------------------------------------------------- */

/* About Us */

/* Form */

div.captcha {
	margin-top: 12px;
}

form div.captcha p {
	line-height: 14px;
	font-size: 12px;
}

form div.captcha p input {
	width:100px;
	margin-left: 10px;
	display: block;
	margin-top: 10px;
	padding:2px 2px;
}

form div.captcha p input[type="hidden"] {
	display:none;
}

img.captchapict {
	border:1px solid #ccc;
	margin-top: 0px;
}

div.fb_invalid { 
	
}

div.submit input { 
	width:100px;
	
}

form { 
	margin:10px 0px;
}

form label { 
	float:left;
	width:130px;
	margin-right: 15px;
	text-align: right;
}

form input { 
	width:225px;
	padding:4px 5px;
}

form p {
	float:left;
	clear:both;
}

div.error_message li, div.error_message p {
	color:red;
}

/* 8. Footer 
-------------------------------------------------------------- */

div#footer p {
	text-align: center;
	padding-left: 0px;
}

div#footer {
	margin-left: -115px;
	width:800px;
}