/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* font colors */

.green{color: #6EAB23}

.lightgreen{color: #C8D037}



a {
	text-decoration: none;
	color: #809B30;
}

a:hover {
	border: none;
	color: #c8d037;
}

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto;
	background: #FFF ;
	height:100%; /* this is the key! */
	text-align: center;
}

body, th, td, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #333333;
}


/* Wrapper */

#wrapper {
position: relative;
	width: 900px;
		height: 100%;
		height : auto !important; /* ignored by IE, applied everywhere else */
		height : 100%; /* IE treats as min-height */
		min-height : 100%; /* IE ignores this */
	margin:  0 auto;
	padding: 0;
	background: #FFFFFF;
	background-color: #FFFFFF;	
	text-align: left;
}

#innerwrapper {
position: absolute;
	width: 900px;
		height: 100%;
		height : auto !important; /* ignored by IE, applied everywhere else */
		height : 100%; /* IE treats as min-height */
		min-height : 100%; /* IE ignores this */
	margin:  0 auto;
	padding: 0;
	background: #FFFFFF;
	background-color: #FFFFFF;	
	text-align: left;
	border-bottom: 1px solid #e6e6e6;
}


/* Header */

#topheader {
	width: 900px;
	height: 147px;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
	background: url(../images/index2/topheader.jpg) no-repeat left top;
}

#middle {
	width: 900px;
	height: 285px;
	padding: 0;
	margin: 0;
	border: 0px solid #000;
	background: #fff;
	background: url(../images/index2/headerleft_welcome_bw.jpg) no-repeat left top;
}

/* Page */

#page {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
	border: 0px solid #D5D5D5;
	border-top: none;
}

/* Logo */

#logo {
	float: left;
	position: relative;
}

#logo a img {
	float: left;
	margin: 12px;
	padding: 0;
	border: 0;
	height: 118px;
	width: 102px;
}

#logocare a img {
	float: left;
	margin: 12px;
	margin-left: 72px;
	padding: 0;
	border: 0;
	height: 118px;
	width: 90px;
}

#logosupport a img {
	float: left;
	margin: 12px;
	margin-left: 70px;
	padding: 0;
	border: 0;
	height: 118px;
	width: 90px;
}

#logolearning a img {
	float: left;
	margin: 12px;
	margin-left: 70px;
	padding: 0;
	border: 0;
	height: 118px;
	width: 90px;
}

#logogiving a img {
	float: left;
	margin: 12px;
	margin-left: 70px;
	padding: 0;
	border: 0;
	height: 118px;
	width: 90px;
}

#logo a {
	color: #6EAB23;
}



#logotext .lightgreen {
	color: #cccc33;
}





/* topleft topright */

#topleft {
	width: 900px;
	height: 285px;
	padding: 0;
	margin: 0;
	float: left;
	background: transparent url(../images/index2/headerleft_welcome.jpg) no-repeat left top;
	z-index:5;
	position: relative;
}

#care #topleft {
	background: url(../images/index2/headerleft_care.jpg) no-repeat left top;
}

#support #topleft {
	background: url(../images/index2/headerleft_support.jpg) no-repeat left top;
}

#learning #topleft {
	background: url(../images/index2/headerleft_learning.jpg) no-repeat left top;
}

#giving #topleft {
	background: url(../images/index2/headerleft_giving.jpg) no-repeat left top;
}

#givingevents #topleft {
	background: url(../images/index2/headerleft_giving_events.jpg) no-repeat left top;
}


#mission #topleft {
	background: url(../images/index2/headerleft_mission.jpg) no-repeat left top;
}

#jobs #topleft {
	background: url(../images/index2/headerleft_jobs.jpg) no-repeat left top;
}

#docs #topleft {
	background: url(../images/index2/headerleft_docs.jpg) no-repeat left top;
}

#contact #topleft {
	background: url(../images/index2/headerleft_contact.jpg) no-repeat left top;
}

/* menu */

#menuthing {
position: relative;
display: block;
margin: 0;
padding: 0;
height: 256px;
z-index: 5000;
}


