/*---------------------------------------------------------------/
/ Main CSS file for ACC web site                             
/ 
/ COLOURS ------------------------+
/ Orange: #CC7A00 :: rgb(204, 122, 0) 50%=#E5BC7F
/ Blue: #00417E :: rgb(0, 65, 126) 50%=#7F9FBE
/ Green: #007E7C :: rgb(0, 126, 124) 50%=#7FBEBD
/ ---------------------------------------------------------------*/

/* CORE STYLES */
body {
	color: #000;
	background: #FFF url(../images/sidebar_bg.gif) repeat-y;
	margin: 0px;
	padding: 0px;
	font: 0.9em "Century Gothic", Tahoma, Arial, sans-serif;	/*letter-spacing: 0.05em;*/
}

h1 { 
	font: bold small-caps 1.5em "Century Gothic", Tahoma, Arial, sans-serif; 
	margin-bottom: -25px;
	color:#00417E; /* Blue */
}
h2 { 
	font: bold 1.2em "Century Gothic", Tahoma, Arial, sans-serif; 
	margin-bottom: -25px; 
	color:#00417E; /* Blue */
}
h3 { 
	font: italic bold 1.05em "Century Gothic", Tahoma, Arial, sans-serif; 
	margin-bottom: -25px; 
	color:#CC7A00; /* Orange */
}

a {
	font: 1em "Century Gothic", Tahoma, Arial, sans-serif;
	text-decoration: underline;
	color:#00417E;
}
a:visited{
	font: 1em "Century Gothic", Tahoma, Arial, sans-serif;
	text-decoration: underline;
	color:#00417E;
}
a:hover{
	font: 1em "Century Gothic", Tahoma, Arial, sans-serif;
	text-decoration: none;
	color:#CC7A00;
}

/* little links */
.ll { font: 0.8em "Century Gothic", Tahoma, Arial, sans-serif;}
.ll a {
	font: "Century Gothic", Tahoma, Arial, sans-serif;
	text-decoration: underline;
	color:#00417E;
}
.ll a:visited{
	font: "Century Gothic", Tahoma, Arial, sans-serif;
	text-decoration: underline;
	color:#00417E;
}
.ll a:hover{
	font: "Century Gothic", Tahoma, Arial, sans-serif;
	text-decoration: none;
	color:#CC7A00;
}

/* MAIN CHUNKS */
#container {
	width: 100%;
}

#main_content_div {
	position:absolute;
	top:160px;
	left:0;
	border:0;
	padding:0;
	margin-top:-7px;
	/*border:1px dashed green;*/
}
/* ------------------------------------------------------*/

/* HEADER ELEMENTS */
#top_bar {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #CC7A00 url(../images/h_topbar_bg.gif) no-repeat;
	height: 25px;
	width: 100%;
	
}

#slogan { 
	position: absolute;
	top: 5px;
	left: 200px;
	color:#E5BC7F; 
	font-size:14px; 
	font-style: italic; 
	font-weight: bold;
}

#login { 
	position: absolute;
	top: 6px;
	right: 20px;
	color:#FFF; 
	font-size:12px; 
	font-style: normal; 
}
#login a, #login a:visited{
	font: 11px "Century Gothic", Tahoma, Arial, sans-serif;
	text-decoration: none;
	color:#FFFFFF;
}
#login a:hover{
	font: 11px "Century Gothic", Tahoma, Arial, sans-serif;
	text-decoration: none;
	color:#E5BC7F;
}

/* mid bar section */
#mid_bar {
	position: absolute;
	top: 25px;
	left: 0px;
	background: #00417E url(../images/h_midbar_bg.gif) repeat;
	height: 102px;
	width: 100%;
	
}

#logo { 
	position: absolute;
	top: 25px;
	left: 0px;
	background: #00417E url(../images/h_midbar_logo.gif) no-repeat;
	height: 102px;
	width: 456px;
}

#people { 
	position: absolute;
	top: 25px;
	right: 0px;
	background: #00417E url(../images/h_midbar_people_bg.gif) no-repeat;
	height: 102px;
	width: 235px;
}

