<style type="text/css" media="screen">

html{
	width:100%;
	margin:0;
	padding:0;
	background-image: url(bg.jpg);
}

body{  
	width:100%;
	margin:0;
	padding:0;
	background: #dba935; 
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	text-align:center;  
}

		


a.small_link:link { color: #ae361c; text-decoration: none; font-size: 8pt; font-family: tahoma}
a.small_link:active { color: #ae361c; text-decoration: none; font-size: 8pt; font-family: tahoma}
a.small_link:visited { color: #ae361c; text-decoration: none; font-size: 8pt; font-family: tahoma}
a.small_link:hover { color: #ae361c; text-decoration: underline; font-size: 8pt; font-family: tahoma}

a.link:link { color: #ae361c; text-decoration: none; font-size: 10pt; font-family: tahoma}
a.link:active { color: #ae361c; text-decoration: none; font-size: 10pt; font-family: tahoma}
a.link:visited { color: #ae361c; text-decoration: none; font-size: 10pt; font-family: tahoma}
a.link:hover { color: #ae361c; text-decoration: underline; font-size: 10pt; font-family: tahoma}

p.photo_id { color: #999999; font-family: tahoma; font-size: 8pt; text-align: right;}
p.text { color: #333333; font-family: tahoma; font-size: 10pt;}
li.text { color: #333333; font-family: tahoma; font-size: 10pt;}
td.text { color: #333333; font-family: tahoma; font-size: 10pt;}
b.title { color: #AE361C; font-family: tahoma; font-size: 10pt; font-weight: bold;}

#distress
	{
	position: absolute;
	top:0px;
	left:0px;
	z-index:-1;
}

#logo
	{
	position: relative;
	margin:0 auto;
	left:10px;
	z-index:2;
}

#corner
	{
	position: absolute;
	top:0px;
	left:0px;
	z-index:31;
}


#motioncontainer {
width:expression(Math.min(this.offsetWidth, maxwidth)+'px');
}

#headerwrapper{  
	position: relative;
	width:960px;  
	height:130px;
	margin:0 auto;
	z-index:1;
	padding: 0px 0px 0px 0px;  
	text-align: center;
	background-image: url(header.png);
}

#education_centre
{
	position: absolute;
	left: 12px;
	top: 64px;
	z-index:2;
}

#about_us
{
	position: absolute;
	left: 151px;
	top: 63px;
	z-index:3;
}

#our_partners
{
	position: absolute;
	left: 232px;
	top: 59px;
	z-index:3;
}

#links
{
	position: absolute;
	left: 340px;
	top: 56px;
	z-index:3;
}

#how_you_can_help
{
	position: absolute;
	left: 590px;
	top: 45px;
	z-index:3;
}

#get_involved
{
	position: absolute;
	left: 740px;
	top: 43px;
	z-index:3;
}

#news_and_events
{
	position: absolute;
	left: 850px;
	top: 40px;
	z-index:3;
}

#membership
{
	position: absolute;
	left: 680px;
	top: 18px;
	z-index:3;
}

a.rollover1 {
    	display: block;
	width: 118px;
    	height: 22px;
    	background: url("menu/V2/ec.png") 0 0 no-repeat;
    	text-decoration: none;
	text-indent: -9999px;
}
 
a:hover.rollover1 {
    background-position: -118px 0;
}

a.rollover2 {
    	display: block;
	width: 60px;
    	height: 22px;
    	background: url("menu/V2/au.png") 0 0 no-repeat;
    	text-decoration: none;
	text-indent: -9999px;
}
 
a:hover.rollover2 {
    background-position: -60px 0;
}

a.rollover3 {
    	display: block;
	width: 90px;
    	height: 22px;
    	background: url("menu/V2/op.png") 0 0 no-repeat;
    	text-decoration: none;
	text-indent: -9999px;
}
 
a:hover.rollover3 {
    background-position: -90px 0;
}

a.rollover4 {
    	display: block;
	width: 125px;
    	height: 22px;
    	background: url("menu/V2/hych.png") 0 0 no-repeat;
    	text-decoration: none;
	text-indent: -9999px;
}
 
a:hover.rollover4 {
    background-position: -125px 0;
}


a.rollover5 {
    	display: block;
	width: 98px;
    	height: 22px;
    	background: url("menu/V2/nande.png") 0 0 no-repeat;
    	text-decoration: none;
	text-indent: -9999px;
}
 
a:hover.rollover5 {
    background-position: -98px 0;
}

a.rollover6 {
    	display: block;
	width: 34px;
    	height: 22px;
    	background: url("menu/V2/l.png") 0 0 no-repeat;
    	text-decoration: none;
	text-indent: -9999px;
}
 
a:hover.rollover6 {
    background-position: -34px 0;
}

a.rollover7 {
    	display: block;
	width: 86px;
    	height: 22px;
    	background: url("menu/V2/gi.png") 0 0 no-repeat;
    	text-decoration: none;
	text-indent: -9999px;
}
 
a:hover.rollover7 {
    background-position: -86px 0;
}

a.rollover8 {
    	display: block;
	width: 100px;
    	height: 20px;
    	background: url("menu/V2/mem.png") 0 0 no-repeat;
    	text-decoration: none;
	text-indent: -9999px;
}
 
a:hover.rollover8 {
    background-position: -100px 0;
}

#donate
{
	position: absolute;
	right: 15px;
	top: 150px;
	z-index:2;
}

#volunteer
{
	position: absolute;
	right: 15px;
	top: 0px;
	z-index:3;
}

#ladder
{
	position: absolute;
	right: 15px;
	top: -30px;
	z-index:3;
}

#donate_sunburst
{
	position: absolute;
	right: 15px;
	top: 0px;
	z-index:3;
}

#calendar
{
	position: absolute;
	left: 80px;
	top: 750px;
	z-index:3;
}


#mainwrapper{  
	position: relative;
	width:960px;  
	height: 880px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: left;
	background-color:#ffffff;
}

#mainwrapper_ec{  
	position: relative;
	width:960px;  
	height: 880px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: left;
	background-color:#ffffff;
}

#mainwrapper_au{  
	position: relative;
	width:960px;  
	height: 1370px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: left;
	background-color:#ffffff;
}

#mainwrapper_l{  
	position: relative;
	width:960px;  
	height: 350px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: left;
	background-color:#ffffff;
}

#mainwrapper_ne{  
	position: relative;
	width:960px;  
	height: 1360px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: left;
	background-color:#ffffff;
}

#mainwrapper_op{  
	position: relative;
	width:960px;  
	height: 600px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: left;
	background-color:#ffffff;
}

#mainwrapper_ty{  
	position: relative;
	width:960px;  
	height: 450px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: left;
	background-color:#ffffff;
}

#mainwrapper_ty_bar{  
	position: relative;
	width:960px;  
	height: 650px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: left;
	background-color:#ffffff;
}

#mainwrapper_hych{  
	position: relative;
	width:960px;  
	height: 2970px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: left;
	background-color:#ffffff;
}

#mainwrapper_vol{  
	position: relative;
	width:960px;  
	height: 900px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: left;
	background-color:#ffffff;
}

#mainwrapper_mem{  
	position: relative;
	width:960px;  
	height: 900px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: left;
	background-color:#ffffff;
}