/* menu */

ul#menu {
display: block;
margin: 17px 0 0 201px;
padding: 0;
border-left: 1px solid #C8D037;
width: 168px;
height: 256px;
background: url(../images/index2/main_bg.png) repeat left top;
list-style: none;
}

#IEroot  ul#menu {
display: block;
margin: 17px 0 0 201px;
padding-left: 0;
padding: 0;
border-left: 1px solid #C8D037;
width: 168px;
height: 256px;
background: url(../images/index2/main_bg.png) repeat left top;
}

ul#menu li {
display: block;
margin: 0;
padding: 0;
width: 163px;
}

ul#menu li a{
display: block;
margin: 0;
padding: 0 0 3px 5px;
border-bottom: 1px solid #C8D037;
width: 163px;
}

#IEroot  ul#menu li a{
display: block;
margin: 0;
padding: 0 0 3px 5px;
border-bottom: 1px solid #C8D037;
width: 168px;
}

ul#menu li.secondary a{
display: block;
margin: 0;
padding: 0 0 0 5px;
border-bottom: 1px solid #C8D037;
width: 163px;
background: #C8D037;
color: #fff;
}

ul#menu li.secondary a:hover{
display: block;
margin: 0;
padding: 0 0 0 5px;
border-bottom: 1px solid #C8D037;
width: 163px;
background: #f7f7f7;
color: #C8D037;
}




ul#menu li a:hover{
display: block;
margin: 0;
padding: 0 0 3px 5px;
border-bottom: 1px solid #809B30;
}

#IEroot  ul#menu li a:hover{
padding: 0 0 3px 5px;
border-bottom: 1px solid #809B30;
}

ul#menu li a.nounderline{
display: block;
margin: 0;
padding: 0 0 0 5px;
border-bottom: 0px solid #809B30;
width: 165px;
}

ul#menu li a.mainhref{
font-weight: bold;
}

ul#menu li a.active{
color: #C8D037;
}




/* Content */

/* 	all browsers see this, but only IE thinks #IEroot exists 
	as an element */


#content {
	float: left;
	width: 519px;
	padding: 0;
	margin: 0;
	border: 0px solid #D5D5D5;
	background: url(../images/index2/lines.png) repeat-y left top;
}

#IEroot #contentleft { /* exploder 5.5+ */
	display: block;
	width: 170px;
	padding: 0;
	margin: 0;
	float: left;
	background: url() no-repeat left bottom;
	border: 0px solid #D5D5D5;
	height: 100%;
	margin-left: 200px;
}

div#contentleft { /* normal browsers */
	display: block;
	width: 170px;
	padding: 0;
	margin: 0;
	float: left;
	height: 100%;
	border: 0px solid #D5D5D5;
	margin-left: 200px;
}

body>#wrapper #contentleft { /* styles for non-IE only...IE will not read > IE7 will but thinks body>#IEroot>#wrapper */
    
	}

.quoteish {
display: block;
height: 291px;
width: 160px;
	margin: 0;
	padding: 0;
	padding-top: 22px;
	color: #ccc;
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: -0.05em;
	border: 0px solid #D5D5D5;
}

#contentleft h1.title {
	margin: 8px 0 0 0;
	display: block;
	padding:0;
	line-height: 1.1em;
	font-size: 1.3em;
	border-bottom: 1px solid #C8D037;
}

form {
}

fieldset {
}

input, textarea {
	font-weight: bold;
}

input.text {
	padding: 2px 5px;
	background: #F8FAEB;
	border-top: 1px solid #4D5719;
	border-left: 1px solid #4D5719;
	border-right: 1px solid #626456;
	border-bottom: 1px solid #626456;
}

input.button {
	background: #3C7BCF;
	border-top: 1px solid #3C7BCF;
	border-left: 1px solid #3C7BCF;
	border-right: 1px solid #3C7BCF;
	border-bottom: 1px solid #3C7BCF;
	color: #FFFFFF;
}




h1, h2, h3, h4, h5, h6 {
	line-height: 2.0em;
	
}



