/*==================================*/
/*---------- PAGE/GENERAL ----------*/
/*==================================*/
* {
	margin: 0;
	padding: 0;
}


html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background: url(../images/main/background_pattern.jpg) 50% 0px repeat-x #687e33;
}

.clear {
	clear:both;
}

a {color: #851d19; text-decoration: none;}
a:visited {color: #851d19; text-decoration: none;}
a:hover {text-decoration: none; color: #f7880e;}
a:active {text-decoration: none;}
a:focus {outline:none}

img {
	border:none;
	margin: 0;
	padding: 0;
}

img .left {
	float: left;
}

img .right {
	float:right;
}

hr {
}

blockquote {
	font-style:italic;
	color: #a6a5a5;
}

#inside_wrapper {
	width: 820px;
	margin: 0 auto;
	padding: 0 0 17px 0;
	background: url(../images/main/wrapper_bg.jpg) 0px 0px repeat-y;
	position: relative;
}

#wrapper {
	width: 820px;
	margin: 0 auto;
	background: url(../images/main/wrapper_bg.jpg) 0px 0px repeat-y;
	position: relative;
	height: 100%;
}

.pdf {
	background: url(../images/main/icon_pdf.gif) 100% 50% no-repeat;
	padding: 0 31px 0 0;
}

/*==================================*/
/*------------- HEADER -------------*/
/*==================================*/
#header {
	width: 820px;
	height: 182px;
	position: relative;
	z-index:9979;
}

/* Header Images */

#page_programs #header {
	background: url(../images/header/programs.jpg) 0px 0px no-repeat;
}

#page_resources #header {
	background: url(../images/header/resources.jpg) 0px 0px no-repeat;
}

#page_eventscalendar #header {
	background: url(../images/header/eventscalendar.jpg) 0px 0px no-repeat;
}

#page_aboutus #header {
	background: url(../images/header/aboutus.jpg) 0px 0px no-repeat;
}

#home {
	position: absolute;
	top: 20px;
	left: 0px;
	width:269px;
	height:125px;
}

#home a {
	width: 269px;
	height: 125px;
	display: block;
	overflow:hidden;
	text-indent:-9999em;
}

/*-------- MAIN NAVIGATION ---------*/
ul#main_navigation {
	position: absolute;
	right: 0px;
	top: 131px;
	width: 497px;
	height: 34px;
	list-style:none;
	 z-index:9989;
}

#main_navigation li {
	position: absolute;
	top: 0px;
}

#main_navigation li a {
	display: block;
	padding: 8px 0 0 0;
	height: 25px;
	text-align: center;
	text-transform:uppercase;
	color: #fff;
	font-size: .9em;
	background: url(../images/main/nav_bg.gif) 0px 0px repeat-x;
}

#main_navigation li a:hover, #main_navigation li.active a, #main_navigation li.active_hover a {
	background: url(../images/main/nav_bg.gif) 0px -38px repeat-x #6b853b;
}

.nav_programs {left: 0px; width: 120px;}
.nav_resources {left: 120px; width: 106px;}
.nav_eventscalendar {left: 226px; width: 164px;}
.nav_aboutus {left: 390px; width: 107px;}

.nav_programs a {width: 120px;}
.nav_resources a {width: 106px;}
.nav_eventscalendar a {width: 164px;}
.nav_aboutus a {width: 107px;}

/* Dropdown */

ul#main_navigation .nav_programs ul, ul#main_navigation .nav_programs ul li{width: 120px;}
ul#main_navigation .nav_resources ul, ul#main_navigation .nav_resources ul li{width: 127px;}
ul#main_navigation .nav_eventscalendar ul, ul#main_navigation .nav_eventscalendar ul li{width: 164px;}
ul#main_navigation .nav_aboutus ul, ul#main_navigation .nav_aboutus ul li{width: 107px;}

ul#main_navigation ul{
	font-size: .8em;
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
	 position:absolute;
     top:33px;
	 z-index:9999;
	 background-color: #e3edd1;
	 display: none;
 }
 
 ul#main_navigation ul li {
	position:relative;
	height: auto;
}
 
 ul#main_navigation ul li a, ul#main_navigation .active li a, ul#main_navigation .active_hover li a {
	 text-transform:none;
	 color: #35460c;
	 height: auto;
	 padding: 5px 8px 5px 8px;
	 text-align: left;
	 background: none;
	 font-weight: bold;
 }
 
ul#main_navigation .nav_programs ul a{width: 104px;}
ul#main_navigation .nav_resources ul a{width: 111px;}
ul#main_navigation .nav_eventscalendar ul a{width: 148px;}
ul#main_navigation .nav_aboutus ul a{width: 91px;}
 
 ul#main_navigation ul li a:hover {
 	background: none;
 	background-color: #fff;
 }

#main_navigation li:hover ul{
    display:block;
    }

/*==================================*/
/*------------- TYPOGRAPHY ---------*/
/*==================================*/

h1 {
	color: #f7880e;
	font-size: 2.1em;
	font-weight: bold;
	font-style:italic;
	line-height: 120%;
}

h2 {
	color: #f7880e;
	font-size: 1.6em;
	font-weight: bold;
	font-style:italic;
	line-height: 120%;
}

