/******************************************************************************/
/*       <link href="css/styles.css" type="text/css" rel="stylesheet" />      */
/******************************************************************************/

@import url("reset.css");

/*** standard classes ***********************************************************************************************/
.separator1{height: 1px;font-size: 1px;display: block;}
.separator2{height: 2px;font-size: 1px;display: block;}
.separator3{height: 3px;font-size: 1px;display: block;}
.separator5{height: 5px;font-size: 1px;display: block;}
.separator10{height: 10px;font-size: 1px;display: block;}
.separator20{height: 20px;font-size: 1px;display: block;}
.separator50{height: 50px;font-size: 1px;display: block;}

.clear{clear:both;display: block; height:0px;}

a{ text-decoration:none; outline:none;}
a:hover{ text-decoration:underline;}
strong, b{ font-weight:bold;}
em, i{ font-style:italic;}

/*** follow sections can edit *****************************************************************************/
HTML, BODY, .basis{
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
BODY{
	background:url(../images/body_bg.png) repeat-x center top;
	behavior: url("../js/csshover.htc");
}

/*
.basis{ background:url(../images/header_bg1.png) no-repeat center 135px;}
#bg1{ background-image:url(../images/header_bg1.jpg);}
#bg2{ background-image:url(../images/header_bg2.jpg);}
*/

.basis{
	margin-bottom: -199px;
	display: table;
	height: auto;
	height: 100%;
	min-height: 100%;
	width:100%;
}
.main{
	margin: auto;
	height: 100%;
	width:863px;
}

/*** header **************************************************************/
.header{
	height: 234px;
	position:relative;
	padding-top:135px;
}

.header .logo1{ position:absolute; top:21px; left:0px;}
.header .logo2{ position:absolute; top:15px; right:32px;}

a.icon_link{ display:block; height:41px; background: no-repeat top; position:absolute; top:344px; text-indent:-99999px;}
a.icon_link:hover{ background-position:bottom;}
a#twitter{ width:36px; background-image:url(../images/icon_twitter.png); right:52px;}
a#facebook{ width:34px; background-image:url(../images/icon_facebook.png); right:5px;}

.topimg .background{ position:absolute; margin-left:-83px;}
.topimg .background li{ position:absolute; top:0px;}
/*.topimg {height:202px;overflow:hidden;position:relative;}*/
.topimg .front{ padding-top:18px; position:relative; z-index:100; height:184px;}
.topimg a.donate{ display:block; height:43px; width:163px; margin-bottom:18px;}

.shadow{
	width:560px; text-shadow:#2e3092 2px 2px;
	filter: Shadow(Color=#2e3092, Direction=135, Strength=4);
}
.shadow p{ padding:0 7px; color:#aaceff; font-size:14px; line-height:18px;}
.shadow p span{ color:#ffffff;}

.header .nav{ height:49px; position:absolute; left:0px; bottom:0px;}
.header .nav li{ float:left;position:relative;}
.header .nav li.active a{ background:#2e3092; padding:15px 24px 6px; font-size:18px;}
.header .nav li.active a:hover{ color:#ffffff;}
.header .nav li a{ display:inline-block; padding:15px 13px 6px; font-size:18px; color:#FFFFFF; line-height:28px;}
.header .nav li:hover a{ text-decoration:none;background:#2e3092; }
.header .nav ul{
	display:none;
	position:absolute;
	top:49px;
	left:0px;
	background-color:#2e3092;
	width:240px;
	padding:10px;
}
.header .nav li:hover ul{
	display:block;
}
.header .nav li ul li{
	float:none;
}
.header .nav ul li a{
	line-height:20px;
	padding-left:18px !important;
	padding-top:10px !important;
	font-size:14px !important;
}
/*** content **************************************************************/
.content{
	padding-top:16px;
}
.left_column{
	color:#302f2f;
	line-height:18px;
}

.homepage{
	width: 575px;
	float: left;
}

.left_column p{ margin-bottom:18px;}

.right_column{
	width: 264px;
	float: right;
}

.right_column .widget{ margin-bottom:20px;}
.right_column .item{ margin-bottom:22px;}
.right_column .item .inner{ line-height:16px;}

h1{ font-size:36px; font-weight:normal; color:#28903a; margin:6px 0 11px;}

h2{ padding:4px 0 15px;}
h2, h2 a{ font-size:30px; font-weight:normal; color:#2e3092;}
h2 a:hover{ color:#FF0000;}

h3{ line-height:17px; margin-bottom:6px;font-weight:bold;}
h3, h3 a{ font-size:14px; font-weight:bold; color:#28903a;}
h3 a:hover{ text-decoration:underline;}

a.btn_resources{}


.left_column ul{
	padding-left:20px;
	list-style:disc;
	margin-bottom:18px;
}


/*** footer **************************************************************/

/*needed to make room for footer*/
.clearfooter{
	clear: both;
	height: 199px;	/* height of footer */
}
* > HTML .clearfooter {
	float: left;
	width: 100%;
}/* ie mac styles */

.footer_basis{
	margin: auto;
	height: 199px;
	background:url(../images/footer_bg.png) repeat-x #e0e0e0;
}
.footer{
	width: 860px;
	margin: auto;
	padding-top:10px;
	position:relative;
}

.btmnav{ overflow:hidden;}
.btmnav ul{ float:left;}

.btmnav ul.singlelevel{ padding-bottom:16px; background:url(../images/footer_shadow.png) no-repeat bottom left;}
.btmnav ul.singlelevel li{ float:none;}
.btmnav ul.singlelevel li.bg{ background:url(../images/footer_shadow.png) no-repeat top left;}


.btmnav ul li, .btmnav ul li a{ color:#28903a; font-size:17px; font-weight:bold;}
.btmnav ul li{ float:left; width:130px; margin-right:20px; overflow:hidden; padding:8px 0 4px;}
.btmnav ul li a{ padding-left:0px;}
.btmnav ul li a:hover{ text-decoration:none;}

.btmnav ul ul{ background:url(../images/footer_shadow.png) no-repeat left top; margin-top:4px;  padding-top:3px; min-height:16px;}
.btmnav ul ul li, .btmnav ul ul li a{ color:#595858; font-size:12px; font-weight:normal; line-height:15px; padding:0;}
.btmnav ul ul li{ float:none; margin:0; width:118px; padding:2px 0 2px 12px; background:url(../images/footer_nav.png) no-repeat 0 6px;}
.btmnav ul ul li a:hover{ text-decoration:underline;}


.footer .address{
	position:absolute; top:22px; right:0px; width:265px; padding-top:68px;
	background:url(../images/logo_footer.png) no-repeat top center;
	color:#aaa9a9; text-align:center; line-height:14px;
}
.footer .copyright{
	position:absolute; top:146px; right:0px;
	color:#aaa9a9; text-align:center;
}


.date{
	font-size:12px;
	margin-bottom:20px;
}
ol {
margin:0 0 20px 0;
}
ol li {
margin:10px 0 10px 30px;
list-style:decimal;
}

img.left {
float:left;
margin:0 10px 10px 0;
}
img.right {
float:right;
margin:0 0 10px 10px;
}