h1 {
	letter-spacing: -.075em;
	font-size: 2em;
	color: #C8D037;
	
}

.quote {
	letter-spacing: -.05em;
	font-size: 1.5em;
	font-weight: bold;
	color: #6EAB23;
}

.otherquote {
	letter-spacing: -.05em;
	font-size: 1.3em;
	font-weight: bold;
	color: #C8D037;
}

h2 {
	letter-spacing: -.01em;
	font-size: 1.1em;
	font-weight: bold;
	color: #6EAB23;
	border-top: 2px dotted #c8d037;
}

h2.event {
	margin: 0;
	font-size: 1.3em;
	font-weight: bold;
	display: block;
	padding:0;
	border-bottom: 1px dotted #C8D037;
	line-height: 1.05em;
}


h3 {
	font-size: 1em;
	color: #C8D037;
border-top: 1px dotted #6EAB23;
}

p, ul, ol {
	margin-bottom: 1em;
	line-height: 1.1em;
	font-size: 1.1em;
}

#page ul, ol {
	list-style: circle;
	margin-left: 0;
	padding-left: 1em;
	list-style-position:inside;
}

blockquote {
	margin-bottom: 1em;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #809B30;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #c8d037;
}

hr {
	display: none;
}


.post {
	padding: 10px;
}

.post .title {
	margin: 0;
	font-weight: normal;
}

.post .entry {
	padding: 0;
}

.post .meta {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CFCFCF;
}

.post .meta a {
	color: #CFCFCF;
}

.post .links {
	margin: 0;
}

.post .tags {
	margin: 0;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
}

.post .links a, .post .tags a {
	border: none;
}


#abovefooter {
	display: block;
	MARGIN: 0; 
	padding: 0;
	border-top: 1px solid #C8D037;
	height: auto;
	FLOAT: left; 
	width: 100%;
}

.quintet {
	display: block;
	FLOAT: right; 
	MARGIN: 5px 9px 0px 9px;
	WIDTH: 160px;
	height: auto;
}



.quintet p, .quintet ul, .quintet ol {
	margin-bottom: 1em;
	line-height: 1.2em;
	font-size: 1em;
}

.quintet h2 {
	WIDTH: 160px;
display: block;
}


.quintet h2 a {
display: block;
	text-decoration: none;
	color: #809B30;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	WIDTH: 155px;
	background: #C8D037;
}


#IEroot .quintet h2 a {
display: block;
	text-decoration: none;
	color: #809B30;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	WIDTH: 160px;
	background: #C8D037;
}



.quintet .posttitle {
border-bottom: 2px dotted #C8D037;
}




#sub .excerptlink A {
	FONT-SIZE: 0.95em; TEXT-TRANSFORM: uppercase; FONT-FAMILY: Arial, Helvetica, sans-serif;
}

/* Footer */

#footer {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 140px;
	background: #ffffff;
	border-top: 10px solid #c8d037;
}

/* footers */


#footer1 {
	width: 371px;
	padding: 0;
	margin: 0 0 1px 0;
	float: left;
}

#footer2 {
	width: 529px;
	padding: 0;
	margin:  0 0 1px 0;
	float: right;
}

#footer p {
	padding-left: 15px;
	padding-top: 5px;
	text-align: left;
	font-size: 8px;
}

#logotext {
	color: #6EAB23;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.07em;
	padding-left: 15px;
	padding-top: 10px;
}


/*pathaway setting*/
.pathway {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
padding-bottom:15px;
display: none;
}

table.moduletable th {
	font-size        : 11px;
	font-weight      : normal;
	color            : #669900;
	text-align       : left;
	width            : 100%;
	letter-spacing: 2px;
	text-indent: 0px;
	padding-bottom: 3px;
	border-bottom: 1px solid #F1F1F1;
	text-transform:uppercase;
	display: none;
}

.contentheading, .componentheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : bold;
  color:#c8d037;
  text-align       : left;
  padding-left:20px;
  display: none;
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}