#nav_bar {
	position: absolute;
	top: 127px;
	left: 0px;
	background: #007E7C url(../images/h_navbar_bg.gif) no-repeat;
	height: 26px;
	width: 100%;
	
}

#nav_links { 
	position: absolute;
	top: 128px;
	left: 200px;
	height: 25px;
	color:#FFFFFF;
	font: 14px "Century Gothic", Tahoma, Arial, sans-serif;
	
}

#nav_links a, #nav_links a:visited{
	font: bold 12px "Century Gothic", Tahoma, Arial, sans-serif;
	text-decoration: none;
	color:#FFFFFF;
	letter-spacing: 0.03em;
}
#nav_links a:hover{
	font: bold 12px "Century Gothic", Tahoma, Arial, sans-serif;
	text-decoration: none;
	color:#7FBEBD;
	letter-spacing: 0.03em;
}
/* ------------------------------------------------------*/

#sidebar {
	position: absolute;
	left: 0px;
	top: 0px;	
	background: #00417E url(../images/menu_bg.gif) no-repeat;
	padding-top:60px;
	font: bold 0.9em "Century Gothic", Tahoma, Arial, sans-serif;
	color:#FFF;
	padding-left:6px;
	width: 150px;
	letter-spacing: 0.1em;
	
}

#sidebar ul {
	padding:0;
	margin-left:15px;
	list-style: url(../images/menu_bullet.gif) none;
}

#sidebar a, #sidebar a:visited{
	text-decoration: none;
	color:#FFFFFF;
	letter-spacing: 0.05em;
}
#sidebar a:hover{
	text-decoration: none;
	color:#7F9FBE;
	letter-spacing: 0.05em;
}

#sidebar2 {
	position: absolute;
	left: 0px;
	top: 0px;	
	background: #00417E url(../images/menu_bg.gif) no-repeat;
	padding-top:60px;
	font: 0.9em "Century Gothic", Tahoma, Arial, sans-serif;
	color:#FFF;
	padding-left:6px;
	width: 150px;
	letter-spacing: 0.1em;
	
}

#sidebar2 ul {
	padding:0;
	margin-left:15px;
	list-style: url(../images/menu_bullet.gif) none;
}

#sidebar2 a, #sidebar2 a:visited{
	text-decoration: none;
	color:#FFFFFF;
	letter-spacing: 0.05em;
}
#sidebar2 a:hover{
	text-decoration: none;
	color:#7F9FBE;
	letter-spacing: 0.05em;
}

/* right bar - home only */
#right_bar {
	float:right;
	margin:0 0 10px 10px;
	background: #FFF;
	font: 0.9em "Century Gothic", Tahoma, Arial, sans-serif;
	color:#000;
	padding:6px;
	width: 200px;
		
}

#right_bar a, #right_bar a:visited{
	font: bold 1em "Century Gothic", Tahoma, Arial, sans-serif;
	text-decoration: underline;
	color:#00417E;
	
}
#right_bar a:hover{
	font: bold 1em "Century Gothic", Tahoma, Arial, sans-serif;
	text-decoration:none;
	color:#CC7A00;
	
}
/*Front page events/prayer */
#fp_events{
	background: #FFF url(../images/fp_events.gif) no-repeat;
	padding: 7px;
	padding-top:40px;
	width: 100%;
	border: 1px solid #000;
	font-size:0.9em;
	margin-bottom:10px;
	
	
}


#fp_prayer {
	background: #FFF url(../images/fp_prayer.gif) no-repeat;
	padding: 7px;
	padding-top:40px;
	width: 100%;
	border: 1px solid #000;
	font-size:0.9em;
	margin-bottom:10px;
}

#fp_services {
	background: #FFF url(../images/fp_services.gif) no-repeat;
	padding: 7px;
	padding-top:40px;
	width: 100%;
	border: 1px solid #000;
	font-size:0.9em;
	margin-bottom:10px;
}

#fp_sp_ann{
	background: #FFF url(../images/special_ann.gif) no-repeat;
	padding: 1% 7px;
	padding-top:40px;
	width: 100%;
	border: 1px solid #000;
	font-size:0.9em;
	margin-bottom:10px;
	
}
/* end right bar

/* main content area */
#main_content {
	width: 580px;
	margin-left:170px;
	padding-bottom:45px;
	padding-right:10px;
	padding-top: 5px;
	/*border:1px solid red;*/
}



