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

body {
	background: #ffc000;
	background-repeat:repeat-xy; 
	background-attachment:fixed;
}
a {
	text-decoration: none;
}


/* Layout
*******************************************************************************/
#wrapper {
	background:#f7f3f4 url(http://copticcitychurch.atchurch.com.au/content/images/wrapperbg.gif) top left no-repeat;
	border:none;
	width:779px;
	padding: 0;
}


#content{
 background:#f7f3f4;
margin: 0 0 10px 170px;
	color: #224a6e;
}


/* Header
*******************************************************************************/
#header {
	background: #ffc000;
width:779px;
}

/* Login
*******************************************************************************/
#login {
	margin: 0 3px 3px 0;
}

.input-button{
	border-color:#ccc;
}
.login-text{
	color:#000;
	font-weight:normal;
}
.logout-text{
	color:#ffffff;
	font-weight:normal;
}
.submit-button{
	color:#fff;
	border-color:#ccc;
	border-width:1px;
	font-weight:normal;
	background-color: #224a6e;
	margin: 4px 0 0 0;
}
.logout-button{
	color:#fff;
	background-color: #224a6e;
}
#login a{color:#eee; font-size:10px;}

/* Footer
*******************************************************************************/
#footer {
	background: #6d0e00;
	color: #eee;
}

#footer ul {
	line-height: 1.2em;
}
#footer ul a{border-bottom:none; color:#c87f3b;}

#footer ul a:hover{border-bottom:none; color:#ffc000;}

/* Content
*******************************************************************************/
h2 {
	background:#224a6e;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	min-height: 31px;
	line-height: 31px;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border-left:#224a6e solid 15px;
}
h3 {
    color: #6d0e00;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	margin: 15px 15px 15px 0px;
	padding-bottom: 5px;
}

h4 {
    color: #6d0e00;
	font: bold 1.1em Verdana,Arial, Helvetica, sans-serif;
	margin:15px 15px 15px 25px;
	padding: 0;
}

#content p {
	color: #224a6e;
}

#content ul{
	color:#6d0e00;}

#content li{
	list-style:disc;
}
#content ul ul {
	margin: 0 15px;
}

#content a.more {
	background: #f7f3f4 url() no-repeat 100% .4em;
	border-bottom: 1px dotted #be7534;
	border-top:1px solid #f7f3f4;
	color: #be7534;
}
#content a.more:hover {
	font-weight:bold;
	color:#dd9520;
	border: 1px dotted #dd9520;
	background:#fff;
}

#content a{
	color: #dd9520;
	padding: 1px;
text-decoration:none;
}
#content a:hover {
	color: #6d0e00;
text-decoration:underline;
}



/* Sidebar content
*******************************************************************************/
#sidebar {
	background:#224a6e;
	width: 170px;
	border:none;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 10px;
}
#sidebar h2 {
	background: #6d0e00;
	border-top:none;
	border-left:0px;
	color: #de9824;
	min-height: 31px;
	line-height: 31px;
}

#sidebar div ul {
	list-style: none;
	margin:0px;
	padding: 0;
	border: none;
}

#menu{margin:0; padding:0;}

#menu li a {
position:relative;
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 19px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #ffffcc;
	display: block;
	background:  url(menu.gif);
	padding: 5px 0 0 10px;
	}
	
#menu li a:hover {
	color: #925c13;
	background:  url(menu.gif) 0 -24px;
	padding: 5px 0 0 10px;
	}
	
#menu li a:active {
	color: #26370A;
	background:  url(menu.gif) 0 -47px;
	padding: 5px 0 0 10px;
	}

/* this stuff is for the new menu system - it shows submenus correctly */

#menu li {

/* make the list elements a containing block for the nested lists */
position: relative;

} 

#menu li li{
border:none;
background:none;
overflow:none;
margin:0 0 0 5px;
padding:0px 10px 0px 20px;}

#menu ul ul {
background:none;
position: absolute;
top: 0px;
left: 80%; /* to position them to the right of their containing block */
width: 170px; /* width is based on the containing block */


}
*html #menu ul ul{
left: 60%;
top:0px;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block; z-index: 1;}

/* 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:#de9824;
}

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

#events .name, #meetings .name,
#groups .name, #file_upload .name, #downloads .name, #albumGallery .name, #membersArea .name,
#news .relatedFile{
    color: #6d0e00;}
.time, .date{
	color:#6d0e00;}

.date{
	font-weight:normal;
	font-size:10px;
	display:inline;}

.contactName{
	color:#6d0e00;}
.contactNumber{	
	color:#307183;}
.categoryName{
	color: #6d0e00;
	border-bottom: 1px dotted #6d0e00;
}
.categoryDescription {
	color: #224a6e;	
}

#meetings .item, #events .item, #groups .item, #prayer .item{
border-top:1px #ddd6d8 solid;
}
	
/* Downloads
*********************************************************************************/
#downloads .name a{
	color:#dd9520;
	text-decoration:none;
}

#downloads .name a:hover{
color:#6d0e00;
text-decoration:underline;}

#downloads li{
	list-style:none;
}
.sermon-details{
color:#6d0e00;}
/* Forms
*************************************************************************************/
#file_upload, #gallery_upload,
#staff_member, .downloadAttributes, .conferenceAttributes,
#linkForm .linkAttributes, .categoryAttributes{
	background-color:#d8d7d7;
	border:dotted 1px #6a8c52;
}

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


/*News
*************************************************************************************/
#newsForm{
	border-bottom: 3px solid #224a6e;
}

#newsForm .newsBg{
	background-color:#d8d7d7;
	border:dotted 1px #224a6e;
}

#itemForm .itemAttributes{
	background-color:#d8d7d7;
	border:dotted 1px #6a8c52;
}

#news .name{
	background: #6d0e00;
	color: #fff;
	border-left:#de9824 solid 10px;
}

#news-grab {
	border-left:1px dotted #86b444;
}

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

#newsForm .newsLabel, .editLabel{
	color: #224a6e;
}

#rssIcon{
	margin-right:10px;
	float: right;
}

/*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;
}

/* Resources
*********************************************************************************/
.resource-title, #prayer .title{
	color:#006225;
}



.resource-author, #contacts .position{
	color:#006225;
}

#contacts .position{
	
color:#999;
}
.resource-description{
	color: #336633;
	border:1px dashed #ccc;
}

.resource-price{
	color:#224a6e;
weight:bold;
}

.resource-image{
	border:2px solid #fff;}


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

#contactForm {
	background-color:#f5d286;
	border:solid 3px #fff;
}
#contacts .phone{color:#224a6e;
font-weight:bold;}
#contacts .name{color:#6d0e00;}
.contact {margin-right:20px;}


/* Conferences
*********************************************************************************/
.conferenceAttributes{
	background-color:#c7ddb1;
	border:dotted 1px #6a8c52;
}
.event-cost, .event-location{
	color:#005099;
}


/* Misc
*******************************************************************************/
.config_label{
	color: red;
}
#config{margin-left:25px;}
.thumbnail {
	background:#fff;
}

#end_of_content{display:none; overflow:hidden;}



*html #content {width:606px;}