/* CSS Document */
body {	
	margin-top					: 0px;
	background-color			: #000;
	background-repeat			: repeat-x;
	}
p {
	font-family					: Verdana, Arial, Helvetica, sans-serif;
	font-size				    : 11px;
	}
img {
	border: 0px;
	}	
#main {
	margin-left					: auto;
	margin-right				: auto;
	width						: 950px;
	}
.clear{
	clear						: both;
	}
	
/* =========================================================== Sub Navigation Bar ===========================================================*/
#subNavBar {
	margin						:0px;
	padding						:0px;
	background-color			:#099c49;
	width						:950px;
	}
#subNavBar P {
	margin						:0px;
	padding						:10px 0px 10px 5px;
	font-family					:Verdana, Arial, Helvetica, sans-serif;
	font-size					:11px;
	color						:#fff;
	}
#subNavBar a, #subNavBar a:visited {
	margin						:0px;
	padding						:0px 15px 0px 15px;
	font-family					:Verdana, Arial, Helvetica, sans-serif;
	font-size					:11px;
	color						:#fff;
	text-decoration				:none;
	}
#subNavBar a:hover {
	margin						:0px;
	padding						:0px 15px 0px 15px;
	font-family					:Verdana, Arial, Helvetica, sans-serif;
	font-size					:11px;
	color						:#e9e9e9;
	text-decoration				:underline;
	}
	

/* =========================================================== Header ===========================================================*/
#header {
	margin						:0px;
	padding						:0px;
	background-color			:#000000;
	width						:950px;
	height						:60px;
	}
#header img {
	float						:left;
	}
#header p{
	float						:right;	
	margin-top					:15px;
	padding-right				:15px;
	font-family					:Verdana, Arial, Helvetica, sans-serif;
	font-size					:10px;
	color						:#fff;
	}
#header a, #header a:visited {
	padding: 0px 5px 0px 5px;
	color:#fff;
	text-decoration:none;
	}
#header a:hover {
	color:#fff;
	text-decoration:underline;
	}


/* =========================================================== Banner ===========================================================*/
#banner {
	margin						:0px;
	padding						:0px;
	background-color			:#f2ede2;
	width						:950px;
	height						:197px;
	}
#banner img {
	margin						:0px;
	padding						:0px;
	float						:left;
	}

/* =========================================================== Banner Navigation ===========================================================*/
#bannerNav {
	float						:left;
	margin						:0px;
	padding						:5px 7px;
	background-color			:#f2ede2;
	width						:296px;
	height						:187px;
	}
	
#btnDonation {		
	float						:left;
	margin						:0px;
	padding    					:0px;
	width						:146px;
	}
#btnDonation a, #btnDonation a:visited {		
	float						:left;
	display						:block;
	background-image			:url(../images/bannerNav/btn_donate.jpg);
	width						:146px;
	height						:108px;
	}
#btnDonation a:hover {		
	float						:left;
	display						:block;
	background-image			:url(../images/bannerNav/btn_donate2.jpg);
	width						:146px;
	height						:108px;
	}
	
#btnStore {
	float						:left;
	margin-left				    :5px;
	padding						:0px;
	width						:145px;
	}
#btnStore a, #btnStore a:visited {		
	float						:left;
	display						:block;
	background-image			:url(../images/bannerNav/btn_store.jpg);
	width						:145px;
	height						:108px;
	}
#btnStore a:hover {		
	float						:left;
	display						:block;
	background-image			:url(../images/bannerNav/btn_store2.jpg);
	width						:145px;
	height						:108px;
	}
	
#btnWhatsNew {
	margin-top					:5px;
	padding						:0px;
	width						:296px;
	}
#btnWhatsNew a, #btnWhatsNew a:visited {		
	float						:left;
	display						:block;
	background-image			:url(../images/bannerNav/btn_whatsnew.jpg);
	width						:296px;
	height						:74px;
	}
#btnWhatsNew a:hover {		
	float						:left;
	display						:block;
	background-image			:url(../images/bannerNav/btn_whatsnew2.jpg);
	width						:296px;
	height						:74px;
	}
#btnblog {
	margin-top					:5px;
	padding						:0px;
	width						:296px;
	}
#btnblog a, #btnblog a:visited {		
	float						:left;
	display						:block;
	background-image			:url(../images/bannerNav/btn_blog.jpg);
	width						:296px;
	height						:74px;
	}
#btnblog a:hover {		
	float						:left;
	display						:block;
	background-image			:url(../images/bannerNav/btn_blog2.jpg);
	width						:296px;
	height						:74px;
	}
/* =========================================================== Content ===========================================================*/
#contentHomeBox {
	margin						:0px;
	padding						:0px;
	background-image			:url(../images/pic_bgContent.gif);
	background-repeat			:repeat-y;
	background-color			:#000;
	width						:950px;
	}

	
/* =========================================================== Instruction Content ===============================================*/
#instruction {
	float						:left;
	margin						:0px;
	padding						:0;
	background-color			:#ab1f23;
	width						:172px;
	}
#instruction img{
	border:none;
	}
#instruction p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#fff;
	}
	
/* =========================================================== Highlight buttons (Volunteers + Parents + Trainer ) ==========================================================*/
#highlightBox {
	float						:left;
	margin						:0px;
	padding						:15px 0px 15px 10px;
	background-color			:#f5f1e9;
	width						:456px;
	height						:346px;
	}