/* footer bar */
#footer_bar {
	
	width: 76%;
	text-align: center;
	font: 0.8em "Century Gothic", Tahoma, Arial, sans-serif;
	color: #00417E;	
	margin-left:22%;
	padding-right:2%;
	padding-top:5px;
	clear:both;
	/*border-top:1px solid #00417E;*/
}

#footer_bar a, #footer_bar a:visited{ 
	font: 1em "Century Gothic", Tahoma, Arial, sans-serif; 
	color:#00417E;
}
#footer_bar a:hover{ text-decoration: none;}

#footer_admin {font: bold normal 0.9em "Century Gothic", Tahoma, Arial, sans-serif; color:#CC7A00;}
#footer_admin a, #footer_admin a:visited{font: bold normal 1em "Century Gothic", Tahoma, Arial, sans-serif; color:#CC7A00;}
#footer_admin a:hover{ text-decoration: none; color:#00417E;}


/*myACC */
#my_events{
	background: #FFF url(../images/my_events.gif) no-repeat;
	padding: 7px;
	padding-top:40px;
	width: 260px;
	border: 1px solid #000;
	font-size:0.9em;
	height:260px;
	overflow:auto;
	
}


#my_prayer {
	background: #FFF url(../images/my_prayer.gif) no-repeat;
	padding: 7px;
	padding-top:40px;
	width: 260px;
	float:right;
	border: 1px solid #000;
	font-size:0.9em;
	height:260px;
	overflow:auto;
}

#sp_ann{
	background: #FFF url(../images/special_ann.gif) no-repeat;
	padding: 1% 7px;
	padding-top:40px;
	width: 97%;
	border: 1px solid #000;
	font-size:0.9em;
	
}


/* login page*/
#login_box {
	width: 250px;
	border: 1px solid #00417E;
	border-left: 20px solid #00417E;
	padding: 10px;
	margin-left:50px;
} 


.login_input {
	background: #7F9FBE;
	border:1px solid black;
	padding:2px;
}

#signup_box {
	width: 430px;
	border: 1px solid #00417E;
	border-left: 20px solid #00417E;
	padding: 10px 0 10px 10px;
	margin-left:20px;
}

.prayer_request { border-bottom:1px solid black; width:95%; padding: 5px; margin: 3px 0;}
.request_title { font: bold 1.2em "Century Gothic", Tahoma, Arial, sans-serif; color:#00417E; /* Blue */}
.request_name {font: bold 0.8em "Century Gothic", Tahoma, Arial, sans-serif; color:#000;border-bottom:1px dashed black; }
.request {font: 0.9em "Century Gothic", Tahoma, Arial, sans-serif; color:#000; padding-bottom:7px; border-bottom:1px dashed black;}
.request_icons{font: 0.8em "Century Gothic", Tahoma, Arial, sans-serif; color:#000; }
.request_dates {font: 0.7em "Century Gothic", Tahoma, Arial, sans-serif; color:#777; }
#prayer_add { width:95%; padding:7px;}
.pft {font: bold 0.9em "Century Gothic", Tahoma, Arial, sans-serif; text-align:right; padding-right:4px; color:#000; float:left; width:136px;}
.pfi {font: 0.9em "Century Gothic", Tahoma, Arial, sans-serif; border:1px solid #777; padding:2px; color:#00417E; background: #EFEFEF; margin-bottom:4px;}
.pfq {font: bold 0.9em "Century Gothic", Tahoma, Arial, sans-serif; text-align:left; padding-right:4px; color:#000; float:left; width:336px;}
.my_request_section { 
	font: 1.1em "Century Gothic", Tahoma, Arial, sans-serif;
	background: #00417E;
	color:#FFF;
	width:95%;
	padding:2px 5px;
	border-bottom:3px solid #CC7A00;
	margin-bottom:7px;
}

#change_profile { width:95%; padding:7px;}
.form_sep {width:90%; padding:2px 10px; background:#007E7C; color:#FFF; font-weight:bold; clear:both; margin:7px 0; }