#mainOuterDiv {
	
	width: 960px;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
}
#headContainer {
	border:0px solid;
	width:100%;
	height:150px;
}
#headerLeft{
	float:left;
	border:0px solid;
	width:630px;
	margin-top:10px;
}
#headerRight{
	float:right;
	border:0px solid;
	width:325px;
	margin-top:10px;
}
#headerRight td{
	font-weight:bold;
	font-size:12px;
	color:#009ff7;
}

#breadCrumbContainer {
	border:0px solid;
	width:100%;
	height:60px;
	/*
	clear: both; 
	display: block; 
	overflow:auto;
	*/
}


#bodyContainer {
	border:0px solid;
	width:100%;
	display:block;
}

#mainBodyContainer {
	float:left;
	border:0px solid;
	width:639px;
	background-color:#187fff;
}
#mainBody{
	border:0px solid;
	width:624px;
	height:580px;
	background-color:#ffffff;
	margin:0px 0px 0px 15px;

}
.bodyHeading{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:24px;
	font-weight:bold;
	color:#64ceff;
}
.bodyText {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	font-weight:bold;
	color:#64ceff;
}



a#step1_charity{
	float:right; 
	background-image:url(../images/step1_charity.png); 
	height:142px; 
	width:142px; 
	margin-right:20px;
}
a#step1_charity:hover{
	background-image:url(../images/step1_charity_hove.png); 
}
a#step2_charity{
	float:right; 
	background-image:url(../images/step2_charity.png); 
	height:142px; 
	width:142px; 
	margin-right:20px;
}
a#step2_charity:hover{
	background-image:url(../images/step2_charity_hove.png); 
}
a#step3_charity{
	float:right; 
	background-image:url(../images/step3_charity.jpg); 
	height:142px; 
	width:142px; 
	margin-right:20px;
}
a#step3_charity:hover{
	background-image:url(../images/step3_charity_hove.jpg); 
}

a#step1_user{
	float:right; 
	background-image:url(../images/step1_user.png); 
	height:142px; 
	width:142px; 
	margin-right:20px;
}
a#step1_user:hover{
	background-image:url(../images/step1_user_hove.png); 
}
a#step2_user{
	float:right; 
	background-image:url(../images/step2_user.png); 
	height:142px; 
	width:142px; 
	margin-right:20px;
}
a#step2_user:hover{
	background-image:url(../images/step2_user_hove.png); 
}
a#step3_user{
	float:right; 
	background-image:url(../images/step3_user.jpg); 
	height:142px; 
	width:142px; 
	margin-right:20px;
}
a#step3_user:hover{
	background-image:url(../images/step3_user_hove.jpg); 
}
/***********************************  Right Menu Start **********************************/
#rightMenuContainer {
	float:left;
	border:0px solid;
	width:321px;
	background-color:#3366ff;
}
#rightMenu{
	border:0px solid;
	width:300px;
	height:630px;
	margin:0px 6px 0px 0px;
	background: #3366ff url(../images/menuBg.jpg) repeat-y 100% 0;
}
#videoBox {
	background-image:url(../images/video_slide_bg.png);
	width:280px;
	height:160px;
}
#accessBox {
	background-image:url(../images/quick_access_bg.png);
	width:199px;
	height:139px;
}
#loginBox {
	width:199px;
}
#sponsor {
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	clear: both; 
	display: block; 
	overflow:auto;
}
.text {
	font-size:10px;
}
.select{
	border:1px #0099ff solid;
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	padding:2px;
	width:180px;
	height:20px;
	color:#666666;
}
.textGray{
	border:1px #adadad solid;
	font-family:tahoma;
	font-size:12px;
	font-weight:bold;
	padding:2px;
	height:14px;
	color:#666666;
}
a#wwf_50{
	float:right; 
	background-image:url(../images/wwf_50.png); 
	height:50px; 
	width:50px; 
}
a#wwf_50:hover{
	background-image:url(../images/wwf_50_hove.png); 
}
a#ghan_32{
	float:left; 
	background-image:url(../images/ghan_32.png); 
	height:32px; 
	width:32px; 
}
a#ghan_32:hover{
	background-image:url(../images/ghan_32_hove.png); 
}
a#jellifish_32{
	float:left; 
	background-image:url(../images/jellifish_32.png); 
	height:32px; 
	width:32px; 
}
a#jellifish_32:hover{
	background-image:url(../images/jellifish_32_hove.png); 
}

