/*GENERAL PAGE STYLES*/
body {background-color:#6f9d21;color:#4d4d4d;font-family:Verdana;font-size:12px;}

h3 {font-size:14px;font-weight:bold;padding-top:5px;margin-bottom:1px;}
h4 {;font-family:Comic Sans MS,Verdana, sans-serif; font-weight: bold;color:#ee3c28;margin-bottom:0px;}
p {line-height:1.25;}

#page {width:906px;}

/*======================================*/

/*BACKGROUNDS*/
.clouds {background: url(/images/clouds.png);background-color:#acd9fa; background-repeat: no-repeat; background-position: top center;}
.subclouds {background: url(/images/clouds-sub.png);background-color:#acd9fa; background-repeat: no-repeat; background-position: top center;}
.grass {background: url(/images/grass.jpg); background-repeat: no-repeat; background-position: top center;}
.albumcover {background: url(/images/image1_music.jpg); background-repeat: no-repeat; background-position: top right;}


/*======================================*/

/*HEADER*/
#header {height:175px;position:relative;}
#logo {width:255px;height:175px;margin:0;position:absolute;left:0px;top:4px;}
#logo a {display:block;width:255px;height:0px;padding-top:175px;overflow:hidden;background:transparent url(/images/logo_allelu.png) 0 0 no-repeat;}
#logoarea {width:255px;height:175px;margin:0;position:absolute;left:0px;top:4px;}
#logoarea {display:block;width:255px;height:0px;padding-top:175px;overflow:hidden;background:transparent url(/images/absent_cloud.png) 0 0 no-repeat;}

/*======================================*/

/*MAIN NAVIGATION BAR*/
#nav-main {height:50px;margin-right:0px;position:absolute;right:0;top:95px;}
#nav-main li {display:inline;}
#nav-main a {display:block;float:left;height:0;padding-top:50px;overflow:hidden;margin:0 2px 0 0;}
#btn-home {background:transparent url(/images/btn_home.png) 0 0 no-repeat;width:57px;}
#btn-vision {background:transparent url(/images/btn_vision.png) 0 0 no-repeat;width:61px;}
#btn-works {background:transparent url(/images/btn_how-it-works.png) 0 0 no-repeat;width:124px;}
#btn-activities {background:transparent url(/images/btn_activities.png) 0 0 no-repeat;width:185px;}
#btn-buy {background:transparent url(/images/btn_buy_now.png) 0 0 no-repeat;width:84px;}
#btn-contactus {background:transparent url(/images/btn_contact.png) 0 0 no-repeat;width:76px;}
#dot-divider {background:transparent url(/images/dot_divider.png) 0 0 no-repeat;width:11px;}

#nav-main a:hover {background-position:0 -50px;}
#nav-main a.current, 
#pg-home #btn-home, 
#pg-vision #btn-vision, 
#pg-works #btn-works, 
#pg-activities #btn-activities, 
#pg-buy #btn-buy, 
#pg-contactus 
#btn-contactus {background-position:0 -100px;}

/*SUB NAVIGATION*/
.nav-vig { background: url(/images/nav-vig.png); background-repeat: repeat-y;}

.navsub {
	display:block;
	width: 210px;
	padding:5px 3px 5px 25px;
	font: 14px Comic Sans MS,Verdana, sans-serif; font-weight: bold;
	color:green;
	background: url(/images/nav.gif) 5px 0 no-repeat;
	text-indent: 0px;
	text-decoration: none;
	}
.rollover a {
	display:block;
	width: 210px;
	padding:5px 3px 5px 25px;
	font: 13px Comic Sans MS,Verdana, sans-serif; font-weight: bold;
	color:#8827ba;
	background: url(/images/nav.gif) 5px 0 no-repeat;
	text-indent: 0px;
	text-decoration: none;
	}
.rollover a:hover {	
	background-position: 5px -27px;
	color: #FFFFFF;
	}
.rollover a:active {
	background-position: 5px -54px;
	color:#FFFFFF;
	}

.rolloveron a {
	display:block;
	width: 210px;
	padding:5px 3px 5px 25px;
	font: 13px Comic Sans MS,Verdana, sans-serif; font-weight: bold;
	color:#000000;
	text-indent: 0px;
	text-decoration: none;
	}


/*
===================================
Accordion styles
===================================
*/
#accordion {width:370px;float: left;}
#accordion h3 {float: none;}
#accordion h3 a.closer {text-decoration: none;display: block;padding: 0px 0 0 0px;margin-top: 0px;clear: both;height:auto;}
#accordion div p {padding-left: 0px;float: none;}
table.infoPacket {margin: 0px;float: none;}
table.infoPacket tr td {padding: 0px 0px 0 0px;}

/*
/*======================================*/


/*CONTENT AREA*/
#content {padding:1px 2px 0 50px;}
#content-container {height:300px;position:absolute;padding-top:26px;}
#content-table {padding-top:38px;}
#content-table-hp {padding-top:11px;}
#content-table-full {padding-top:38px;}
#sidebar {width:185px;margin:10px;padding-top:16px;}
#subpage-content-container {height:300px;position:relative;padding-top:26px;}
.scroll-container {overflow:auto;}
.text-container {margin:0 0 15px;}

/*FORM*/
.textfield {margin-top: 2px;margin-bottom: 2px;}
.field {padding-right:10px;}



/*SPECIAL USES*/
ul.disc {list-style-type:disc;padding-left:18px;}
ol.numb {list-style-type:decimal;padding-left:25px;}
.call {font-family: Verdana, serif; font-size: 9px; font-style: italic; font-weight: normal; text-decoration: none}
.pub {font-family: Verdana, serif; font-size: 9px; font-style: italic; font-weight: normal; line-height: 14px; text-decoration: none}
.howvis {color:#ee3c28;font-size: 14px;line-height: 16px;}
.anchor{color:#8827ba; font-weight: bold;text-decoration:none;}
.anchor a:hover{color:#ee3c28; font-weight: bold;text-decoration:none;}


/*FOOTER*/
#sunday {background:transparent url(/images/our-sunday-visitor.png) 0 0 no-repeat;margin:0px;}
#footer {padding:1px 2px 0 51px;}
#footer-container {height:40px;position:relative;padding-top:8px;}
.footer { color: #d5e9b4; font-family: Verdana, sans-serif; font-size: 11px; font-weight: normal; line-height: 14px; text-decoration: none}