/*
* DOCMan 1.3.0 Default Theme
* @version $Id: theme.css,v 1.32 2005/09/30 21:11:48 johanjanssens Exp $
* @package DOCMan_1.3.0
* @copyright (C) 2003 - 2005 The DOCMan Development Team
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
* Oficial website: http://www.mambodocman.com/
*/


dl, dd, dt {margin: 1px 0 1px 0; padding:0; position: relative; top: 0px; display: block;
}

.message { 
	padding: 10px 10px 10px 50px; margin-bottom: 10px;
	border: 1px solid gray; background: #FFFFCC url(../images/message.gif) no-repeat 10px 50%; 
	color: red; font-weight: bold; 
}

#dm_header 		{ height: 50px; border-bottom: 2px dotted #ddd; text-align: center; margin: 0 0 5px 0;}
#dm_header div { float: left; padding: 3px; width: 30%; }
#dm_header a, #dm_header span  { display: block; padding-bottom: 5px; }

#dm_pathway {
	font-size: 11px;
	text-align: left;
	background: #ddd;
	margin-bottom: 5px; padding: 3px 3px 3px 10px;
}


h2#dm_title{display: none;}

#dm_cats, #dm_docs { text-align: left;}

#dm_cats h3, 
#dm_docs h3       { display: none; width: 100%; background: #ddd; padding: 0; clear: both; }
#dm_docs h3       { margin: 0; padding: 0;}
#dm_docs h3 span, 
#dm_cats h3 span  { display: block; float: right; font-size: 11px; font-weight: normal;}