a#rss_32{
	float:left; 
	background-image:url(../images/rss_32.png); 
	height:34px; 
	width:34px; 
}
a#rss_32:hover{
	background-image:url(../images/rss_32_hove.png); 
}

a#rss_email_32{
	float:left; 
	background-image:url(../images/rss_email_32.png); 
	height:34px; 
	width:34px; 
}
a#rss_email_32:hover{
	background-image:url(../images/rss_email_32_hove.png); 
}

a#newsletter_32{
	float:left; 
	background-image:url(../images/newsletter_32.png); 
	height:34px; 
	width:34px; 
}
a#newsletter_32:hover{
	background-image:url(../images/newsletter_32_hove.png); 
}


/********************************** Right Menu End ***************************************/
#footerContainer {
	width:100%;
	height:120px;
	background-color:#0099ff;
	clear: both; 
	display: block; 
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#footerContainer a {
	text-decoration:none;
	
}
/* tab desgin start */
#tabContainer {
	border:0px solid;
	width:100%;
	height:60px;
	background-color:#3366ff;
	
}
#tabDiv {
	border:0px solid;
	width:930px;
	height:60px;
	background: #1e7aff url(../images/tabBg.jpg) repeat-x 100% 0;
	padding-top:9px;
}
.tab em{
	display: block;
	float: left;
	background: url(../images/tabL.jpg) no-repeat;
	width: 15px;
	height: 51px;
}
.tab span{
	display: block;
	float: left;
	background: url(../images/tabM.jpg) repeat-x;
	height: 51px;
	cursor:pointer;
}
.tab b{
	display: block;
	float: left;
	background: url(../images/tabR.jpg) no-repeat;
	width: 17px;
	height: 51px;
} 
.tab span div{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:15px 5px 0px 5px;
	color:#FFFFFF;
	
}

.tab span div a{
	text-decoration:none;
}
.tab span div a:hover{
	background-color:#7CB9FC;
}

.tabW em{
	display: block;
	float: left;
	background: url(../images/tabWL.jpg) no-repeat;
	width: 15px;
	height: 51px;
}
.tabW span{
	display: block;
	float: left;
	background: url(../images/tabWM.jpg) repeat-x;
	height: 51px;
	
}
.tabW b{
	display: block;
	float: left;
	background: url(../images/tabWR.jpg) no-repeat;
	width: 17px;
	height: 51px;
} 
.tabW span div{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:15px 5px 0px 5px;
	color:#3366ff;
}

.tabW span div a{
	text-decoration:none;
}
.tabW span div a:hover{
	background-color:#7CB9FC;
}

/* tab desgin end */
/********************************** Button start ****************************************/
.button em{
	display: block;
	float: left;
	background: url(../images/buttonL.jpg) no-repeat;
	width: 4px;
	height: 23px;
}
.button span{
	display: block;
	float: left;
	background: url(../images/buttonM.jpg) repeat-x;
	height: 23px;
}
.button b{
	display: block;
	float: left;
	background: url(../images/buttonR.jpg) no-repeat;
	width: 6px;
	height: 23px;
} 
.button span div{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:2px 5px 0px 5px;
	color:#3765ff;
	cursor:pointer;
}
/********************************** Button End *****************************************/

/********************************** Info page start *****************************************/
.infoBox em{
	display: block;
	float: left;
	background: url(../images/info/infoBoxL.jpg) no-repeat;
	width: 13px;
	height: 128px;
}
.infoBox span{
	display: block;
	float: left;
	background: url(../images/info/infoBoxM.jpg) repeat-x;
	height: 128px;
	
}
.infoBox b{
	display: block;
	float: left;
	background: url(../images/info/infoBoxR.jpg) no-repeat;
	width: 14px;
	height: 128px;
} 
.infoBox span div{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:2px 5px 0px 5px;
	color:#3765ff;
	cursor:pointer;
	width:230px;
}

.infoBoxHeading {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#999999;
}

.infoBoxText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	font-weight:bolder;
}

/********************************** Info page End *****************************************/

/********************************** Register Charity Start *****************************************/

.registerCharityOuterBox em{
	display: block;
	float: left;
	background: url(../images/registerCharity/registerCharityBoxL.jpg) no-repeat;
	width: 23px;
	height: 512px;
}
.registerCharityOuterBox span{
	display: block;
	float: left;
	background: url(../images/registerCharity/registerCharityBoxM.jpg) repeat-x;
	height: 512px;
	
}
.registerCharityOuterBox b{
	display: block;
	float: left;
	background: url(../images/registerCharity/registerCharityBoxR.jpg) no-repeat;
	width: 21px;
	height: 512px;
} 
.registerCharityOuterBox span div{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:2px 5px 0px 5px;
	color:#3765ff;
	width:485px;
}


