/* General
*******************************************************************************/
@import url(../global.css);


body {
	background: #1e0b59;
	background-repeat:repeat-xy; 
	background-attachment:fixed;
	background: url(bg.gif);
}

a {
	text-decoration: none;
}



/* Layout
*******************************************************************************/
#wrapper {
	background: #FFFFFF;
       background-repeat:repeat-y; 
	border-bottom:1px solid #C0C8D7;
	border-top:1px solid #fff;
	width:798px;
	padding: 1px 4px 0 4px;
}
*html #wrapper{ width: 800px;}

#content{
	color: #281071;
	margin: 0 0 10px 179px;
	padding: 0 50px 20px 50px;

}




/* Header
*******************************************************************************/

#header {
	background: #FFFFFF;
border-left:4px solid #FFFFFF;
border-right:4px solid #FFFFFF;
border-top:1px solid #FFFFFF;
width: 798px;
height: 130px;
}

#header img{
border-top:4px solid #fff;
border-right:2px solid #fff;
border-left:2px solid #fff;
width:796px;
margin-bottom:-2px;}


#subheader{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	padding: 5px;
	margin: 0 2px 0 2px;
	height: 20px;
	text-align: right;
	background-color: #426078;
	color: #ffffff;


	border-style: none solid none solid;
	border-color: #B3B3B3;
	border-size: 1px;
	border-width: 1px;
}

*html #subheader {
	margin-left: 4px;
}

#subheader a{
color: #ffffff;
}

#subheader a:hover{
	text-decoration: underline;
}


/* Login
*******************************************************************************/
#login {
	margin: 0 3px 3px 0;
}
.input-button{
	border-color:#ccc;
}
.login-text, .logout-text{
	color:#6C9EC4;
	font-weight:normal;
}

.submit-button{
	color:#fff;
	border-color:#ccc;
	border-width:1px;
	font-weight:normal;
	background-color: #424B51;
	margin: 4px 0 0 0;
}
.logout-button{
	color:#fff;
	background-color: #426078;
}

#login a{color:#eee; font-size:10px;}


/* Footer
*******************************************************************************/
#footer {
	background-color: #467bbf;
	color: #D9D9D9;
}
#footer ul {
	line-height: 1.7em;
}

#footer ul li a {
	color: #FFFFFF;
	text-decoration: none;
}



/* Content
*******************************************************************************/
h2 {
	padding: 16px 0 12px 0;
	color:#ED008C;
	font-family: Verdana, Arial, Impact, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14pt;
	margin-left: 20px;
}
h3 {
    color: #281071;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	margin: 15px 15px 15px;
	padding: 0;
}

h4 {
    color: #6eaedb;
	font: bold 1.1em Verdana,Arial, Helvetica, sans-serif;
	margin:15px 15px 15px 25px;
	padding: 0;
}
#content p, {
    color: #281071;
}
#content ul{
	color:#1b4d80;}

#content li{
	list-style:disc;
}
#content a.more {
	background: #E8EFFB url() no-repeat 100% .4em;
	border-bottom: 1px dotted #6eaedb;
	border-top:1px solid #E8EFFB;
	color: #6eaedb;
}
#content a.more:hover {
	font-weight:bold;
	border: 1px dotted #6eaedb;
	background:#fff;
}


#content a, 
#footer a {
	border-bottom: 1px solid #d0daef;
	color: #3b65b1;
	padding: 1px;
}
#content a:hover,
#footer a:hover {
	color: #6eaedb;
}




/* Sidebar content
*******************************************************************************/
#sidebar {

	border-style: none solid none solid;
	border-color: #B3B3B3;
	border-size: 1px;
	border-width: 1px;
background: #467bbf;
	color: #fff;
	font-size: .9em;
	width: 196px;
	margin: 0 0 0 2px;
background-color: #467bbf;

}
*html #sidebar{ margin: 0 0 0 1px;}

#sidebar h2 {
	background-color: #467bbf;
	border-left:0px;
	color: #ccc;
	min-height: 31px;
	line-height: 31px;
	display: none;
}

#sidebar a:hover{  
	color: #ffffff;
	border-style: solid none solid none;
	border-color: #FFFFFF;
	border-size: 1px;
	border-width: 1px;
}

#sidebar #menu ul {
	margin: 0px;
}
#menu li {
	background:  url(/images/list-square.gif) no-repeat 5px .7em;
	margin: 0 0 0 0px;
	padding: 5px 10px 10px 20px;

	color: #E4E4e4;
	background-color: #467bbf;

}
#menu a {
	color: #fff;
}

