/*

	Helios Calendar - Professional Event Management System

	Copyright © 2007 Refresh Web Development [http://www.refreshwebdev.com]

	

	Developed By: Chris Carlevato <chris@refreshwebdev.com>

	

	For the most recent version, visit the Helios Calendar website:

	[http://www.helioscalendar.com]

	

	License Information is found in docs/license.html

*/



/*	Helios Default Template Classes

	You can edit this file however you'd like for your template,

	or create a new one and delete it.	*/

	

body  {

	font: 100% 'Trebuchet MS', Arial, Helvetica, sans-serif;

	background: #112347;

	margin: 0 auto; 

	padding: 0;

	text-align: center;

}



.donate

{

	margin-top: 0px;

	padding-top: 0px;

	position: absolute;

	top: 150px;

	padding-left: 150px;

	width: 200px;

}





#container {

	width: 950px;

	text-align: left; /* this overrides the text-align: center on the body element. */

	background: url(../../../images/bridgeswhiteframe.jpg) no-repeat center 171px;

	border-top: 0px none;

	border-right: 0px none;

	border-bottom: 0px none;

	border-left: 0px none;

	padding: 0px;

	margin: 0px auto 0;

	min-height: 1200px;

} 



#header {

	padding: 0 0px;

	width: 950px;

	background: url(../../../images/tiki_torch.gif) no-repeat 847px 17px;

	margin: 0px auto;

	height: auto;

} 



#container #header img

{

	padding: 0px;

	float: right;

	width: 549px;

	margin: -75px 195px 0px 0px;

	text-decoration: none;

}

#VU

{

	padding: 0px;

	background: url(../../../images/tiki_torch.gif) no-repeat 11px 17px;

	margin: 0px;

	width: 100px;

	clear: left;

	height: 300px;

}



#navigation

{

	border-bottom:1px solid #112347;

	list-style: none;

	padding: 0px;

	position: absolute;

	width: 805px;

	height:85px;

	margin-right: 0px;

	margin-top:0px;

	margin-left:72px;

	top: 250px;

}



#navigation a.active

{

	color: #990000;

	font-weight: bold;

	color:#990000;

	line-height:2em;

	display:block;

	text-decoration: underline;

}



#navigation  li 

{

	font-size: .9em;

	line-height:5px;

	font-weight: bold;

	list-style: none;

	display: inline;

	float: right;

	position: relative;

	padding: 0px;

	text-decoration: none;

	margin-top: 30px;

    margin-left:0px;

	text-align: center;

	border: 0px solid #112347;

}



#navigation li.link_home 

{   

    margin-right:0px;

}



#navigation li.link_about 

{       	

    margin-right:0px;

}

	

#navigation li.link_programs 

{       	

    margin-top:52px;

    margin-right:8px;

}

	

#navigation li.link_resources 

{       	

	

    margin-right:20px;

}



#navigation li.link_testimonials 

{       	

	margin-right:120px;

    margin-top:53px;

}



#navigation li.link_friends 

{       	

    margin-right:50px;

    margin-top:53px;

}



#navigation li.link_happenings

{       	

	margin-right:0px;

}



#navigation li.link_forums

{    

	margin-right:0px;

    margin-top: 53px;

               

}



#navigation   a     

{
	line-height:2em;
	text-decoration: none;
	color:#ffa500;
	margin: 0px;
	text-align: center;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 4px;

}

#navigation li a:hover

{

	color:#990000;

}






#mainContent {

	width: 775px;

	clear: both;

	margin-top: 0px;

	margin-bottom: 0px;

	margin-left: 85px;

} 







#content {

	float: left;

	text-align: left;

	padding: 5px;

	width: 525px;

	}

#content h1

{

	margin-bottom: 0px;

	padding-bottom: 0px;

	font-size: 1.5em;

	margin-top: 5px;

	color: #61974c;

	padding-top: 5px;

}



#content p

{

	font-size: .8em;

	margin-top: 2px;

	margin-bottom: 2px;

}



#controls {

	float: left;

	padding: 5px 0px 10px;

	width: 240px;

	text-align: left;

	}

#controls li

{

	text-align: left;

	padding-left: 20px;

}



#billboard,

#popular {

	text-align: left;

	padding: 0px 0;

	}

.billboardDate

{

	font-size: 0.8em;

	margin: 0px;

	padding: 0px;

}

#billboard h2

{

	margin: 0px;

	padding: 10px 0px 0px 35px;

	color: #61974c;

}

.billboard

{

	font-size: .9em;

}







#rssLinks {

	width: 760px; 

	padding: 0;

	margin: auto auto auto auto ; 

	

	}

#copyright {

	clear: both; 

	color: #666666;

	background: #FFFFFF;

	padding: 5px 0px 5px 15px;

	line-height: 17px;

	}

a.copyright,

a.copyrightR {

	text-decoration: none;

	color: #666666;

	background: #FFFFFF;

	}

a.copyright:hover {

	text-decoration: underline;

	color: #FF6600;

	background: #FFFFFF;

	}

a.copyrightR:hover {

	text-decoration: underline;

	color: #006532;

	background: #FFFFFF;

	}

 #footer {

	padding: 0px;

	margin:60px auto 0px auto;

	width: 950px;

	} 



#footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	color: #97C182;

	text-align: center;

	font-size: .8em;

}

.setupText{

	font-family: Verdana, sans-serif;

	font-size: 11px;

    border-top: 1px solid #555; 

    border-left: 1px solid #555; 

    border-bottom: 1px solid #ccc; 

    border-right: 1px solid #ccc; 

    padding: 1px; 

    color: #333; 

	vertical-align: center;

	}

.main

{

	color: #000000;

}