.registerCharityOuterSBox em{
	display: block;
	float: left;
	background: url(../images/registerCharity/registerCharitySBoxL.jpg) no-repeat;
	width: 6px;
	height: 30px;
}
.registerCharityOuterSBox span{
	display: block;
	float: left;
	background: url(../images/registerCharity/registerCharitySBoxM.jpg) repeat-x;
	height: 30px;
	
}
.registerCharityOuterSBox b{
	display: block;
	float: left;
	background: url(../images/registerCharity/registerCharitySBoxR.jpg) no-repeat;
	width: 6px;
	height: 30px;
} 
.registerCharityOuterSBox span div{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:2px 5px 0px 5px;
	color:#3765ff;
	width:60px;
	font-size:11px;
}

.registerCharityOuterSBox span div a{
	text-decoration:none;
	color:#3765ff;
}
.registerCharityOuterSBox span div a:hover{
	color:#64ceff;
}


#registerChairtyTabHeading {
	background: url(../images/registerCharity/registerChairtyTabHeading.jpg) no-repeat;
	height:28px;
	width:85px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#999999;
}

.bodyHeadingCharityGray{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:24px;
	font-weight:bold;
	color:#999999;
}
.bodyTextCharityGray {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	font-weight:bold;
	color:#999999;
}

.charityInput {
	border:1px solid #999999;

}
/********************************** Register Charity End *****************************************/

/********************************** Register User End *****************************************/

.registerUserOuterBox em{
	display: block;
	float: left;
	background: url(../images/registerUser/registerUserBoxL.jpg) no-repeat;
	width: 23px;
	height: 512px;
}
.registerUserOuterBox span{
	display: block;
	float: left;
	background: url(../images/registerUser/registerUserBoxM.jpg) repeat-x;
	height: 512px;
	
}
.registerUserOuterBox b{
	display: block;
	float: left;
	background: url(../images/registerUser/registerUserBoxR.jpg) no-repeat;
	width: 21px;
	height: 512px;
} 
.registerUserOuterBox span div{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:2px 5px 0px 5px;
	color:#3765ff;
	width:485px;
}

.registerUserOuterSBox em{
	display: block;
	float: left;
	background: url(../images/registerUser/registerUserSBoxL.jpg) no-repeat;
	width: 6px;
	height: 30px;
}
.registerUserOuterSBox span{
	display: block;
	float: left;
	background: url(../images/registerUser/registerUserSBoxM.jpg) repeat-x;
	height: 30px;
	
}
.registerUserOuterSBox b{
	display: block;
	float: left;
	background: url(../images/registerUser/registerUserSBoxR.jpg) no-repeat;
	width: 6px;
	height: 30px;
} 
.registerUserOuterSBox span div{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:2px 5px 0px 5px;
	color:#fed403;
	width:60px;
	font-size:11px;
}

.registerUserOuterSBox span div a{
	text-decoration:none;
	color:#fed403;
}
.registerUserOuterSBox span div a:hover{
	color:#d6a803;
}

#registerUserTabHeading {
	background: url(../images/registerUser/registerUserTabHeading.jpg) no-repeat;
	height:28px;
	width:85px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#999999;
}

.bodyHeadingUser{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:24px;
	font-weight:bold;
	color:#ffc700;
}
.bodyTextUser {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	font-weight:bold;
	color:#ffc700;
}

.bodyHeadingUserGray{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:24px;
	font-weight:bold;
	color:#999999;
}
.bodyTextUserGray {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	font-weight:bold;
	color:#999999;
}


.registerUserButton em{

	float: left;
	background: url(../images/registerUser/registerUserButtonL.jpg) no-repeat;
	width: 8px;
	height: 28px;
}
.registerUserButton span{
	display: block;
	float: left;
	background: url(../images/registerUser/registerUserButtonM.jpg) repeat-x;
	height: 28px;
	
}
.registerUserButton b{
	display: block;
	float: left;
	background: url(../images/registerUser/registerUserButtonR.jpg) no-repeat;
	width: 9px;
	height: 28px;
} 
.registerUserButton span div{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:2px 5px 0px 5px;
	color:#fed403;
	width:60px;
	font-size:11px;
}

.registerUserButton span div a{
	text-decoration:none;
	color:#fed403;
}
.registerUserButton span div a:hover{
	color:#d6a803;
}
.userInput {
	border:1px solid #999999;

}

/********************************** Register User End *****************************************/