dt { padding: 1px; border-top: 1px solid #bbb; height: 50px;}
dt.dm_row  {text-align: left;display: block; padding: 0; margin: 0; text-align: left; border: 1px solid #C8D037;}
dt a.dm_name	{text-align: left; display: block; padding: 8px 0 6px 0; font-weight: bold; border: 0px;}
dt a.dm_icon	{ float: left; padding-right: 10px; border: 0px; }
a.dm_icon img	{ float: left; border: 0px; }
.dm_link_tooltip img	{ border: 0px; display: none;}
.dm_link_tooltip a img	{ border: 0px; display: none;}
.dm_link_tooltip	{ border: 0px; display: none;}
dt a.dm_thumb	{ }





dt a.dm_name:hover { background: #FFCC00; color: #FC6401; }
dt span		{ padding-left: 10px; color: black; font-weight: normal; font-style: italic;}

dd.dm_date, dd.dm_files	{ float: right; margin: -22px 5px 0 0; }
dd.dm_description { background-color: #EEEEEE; padding: 5px; }
dd.dm_counter	{ float: right; clear: right; padding-right: 5px; margin-top: -14px; font-size: 10px; }
dd.dm_homepage	{ padding: 1px 1px 1px 5px; font-size: 10px; background-color: #F8F8F8;  }
dd.dm_taskbar   { padding: 2px;}

.dm_cat 			  			{ padding: 3px; }
.dm_cat .dm_name 			{ float: left; font-size: 14px; font-weight: bold; color: #666; margin-bottom: 3px; }
.dm_cat .dm_description { float: left; clear: left;  }
.dm_cat .dm_thumb       { float: right; margin-top: -15px; }

.dm_unpublished 		   { border: 1px dotted red; background-color: #FFCCCC;}
.dm_unapproved 		   { border: 1px dotted green; background-color: #CCFFCC;}

.dm_license       { }
.dm_license_agree { }

/* ---------- Orderby styles ---------------------------------------- */

.dm_orderby { margin: 0 0 10px 1px; padding: 1px 1px 1px 10px; background-color: #EEE; font-size: 10px;  }

/* ---------- Details styles ---------------------------------------- */

#dm_tooltip {}

/* -- shared styles */
.dm_doc caption, #dm_tooltip caption  
{ margin: auto; padding: 5px 0 5px 0; font-weight: bold; }

.dm_doc table, #dm_tooltip table {
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-collapse: collapse;
}

.dm_doc td, #dm_tooltip td {
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

.dm_doc thead, #dm_tooltip thead       { background-color: #FFCC00; font-weight: bold; }
.dm_doc col#prop			                { background-color: #EEEEEE; }
.dm_doc thead td, #dm_tooltip thead td { text-align: center; }

/* -- specific style when show as seperate page */

#dm_details 		{ width: 100%; text-align: center; }
#dm_details table { margin: auto; }
#dm_details td, #dm_details thead { padding: 5px; }

/* -- specific style when show as tooltip */

#dm_tooltip td, #dm_tooltip thead { padding: 2px; }

/* ---------- Taskbar styles ---------------------------------------- */

dd.dm_taskbar { display: none; padding: 0px; margin: 0px;}

dd.dm_taskbar li {
   float: left; list-style-type: none;
   background-image: none;
	padding: 0 0 0 3px; margin: 0.5em 0 2px 0;
   width:  6em;
	font-size: 85%;
}
dd.dm_taskbar li a {
   display: block;
	padding-left: 3px;
 }
dd.dm_taskbar li a:link,
dd.dm_taskbar li a:visited,
dd.dm_taskbar li a:hover {
	color: #696969; background-color: #eeeeee; 
   text-decoration: none;
 }
 dd.dm_taskbar li a:link,
 dd.dm_taskbar li a:visited {
   border-top: 1px solid #cecece;
   border-bottom: 1px solid Gray;;
   border-left: 1px solid #cecece;
   border-right: 1px solid Gray;;
 }
 dd.dm_taskbar li a:hover {
   border-bottom: 1px solid #cecece;
   border-top: 1px solid Gray;
   border-right: 1px solid #cecece;
   border-left: 1px solid Gray;
 }
 
 dd.dm_taskbar li.approve a:link { background-color: #CCFFCC; } 
 dd.dm_taskbar li.publish a:link { background-color: #FFCCCC; }
 
 /* ---------- Toolbar styles --------------------------------------- */
 
 .dm_toolbar    { list-style: none; height: 32px; margin-right: 25px; }
 .dm_toolbar li { float: right; background-image: none; }
 
 .dm_toolbar .dm_btn        { text-indent: -5000px; height: 32px; width: 32px; display: block;}
 .dm_toolbar #dm_btn_save         { background-image: url(../images/save.png)   }
 .dm_toolbar #dm_btn_cancel       { background-image: url(../images/cancel.png) }
 .dm_toolbar #dm_btn_save:hover   { background-image: url(../images/save-over.png)   }
 .dm_toolbar #dm_btn_cancel:hover { background-image: url(../images/cancel-over.png) }
 
 /* ---------- Form styles ------------------------------------------ */
 
.dm_form {
 	width: 35em;
	padding: 1em 1em 1em 1em; 
 }
.dm_form fieldset { border: 0 none; margin: 0; padding: 0.5em; float: left;}
.dm_form fieldset.input {margin:   0; padding: 0.5em; clear: both; float: left;}
.dm_form br       { display: none; }
.dm_form label    { display: block; width: 100px; font-weight: bold; float: left; }
.dm_form label.nofloat { float: none; }
.dm_form p        { text-align: left; }
.dm_form fieldset.dm_button    { border-top: 1px solid Gray; }
.dm_form select option.label { background-color: #EEE; border: 1px solid #DDD; color : #333; }
.dm_form .editor { float: none;  }

#dm_frmupload label { width: 100px; padding-right: 10px;}
#dm_frmupload #dm_btn_back   { float: left;  }
#dm_frmupload #dm_btn_submit { float: right; }

#dm_frmedit { width: 90%; border: 2px solid #ccc; }
#dm_frmedit #dmthumbnail_preview { float: right; margin-right: 30px; height: 80px; width: 80px; padding: 3px; border: 1px solid silver; }
#dm_frmedit #license-page label  { width: 250px; }
 
/* ---------- Nav styles ------------------------------------------ */

#dm_nav 	  { clear: both; padding-top: 15px; margin-top: 15px; border-top: 2px dotted #ddd;}
#dm_nav div { margin-top: 10px; }