h3, h4, h5, h6 {
	color: #851d19;
	font-size: 1em;
	font-weight: bold;
	line-height: 120%;
	padding: 0 0 20px 0;
}

blockquote {
	background: url(../images/main/blockquote_bg.gif) 10px 10px no-repeat #e3edd1;
	color: #333333;
	font-style:italic;
	width: 450px;
	padding: 16px 25px 16px 25px;
	margin: 0 0 20px 10px;
}

table {
	width: 510px;
	padding: 0;
	margin: 0 0 20px 0;
}

thead {
	width: 510px;
	color: #861e1b;
	font-weight: bold;
}

th {
	padding: 6px;
	text-align: left;
	background-color: #fde2b4;
}

td {
	padding: 6px;
}

tr {
	background: #fdfbf7;
}

tr.odd {
	background-color: #fef6e8;
}

/*==================================*/
/*------------- CONTENT ------------*/
/*==================================*/

#content_wrapper {
	width: 820px;
	margin: 15px 0 20px 0;
	font-size: .8em;
	line-height: 120%;
	position: relative;
}

img {
	border: 1px solid #bfbfbf;
}

img.left {
	float: left;
	margin: 0 8px 8px 0;
}

/*------------- LEFT COLUMN -------------*/
#left_column {
	width: 270px;
	float: left;
}

#left_column h1, #left_column h2{
	padding: 0 0 10px 17px;
	width: 253px;
}

#left_column p {
	padding: 0 0 15px 17px;
	width: 253px;
}

.sub_navigation {
	background: url(../images/main/subnav_bg.gif) 0px 0px repeat-y;
	width: 270px;
	padding: 15px 0 0 0;
	margin: 0 0 15px 0;
}

.sub_navigation ul {
	background: url(../images/main/subnav_bg_bottom.gif) 0px 100% no-repeat;
	width: 253px;
	list-style:none;
	padding: 0 17px 20px 0;
}

.sub_navigation ul li {
	padding: 0 0 0 17px;
	width: 236px;
	display: block;
	margin: 0 0 1px 0;
}

.sub_navigation ul li a {
	width: 219px;
	height: 100%;
	display: block;
	font-weight: bold;
	background: url(../images/main/subnav_arrow.gif) 7px 50% no-repeat;
	padding: 3px 0 3px 17px;
}

.sub_navigation ul li a:hover, .sub_navigation ul li.active a{
	background-color: #fde2b4;
	color: #861e1b;
}

/* BUTTONS */

a.donate_today {
	width: 177px;
	height: 45px;
	display: block;
	background: url(../images/main/donate_but.gif) 0px 0px no-repeat;
	overflow:hidden;
	text-indent: -9999em;
	margin: 0 0 9px 0;
}

a.donate_today:hover {
	background: url(../images/main/donate_but.gif) 0px -45px no-repeat;
}

/*------------- RIGHT COLUMN -------------*/

#right_column {
	width: 550px;
	float: right;
}

#right_column a {
	text-decoration: underline;
}

#right_column .pad {
	padding: 0 20px 0 20px;
	width: 510px;
}

#right_column h1, #right_column h2{
	padding: 0 0 15px 0;
}

#right_column h2 {
	color: #851d19;
	font-style:normal;
	font-size: 1.1em;
}

#right_column ul.no_bullet li{
	list-style: none;
	background: none;
	padding: 0;
}

#right_column ul {
	padding: 0 0 20px 0;
}

#right_column h2.ul_head {
	padding: 0;
}

#right_column ul li {
	background: url(../images/main/bullet.gif) 14px 50% no-repeat;
	list-style: none;
	padding: 0 0 0 23px;
}

#right_column ol {
	padding: 0 0 20px 0;
	margin: 0;
	list-style-position:inside;
}

#right_column ol li {
	padding: 0 0 0 15px;
}

#right_column p {
	padding: 0 0 23px 0;
}

/* RIGHT COLUMN MULTICOLUMN */

.col1 {
	width: 250px;
	float: left;
	padding: 0 10px 0 0;
}

.col2 {
	width: 250px;
	float: right; 
}

/* BUTTONS */

a.ourprograms_but {
	width: 272px;
	margin: 0 0 19px 228px;
	height: 48px;
	display: block;
	background: url(../images/home/our_programs_but.gif) 0px 0px no-repeat;
	overflow:hidden;
	text-indent: -9999em;
}

a.ourprograms_but:hover {
	background: url(../images/home/our_programs_but.gif) 0px -48px no-repeat;
}

/*==================================*/
/*------------- GALLERY ------------*/
/*==================================*/

#right_column ul.gallery {
	width: 510px;
	padding: 0;
	margin: 0;
}

#right_column ul.gallery li{
	background: none;
	padding: 0 7px 4px 0;
	margin: 0;
	float: left;
}

#right_column ul.gallery img {
	margin: 0;
	padding: 0;
}


/*==================================*/
/*------------- FOOTER -------------*/
/*==================================*/

#footer {
	font-size: .8em;
	background-color: #e8ecf5;
	width: 734px;
	margin: 0 auto;
	padding: 17px;
	text-align: center;
}

#footer a {
	text-decoration:underline;
}

.copyright {
	font-size: .8em;
	line-height: 130%;
}

.update {
	font-weight: bold;
	padding: 0 0 20px 0;;
}