.newsBox {
	float						:left;
	margin-right				: 10px;
	margin-bottom				: 10px;
	padding						: 10px 10px 15px 10px;
	background-color			:#f5f1e9;
	width						:194px;
	height						:145px;
	border:1px solid #ccc9c2;
	background:#fff;
	}
.newsBox h1{
	margin:0 0 5px 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	}
.newsBox ul{
	padding:0 0 0 18px;
	margin:0px;
	}
.newsBox li{
	list-style-image:url(../images/pic-listarrow2.gif);
	}
.newsBox a:link, .newsBox a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	color:#014621;
	}
.newsBox a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:underline;
	color:#026430;
	}
	
/* =========================================================== AD Cotent ====================================================================================================*/
#adBox {
	float						:left;
	margin						:0px;
	padding						:15px 13px 15px 13px;
	background-color			:#e2d6ba;
	width						:284px;
	height						:100%;
	}
#ad1 {
	float						:left;
	display						:block;
	padding-bottom				:6px;
	width						:284px;
	height						:134px;
	}
#ad1 a, #ad1 a:visited {		
	float						:left;
	display						:block;
	background-image			:url(../images/ad/btn_adTop.jpg);
	width						:284px;
	height						:134px;
	}
#ad1 a:hover {		
	float						:left;
	display						:block;
	background-image			:url(../images/ad/btn_adTop2.jpg);
	width						:284px;
	height						:134px;
	}
	
#ad2 {
	display						:block;		
	float						:left;
	width						:135px;
	height						:204px;
	}
#ad2 a, #ad2 a:visited {		
	float						:left;
	display						:block;
	background-image			:url(../images/ad/btn_adLeft.jpg);
	width						:135px;
	height						:204px;
	}
#ad2 a:hover {		
	float						:left;
	display						:block;
	background-image			:url(../images/ad/btn_adLeft2.jpg);
	width						:135px;
	height						:204px;
	}
	
#ad3 {
	display						:block;
	float						:left;
	margin-left					:9px;
	width						:140px;
	height						:204px;
	}
#ad3 a, #ad3 a:visited {		
	float						:left;
	display						:block;
	background-image			:url(../images/ad/btn_adRight.jpg);
	width						:140px;
	height						:204px;
	}
#ad3 a:hover {		
	float						:left;
	display						:block;
	background-image			:url(../images/ad/btn_adRight2.jpg);
	width						:140px;
	height						:204px;
	}
/* =========================================================== Inside Page Content ===============================================*/
#contentInsidePageBox {
	margin						:0px;
	padding						:0px;
	background-image			:url(../images/pic_bgContentInside.gif);
	background-repeat			:repeat-y;
	background-color			:#f5f1e9;
	width						:950px;
	height						:100%;
	}

#leftNav {
	float						:left;
	margin						:0;
	padding						:10px 5px 10px 5px;
	width						:162px;
	font-family					:Helvetica, Arial, Verdana, sans-serif;
	font-weight					:bold;
	font-size					:12px;
	color						:white;
	}
#leftNav ul{
	list-style-type				:none;
	margin						:0;
	padding						:0;
	}
#leftNav li{
	margin						:0;
	padding						:20px 0 20px 0;
	border-bottom				:1px solid #08873f;
	}
#leftNav p{	
	margin						:0;
	padding-left				:15px;
	font-family					:Helvetica, Arial, Verdana, sans-serif;
	font-weight					:normal;
	font-size					:18px;
	line-height					:18px;
	color						:white;
	}
#leftNav .titleLink a, #leftNav .titleLink a:visited {	
	margin						:0;
	padding-left				:15px;
	font-family					:Helvetica, Arial, Verdana, sans-serif;
	font-weight					:normal;
	font-size					:18px;
	line-height					:18px;
	color						:white;
	text-decoration				:none;
	}
#leftNav .titleLink a:hover{	
	margin						:0;
	padding-left				:15px;
	font-family					:Helvetica, Arial, Verdana, sans-serif;
	font-weight					:normal;
	font-size					:18px;
	line-height					:18px;
	color						:white;
	text-decoration				:none;
	}
#leftNav .title{
	padding-left				:5px;
	}
#leftNav a, #leftNav a:visited {
	padding-left				:15px;
	font-family					:Helvetica, Arial, Verdana, sans-serif;
	font-weight					:bold;
	font-size					:12px;
	color						:white;
	text-decoration				:none;
	}
#leftNav a:hover{
	padding-left				:15px;
	font-family					:Helvetica, Arial, Verdana, sans-serif;
	font-weight					:bold;
	font-size					:12px;
	color						:white;
	text-decoration				:none;
	}
	
/* =========================================================== Footer ===========================================================*/
#footer {
	margin						:0px;
	padding						:0px;
	background-color			:#000;
	width						:950px;
	text-align					:center;
	}
#footer P {
	margin						:0px;
	padding						:15px 20px 15px 20px;
	font-family					:Verdana, Arial, Helvetica, sans-serif;
	font-size					:11px;
	color						:#fff;
	}
#footer a, #footer a:visited {
	margin						:0px;
	padding						:0px 10px 0px 10px;
	font-family					:Verdana, Arial, Helvetica, sans-serif;
	font-size					:10px;
	color						:#fff;
	text-decoration				:none;
	}
#footer a:hover {
	margin						:0px;
	padding						:0px 10px 0px 10px;
	font-family					:Verdana, Arial, Helvetica, sans-serif;
	font-size					:10px;
	color						:#e9e9e9;
	text-decoration				:underline;
	}
	

	

.