/**
 *  ------------------------------------------------------
 *  Master CSS
 *  ------------------------------------------------------
 * 1. RESET
 * 2. BODY
 * 3. TYPOGRAPHY
 * 4. LAYOUT
 * 5. NAV
 * 6. Subpage Unique Styles
 * 7. EXTRAS
 

 *  ------------------------------------------------------
 */


/*  1. RESET
--------------------------------------------------------------------------------------- */
html, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}





/*  2. BODY
------------------------------------------------------------------------------------------- */
html, body {height:100%; margin:0; padding:0;}

body {
	background-color:#fff;
	background-image:url(../images/bg_subpage.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#555555;
	text-align:left;
	cursor:default;
	}
		




/*  3. TYPOGRAPHY
------------------------------------------------------------------------------------------- */
/* paragraphs */
p {line-height:16px; padding:0px 0px 25px 0px;}
td {vertical-align:top; line-height:auto;}

/* headers */
h1 {font:26px Arial, Helvetica, sans-serif; color:#333; font-weight:normal; margin:0px 0px 20px 0px; padding:0;}
h2 {font:18px Arial, Helvetica, sans-serif; color:#339900; font-weight:normal; margin:0px 0px 20px 0px; padding:0;}
h3 {font:17px Arial, Helvetica, sans-serif; color:#339900; font-weight:normal; margin:0px 0px 2px 0px; padding:0;}
h4 {font:12px Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; margin:0; padding:0;}

/* hyperlinks */
a {font:12px Arial, Helvetica, sans-serif; color:#FF9900; font-weight:normal;}
a:link, a:active, a:visited {text-decoration:none;}
a:hover {color:#FF9900; text-decoration:underline;}

	h2 a {font-size:15px;}

/* lists */
ul {margin:0px 0px 30px 0px; padding:0;}
ol {margin:0px 0px 20px 10px; padding:0;}
li {margin:0px 0px 3px 16px; padding:0px 0px; font:13px Arial, Helvetica, sans-serif; font-style:italic; line-height:17px; color:#666;}

ul.noBullet {margin:0px 0px 20px 0px; padding:0;}
ul.noBullet li {margin:0px 0px 0px 0px; padding:0px 0px 7px 0px; font:11px Arial, Helvetica, sans-serif; line-height:18px;  color:#666; list-style-type:none;}


/* forms */
input {font-size:12px;}


/* extras */
img {border:0; padding:0; margin:0; display:block;}
.inline {display:inline;}
.clear {clear:both; height:0; margin:0; padding:0;}
.btmBorder {border-bottom:1px dotted #ccc; margin-bottom:25px;}
.txt_FeatureBox {width:auto; margin:0; padding:0px 25px; background-color:#f0fff0; font-size:17px; font-weight:normal; color:#009900; line-height:22px;}








/*  4. LAYOUT
------------------------------------------------------------------------------------------- */

/* main wrapper
--------------- */
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -125px;
}

/* header
--------- */
#headerWrap {position:relative; width:1000px; height:105px; margin:0 auto;}

#contentWrap {position:relative; width:940px; margin:0 auto;}
	
	#titleWrap {position:relative; width:940px; height:160px; margin-top:5px;}
	.title {position:absolute; left:65px; top:80px;}
	.titlePic {position:absolute; left:566px; top:0px;}

	#col1 {float:left; display:inline; width:150px; text-align:left; margin:40px 0px 0px 65px; padding:0;}
	#col2 {float:left; display:inline; width:650px; margin:40px 0px 0px 60px;}
	#noCol {width:810px; margin:40px auto 0px auto;}

/* footer
--------- */
#footerOuterWrap {clear:both; width:100%; margin:0 auto; padding:0; height:125px; background-image:url(../images/bg_footer.gif); background-position:bottom center; background-repeat:no-repeat;}
.push {height:125px;}

	#footerInnerWrap {width:945px; margin:0 auto;}
	#footerInnerWrap p {font:11px Arial, Helvetica, sans-serif; color:#666; text-align:right; padding:0;}
	
	#footerInnerWrap p.footerLinks {font:11px Arial, Helvetica, sans-serif; color:#666; padding:83px 0px 0px 0px; float:left; margin:0px 30px 0px 250px;}
	#footerInnerWrap p.footerLinks a {font:11px Arial, Helvetica, sans-serif; color:#666;}
	#footerInnerWrap p.footerLinks a:hover {text-decoration:underline;}

	.btnFacebook {float:left; padding:80px 0px 0px 0px; margin-right:20px;}

	#footerInnerWrap p.copyright {font:11px Arial, Helvetica, sans-serif; color:#999; padding:83px 0px 0px 0px; float:left;}
	#footerInnerWrap p.copyright a {font:11px Arial, Helvetica, sans-serif; color:#999;}
	#footerInnerWrap p.copyright a:hover {text-decoration:underline;}









/*  5. NAVIGATION
------------------------------------------------------------------------------------------- */

/* mini nav */
ul#miniNav {
	position:absolute;
	left:310px;
	top:42px;
	width:475px;
	margin:0;
	padding:0;
	color:#999;
	text-align:right;
	}
ul#miniNav li {display:inline; margin:0px 0px 0px 0px; padding:0px; line-height:normal; color:#ccc;}
ul#miniNav li a {font:11px Arial, Helvetica, sans-serif; color:#666; font-weight:normal; padding:0px 10px;}
ul#miniNav li a:link, ul#mainNav li a:active, ul#mainNav li a:visited {text-decoration:none;}
ul#miniNav li a:hover {color:#FF9900; text-decoration:none;}

ul#miniNav li.memLogin a {padding-left:20px; padding-right:0px;}



/* donate */
.btnDonation {position:absolute; left:802px; top:24px; background:url(../images/btn_donation_on.gif) no-repeat; white-space:nowrap; display:block; width:164px; height:31px; margin:0; padding:0;}
.btnDonation a {display:block; width:164px; height:31px; float:left; padding:0;}
.btnDonation img {width:164px; height:31px; border:0;}
* html a:hover {visibility:visible;}
.btnDonation a:hover img {visibility:hidden;}

/* main nav */
ul#mainNav {
	position:absolute;
	left:384px;
	top:64px;
	margin:0;
	padding:0;
	}
ul#mainNav li {display:inline; margin:0px 0px 0px 17px; padding:0; line-height:normal; text-align:left;}
ul#mainNav li a {font:18px Arial, Helvetica, sans-serif; color:#555; font-weight:normal;}
ul#mainNav li a:link, ul#mainNav li a:active, ul#mainNav li a:visited {text-decoration:none;}
ul#mainNav li a:hover {color:#FF9900; text-decoration:none;}

ul#mainNav li a.navOn {color:#FF9900;}


/* Side Nav */
#col1 ul#sideNav {width:150px; margin:0; padding:0; list-style-type:none; text-align:left;}
#col1 ul#sideNav li {margin:0; padding:0; border-bottom:1px dotted #ccc;}
#col1 ul#sideNav li span.default a {font:12px Arial, Helvetica, sans-serif; color:#666; font-weight:normal; line-height:normal; display:block; padding:4px 0px;}
#col1 ul#sideNav li span.default a:hover {color:#FF9900; text-decoration:none;}
#col1 ul#sideNav li span.current a {font:12px Arial, Helvetica, sans-serif; color:#000; font-weight:bold; line-height:normal; display:block; padding:4px 0px;}
#col1 ul#sideNav li span.current a:hover {color:#FF9900; text-decoration:none;}

/* side nav sub menu */
#col1 ul#sideNav ul {width:auto; margin:0; padding:0; list-style-type:none; text-align:left;}
#col1 ul#sideNav ul li {width:auto; margin:0; padding:3px 4px; border-bottom:none; background-color:#f7f7f7;}
#col1 ul#sideNav ul li span.default a {font:11px Arial, Helvetica, sans-serif; color:#666; font-weight:normal;}
#col1 ul#sideNav ul li span.default a:hover {color:#FF9900; text-decoration:none;}
#col1 ul#sideNav ul li span.current a {font:11px Arial, Helvetica, sans-serif; color:#000; font-weight:bold;}
#col1 ul#sideNav ul li span.current a:hover {color:#FF9900; text-decoration:none;}









/*  6. PAGE SPECIFIC STYLES
------------------------------------------------------------------------------------------- */

/* Home Page 
--------------- */
.bg_homepage {background-image:url(../images/bg_homepage.jpg); background-position:top center; background-repeat:no-repeat;}
.hpLogo {position:absolute; left:30px; top:20px;}

/* flash */
#hpFlashWrap {position:relative; width:940px; height:455px; z-index:10; margin:0 auto;}

	/* info boxes */
	#hpInfoboxWrap {float:left; display:inline; width:255px; margin-top:59px;}
		#hpInfobox1 {position:relative; width:255px; margin-bottom:10px; padding-bottom:10px; background-image:url(../images/bg_infobox_1.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#50b848;}
		#hpInfobox1 h1 {width:225px; padding:10px 0px 0px 0px; margin:0 auto; color:#fff; font-size:20px; font-weight:bold; line-height:auto;}
		#hpInfobox1 p {width:225px; padding:5px 0px 10px 0px; margin:0 auto; color:#fff; font-size:12px; line-height:15px;}
		
		#hpInfobox2 {position:relative; width:255px; margin-bottom:10px; padding-bottom:10px; background-image:url(../images/bg_infobox_2.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#fdae31;}
		#hpInfobox2 h1 {width:225px; padding:10px 0px 0px 0px; margin:0 auto; color:#fff; font-size:20px; font-weight:bold; line-height:auto;}
		#hpInfobox2 p {width:225px; padding:5px 0px 10px 0px; margin:0 auto; color:#fff; font-size:12px; line-height:15px;}
		
		#hpInfobox3 {position:relative; width:255px; margin-bottom:10px; padding-bottom:10px; background-image:url(../images/bg_infobox_3.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#262626;}
		#hpInfobox3 h1 {width:225px; padding:10px 0px 0px 0px; margin:0 auto; color:#fff; font-size:20px; font-weight:bold; line-height:auto;}
		#hpInfobox3 p {width:225px; padding:5px 0px 10px 0px; margin:0 auto; color:#fff; font-size:12px; line-height:15px;}

		.btnReadMore {margin:0px 0px 0px 150px;}
div#hpInfobox1 .btnReadMore {margin:0px 0px 0px 137px;}

	/* news */
	#hpNewsWrap {float:left; display:inline; width:200px; margin:63px 0px 0px 20px;}
	.hpNewsArticleWrap {margin-bottom:20px;}
	.hpNewsTitle {margin-bottom:2px;}
	.hpNewsDate {font:10px Arial, Helvetica, sans-serif; color:#666; margin-bottom:7px;}
	.hpNewsDescr {font:12px Arial, Helvetica, sans-serif; color:#666; margin-bottom:15px;}



/* Proud Sponsors */
div.sponsorsWrap {border-bottom:1px dotted #ccc; padding:10px 0px;}
div.sponsorsWrap div.sponsorLogo {float:left; display:inline; width:100px; margin-right:25px;}
div.sponsorsWrap div.sponsorLogo img {margin:0 auto;}
div.sponsorsWrap p {float:left; display:inline; width:475px; margin:0; padding:0;}
div.sponsorsWrap p a {font-size:14px;}

/* Proud Supporters */
div.supportersWrap {border-bottom:1px dotted #ccc; padding:10px 0px;}
div.supportersWrap div.partnerLogo {float:left; display:inline; width:150px; margin-right:25px;}
div.supportersWrap div.partnerLogo img {margin:0 auto;}
div.supportersWrap p {float:left; display:inline; width:475px; margin:0; padding:0;}
div.supportersWrap p a {font-size:14px;}


/* News */
.newsArticleListingWrap {border-bottom:1px dotted #ccc; padding:20px 0px;}
.articleTitleLink {font-size:14px; }
.articleTitle {font-size:18px; line-height:normal; font-weight:normal; padding:0px 0px 3px 0px;}
.articleDate {font-size:11px; padding:2px 0px 10px 0px;}
.articleDescription{font-style:italic; padding:0; line-height:normal;}


/* Contact */
.requiredInfoWrap {float:left; display:inline; width:325px;}
.optionalInfoWrap {float:right; display:inline; width:325px;}






/*  7. EXTRAS
------------------------------------------------------------------------------------------- */
/* text */
.text_bold {font-weight: bold;}
.text_small {font-size:10px; line-height:12px;}
.text_large {font-size:15px; line-height:18px;}
.text_align_right {text-align:right;}
.text_align_left {text-align:left;}
.text_align_center {text-align:center;}

/* image */
.img_floatRight {
	float:right;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:15px;
	margin-left:25px;
}
.img_floatLeft {
	float:left;
	margin-top:0px;
	margin-right:15px;
	margin-bottom:10px;
	margin-left:0px;
}
.img_center {
	display:block;
	margin:0 auto;
}

/* floats */
.float_left {float:left;}
.float_right {float:right;}


/* ----- DROP NAV ----- */
div.drop_nav {
	background-color: #FFF;
	width:150px;
	padding-top:7px;
	padding-bottom: 7px;
	border: 1px solid #AAA;
	z-index: 10;
}
div.drop_nav a, div.drop_nav a:visited {
	text-decoration: none;
	font-size:11px;
	display: block;
	float: none;
	color:#999;
	font-weight: normal;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
}
div.drop_nav a:hover {
	color: #F90;
}

div#nav_73 {
	visibility: hidden;
	position: absolute;
	top: -20px;
	left:370px;
}
div#nav_77 {
	visibility: hidden;
	z-index: 1;
	position: absolute;
	float: none;
	top: -20px;
	left:520px;
}
div#nav_78 {
	visibility: hidden;
	position: absolute;
	top: -20px;
	left:644px;
}
div#nav_79 {
	visibility: hidden;
	position: absolute;
	top: -20px;
	left:780px;
}