/* church.css - Style sheet for South Hero Congregation Church Web site */
/*  Author:  Diantha Howard */

/*  general styles */

a	{
	color: #0B59CC;
	}
	
a:visited {
	color: #168E5E;
	}
		
a:hover	{
	background-color: #ABBA1D;
	color: #BA1DAB;
	font-weight: bolder;
	}
	
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	background: #FFF url(images/purple-gradient.jpg) repeat-x; 
}


h1 {
	font-size:24px;
	color:#2F1DBA;
	}

h2 {
	font-size:20px;
	color:#7C1DBA;
	font-weight: bold;
	}	 
	
h3 {
	font-size:18px;
	color:#0F5A62;
	font-weight: bold;
	}
	
.photo {
	background-color: #F2B1EC;
	border: 3px solid #620F5a;
	margin-bottom: 10px;
	}

.photo p {
	text-align: center;
	height: .5em;
	font-style: italic;
	margin-bottom: 5px;
	padding: 0 5px 0 5px;
	}
	
	
/* styles for header section */	

#UCCLogo {
	float: left;
	}

#comma {
	float: right;
	}	

.banner {
	height: 100px; 
	
	}
.banner h1 {
	text-align: center;
	}
.banner h2 {
	text-align: center;
	color:	#ED1B23;
	}

		
/* styles for menu */
.menu {
/*	clear: both; */
	
	}
	
ul.menu {
	list-style: none;
	padding: 0;
	margin: 0 ;
	}

.menu li {
	float: left;
	background: #FFF url(images/right_side.png) no-repeat right top;
	margin: 0;
	padding: 0;
}

.menu a {
	display: block;
	padding: 7px 13px 4px 13px;
	background-image: url(images/left_side.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	text-decoration: none;
	color: #2F1DBA;
	font-weight: bold; 
	font-size: .7em; 
	text-transform: uppercase;
}	

.menu a:hover	{
	background-color: #ABBA1D;
	color: #BA1DAB;
	font-weight: bolder;
	}

body#home #homeLink,
	body#events #eventLink,
	body#missions #missionsLink,
	body#sschool #schoolLink,
	body#music #musicLink,
	body#youth #youthLink,
	body#contact #contactLink {
	background-image:url(images/right_side_on.png);
	}

body#home #homeLink a,
	body#events #eventLink a,
	body#missions #missionsLink a,
	body#sschool #schoolLink a,
	body#music #musicLink a,
	body#youth #youthLink a,
	body#contact #contactLink a{
	color:#FFF;
	font-weight: bolder;
	padding-bottom: 5px;
	background-image: url(images/left_side_on.png);
	}

/* styles for Information sidebar */
#info {
	background-color:#F2B1EC;
	float: right;
	border: 3px solid #620F5A;
	}	
	
#info h3 {
	text-align: center;
	}

#info ul {
	list-style: none;
	margin: 0px;
	}	

#info li {
	font-size: .75em;
	padding: 5px;
	}		
	
	
/* styles for main section */	
.main {
	clear: both;
	border-top: 7px solid #2F1DBA;
	}
	
#address  {
	text-align: center;
	}

#home .photo  {
	float: left;
	width: 200px;
	height: 190px;
	}
	
#ONA {
	clear: both;
	line-height: 125%;
	}
	
#ONA p {
	padding: 0 15px 0 15px;
	font-family:"Comic Sans MS", "French Script MT", sans-serif;
	}	
	
	
#moreinfo  {
	text-align: center;
	}	

#moreinfo ul {
	list-style-image: url(images/goldcross.png);
	}	

#moreinfo li:after {
	content: url(images/goldcross.png);
	/* this doesn't show in IE */
	}

table {
	border: 5px solid #2F1dBA;
	border-collapse: collapse;
	table-layout: fixed;
	}
	

col.what {
	width: 200px;
	}

col.when {
	width: 230px;
	}	

td {
	padding: 10px;
	border: 1px solid #2F1dBA;
	}		

td.title {
	font-weight: bold;
	}
		
th {
	border: 1px solid #2F1dBA;
	background-color: #620f5a;
	color: #FFF;
		}

tr.odd {
	background-color: #d8b1f2;
	}		
	
		
/* styles on Christian ed page */	
#sschool .main ul {
	list-style-image: url(images/bible-w-cross-small.jpg);
	}	

#sschool .main li {
	margin-bottom: 10px;
	}


/* styles on Music page */

#music h3 {
	clear: both;
	}

#music .photo {
	float: right;
	width: 250px;
	height: 220px;
	margin-left: 10px;
	}	
	
/* styles on youth page */	
#youth .photo {
	float: right;
	width: 200px;
	margin-left: 10px;
	}
	
#youth .photo p {
	padding-bottom: 10px;
	}	
	
#youth .main ul {
	list-style-image: url(images/goldcross.png);
	}		
	
	
/* styles for footer */
.footer {
	clear: both;
	text-align: center;
	}
	
 .footer a {
	border-left: 1px solid #2F1DBA;
	padding: 0px 5px 0px 20px;
	margin-bottom: 10px;
	}
	
 .footer ul{
 	margin-left:20%;
	padding: 0;
   list-style: none;
   text-align: center;
}

.footer li {
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
	} 
	
.footer p {
	clear: both;
	text-align: center;
	font-size: .75em;
	}
		
#left a {
	border-left: none;
	}	


/* styles for rounded corners */
.top-left {
	height: 20px;
	background: url(images/ltblue-tl1280x20.gif) ;
	margin-right: 20px;
	}
	
.top-right {
	float: right;
	width: 20px;
	height: 20px;
	background: url(images/ltblue-tr20.gif);
	margin-top: -20px;
	}

.bottom-left {
	height: 20px;
	background: url(images/ltblue-bl1280x20.gif) ;
	margin-right: 20px;
	}
	
.bottom-right {
	margin-top: -20px;
	height: 20px;
	background: url(images/ltblue-br20.gif) right bottom no-repeat;
	}	
		
.inside {
	background: #B8D1F2;
	padding-left: 10px;
	padding-right: 10px;
	}	

.top {
	margin-top: 0;
    }  

.bottom {
	margin-bottom: 0;
	}