#end_of_menu {
	background-color: #467bbf;
}


/* Body
*******************************************************************************/
#admin-links{
	margin-bottom: 20px;
}
#admin-links a{
	font-size:10px;
	margin-right:10px;
	border:none;
	float:right;
}

/* Other layouts
*********************************************************************************/
#events a, #meetings a,
#groups a,.edits a, .imageCount,
#downloads a, .relatedFile a{
	color:#369;
}

#events a:hover, #meetings a:hover,
#groups a:hover, #downloads a:hover,
.edits a:hover, .relatedFile a:hover{
	color:#6eaedb;
}

#events .name, #meetings .name, #groups .name, #file_upload .name,
#downloads .name, #albumGallery .name, #membersArea .name,
#news .relatedFile{
	color: #369;
	width: 200px;
}

.time, .date{
	color: #3b65b1;
	font-weight: bold;
	display: block;
}

.date{
	font-size:10px;

}
.contactName{
	color: #3b65b1;
	font-style: italic;
}

.contactNumber{
	color: #3b65b1; }
.categoryName{
	color: #369;
	border-bottom: 1px dotted #6eaedb; width:335px;
}
.categoryDescription {
	color: #3b65b1;
}

/* Other layouts
*********************************************************************************/
#downloads li{	list-style:none;
}

#downloads .name a{
	color:#369;
	text-decoration:underline;
}


/* Forms
*************************************************************************************/
#file_upload, #gallery_upload,
#staff_member, .downloadAttributes, .conferenceAttributes,
#linkForm .linkAttributes, .categoryAttributes{
	background-color:#CCD8EE;
	border:dotted 1px #6eaedb;
}

#itemForm .itemAttributes, #resourcesForm .itemAttributes{
	background-color:#CCD8EE;
	border:dotted 1px #6eaedb;
}


/*News
*************************************************************************************/
#newsForm{
	border-bottom: 3px solid #369;
}
#newsForm .newsBg{
	background-color:#CCD8EE;
	border:dotted 1px #6eaedb;
}
#news-grab {
	border-left:1px dotted #336699;
}

#news .name{
	background: #D6E1F3;
	color: #243b97;
	border-left:#243b97 solid 10px;
}

#newsForm h2, #membersArea .title{
	background: #369;
	color: #fff;
	border-left:#354157 solid 10px;
}

#newsForm .newsLabel, .editLabel{
	color: #369;
}

/* Members Area
*************************************************************************************/
#members_news, #members_docs{
	border:3px solid #fff;
}

#members_news, #members_gallery{
	background:#F4F7FD;
}

#members_prayer, #members_docs{
	background:#D6E1F3;
}

#members_prayer, #members_gallery{
	border:3px solid #fff;
}

#members_calendar{
	border:3px solid #fff;
	background:#EEF3FC;
	padding:5px;
}

#meetings .item, #events .item, #groups .item, #prayer .item{
	border-top:1px #fff solid;
}



/* Photo Gallery
*************************************************************************************/
.album{
	width:250px;
	margin:5px 2px 10px 25px;
	font-size:11px;
	float:left;
	line-height:18px;
}


/* Resources
*************************************************************************************/
.resource-title, #contacts .name, #prayer .title{
	color: #005099;
}
.resource-author, #contacts .position{
	color: #005099;
}
.resource-description{
	color: #000000;
	border:1px dashed #ccc;
}
.resource-price, #contacts .phone{
	color:#005099;
}
.resource-image{
	border:2px solid #fff;}



/* Contacts
*************************************************************************************/
#contactForm {
	background-color:#CCD8EE;
	border:solid 3px #fff;
}

#contacts .photo{
	border:2px solid #fff;
}

#contacts .phone{}
	



/* Conferences
*************************************************************************************/
.conferenceAttributes{
	background-color:#CCD8EE;
	border:dotted 1px #6eaedb;
}

.event-cost, .event-location{
	color:#005099;
}

/*Misc
*************************************************************************************/
.config_label{
	color: red;
}

#config {margin-left:25px;}

.thumbnail {
	background:#fff;
}

#sublinks li{
background:#fff;
font-size:11px;
border:1px solid #CCD8EE;
list-stlye:none;
float:right; display:inline;
position:relative;
clear:left;
padding:5px;
margin-top:10px;
margin-left:10px;
}


*html #content {width:450px;}