#mainwrapper_va{  
	position: relative;
	width:960px;  
	height: 2100px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: center;
	background-color:#ffffff;
}

#mainwrapper_ma{  
	position: relative;
	width:960px;  
	height: 1230px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: center;
	background-color:#ffffff;
}


#mainwrapper_jp{  
	position: relative;
	width:960px;  
	height: 930px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: center;
	background-color:#ffffff;
}


#mainwrapper_bar{  
	position: relative;
	width:960px;  
	height: 1380px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: center;
	background-color:#ffffff;
}



#column_left{
	position: absolute;
	top:0;
 	left:0;
 	width:380px;
	margin:0;
	padding:1em;
	background-color:#ffffff; 
	text-align: justify;

}
#column_right{
	position: absolute;
	top:65px;
	right:0;
 	width:520px;
	padding:1em;
	background-color:#ffffff;
	text-align: justify;
}

#column_bottom{
	position: absolute;
	top:380px;
 	left:0;
 	width:920px;
	margin:0;
	padding:1em;
	background-color:#ffffff; 
	text-align: justify;

}

h1.styled {
width: 520px;
height: 32px;
background-image: url(welcome_title.gif);
text-indent: -9999px;
}

h1.styled2 {
width: 520px;
height: 32px;
background-image: url(ec_title.gif);
text-indent: -9999px;
}

h1.styled3 {
width: 520px;
height: 32px;
background-image: url(au_title.gif);
text-indent: -9999px;
}

h1.styled4 {
width: 520px;
height: 32px;
background-image: url(l_title.gif);
text-indent: -9999px;
}

h1.styled5 {
width: 520px;
height: 32px;
background-image: url(get_involved_title.gif);
text-indent: -9999px;
}


h1.styled6 {
width: 520px;
height: 32px;
background-image: url(op_title.gif);
text-indent: -9999px;
}

h1.styled7 {
width: 520px;
height: 32px;
background-image: url(nande_title.gif);
text-indent: -9999px;
}

h1.styled8 {
width: 520px;
height: 32px;
background-image: url(va_title.gif);
text-indent: -9999px;
}

h1.styled9 {
width: 520px;
height: 32px;
background-image: url(ma_title.gif);
text-indent: -9999px;
}

h1.styled10 {
width: 520px;
height: 32px;
background-image: url(ty_title.gif);
text-indent: -9999px;
}

h1.styled11 {
width: 520px;
height: 32px;
background-image: url(bar_title.gif);
text-indent: -9999px;
}

h1.styled12 {
width: 520px;
height: 32px;
background-image: url(hych_title.gif);
text-indent: -9999px;
}

h1.styled13 {
width: 520px;
height: 32px;
background-image: url(jp_title.gif);
text-indent: -9999px;
}

h1.styled14 {
width: 520px;
height: 32px;
background-image: url(mem_title.gif);
text-indent: -9999px;
}

h2.styled {
width: 380px;
height: 32px;
background-image: url(kfm_title.gif);
text-indent: -9999px;
}

h2.styled2 {
width: 520px;
height: 32px;
background-image: url(pui_title.gif);
text-indent: -9999px;
}

h2.styled3 {
width: 520px;
height: 32px;
background-image: url(bod_title.gif);
text-indent: -9999px;
}

h2.styled4 {
width: 149px;
height: 16px;
background-image: url(volunteer_positions.jpg);
text-indent: -9999px;
}

h2.styled5 {
width: 380px;
height: 32px;
background-image: url(faq_title.gif);
text-indent: -9999px;
}

h2.styled6 {
width: 520px;
height: 32px;
background-image: url(newsletter_title.gif);
text-indent: -9999px;
}

h2.styled7 {
width: 169px;
height: 18px;
background-image: url(corporate_sponsorship.gif);
text-indent: -9999px;
}

h2.styled8 {
width: 169px;
height: 18px;
background-image: url(corporate_partnership.gif);
text-indent: -9999px;
}

h2.styled9 {
width: 161px;
height: 18px;
background-image: url(corporate_membership.gif);
text-indent: -9999px;
}

h3.styled {
width: 380px;
height: 32px;
background-image: url(fk_title.gif);
text-indent: -9999px;
}

h3.styled2 {
width: 380px;
height: 32px;
background-image: url(rw_title.gif);
text-indent: -9999px;
}

h3.styled3 {
width: 380px;
height: 32px;
background-image: url(opr_title.gif);
text-indent: -9999px;
}

h3.styled4 {
width: 50px;
height: 17px;
background-image: url(donate.gif);
text-indent: -9999px;
}

h3.styled5 {
width: 520px;
height: 32px;
background-image: url(ss_title.gif);
text-indent: -9999px;
}

h4.styled {
width: 380px;
height: 32px;
background-image: url(ov_title.gif);
text-indent: -9999px;
}

h4.styled2 {
width: 76px;
height: 17px;
background-image: url(volunteer.gif);
text-indent: -9999px;
}

h4.styled3 {
width: 520px;
height: 32px;
background-image: url(ln_title.gif);
text-indent: -9999px;
}

#spacer{  
	position: relative;
	width:960px;  
	height: 34px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;  
	text-align: left;
	background-color: white;
}

#bottomspacer{
	position: relative;
	margin:0 auto;
	left:0px;
	top:0px;
}
	
#twitter_div {
	color: #333333; 
	text-decoration: none; 
	font-size: 10pt; 
	font-family: tahoma;
}

#footer{
	position: relative;
	width:960px;  
	height: 200px;
	margin:0 auto;
	text-align: center;
	background-image: url(footer.png);
	color: #999999; 
	font-size: 8pt; 
	font-family: tahoma;
}
</style>
