/* internationalcitychurch.com : contentstyle */

.body_header { 
	position: relative; 
	top: 0px; 
	left: 0px; 
	background-image: url('http://www.internationalcitychurch.com/baseimages/header/background.jpg'); 
	height: 100px; 
	background-repeat: repeat-x; }

.christmas_header { 
	position: relative; 
	top: 0px; 
	left: 0px; 
	background-image: url('http://www.internationalcitychurch.com/baseimages/header/christmas.png'); 
	height: 200px; 
	background-repeat: repeat-x; }


/*-------------------- fontstyles --------------------*/
p { font-family: Arial; font-size: 13px; color: #000000; margin: 0px; } /*content text*/

h1 { font-family: "Arial"; font-size: 14px; font-weight: normal; color: #000000; } /*page titles*/ 
h2 { font-family: Arial; color: #ffffff; font-size: 16px; margin: 0px 0px 7px 0px; } /*section titles - white*/
h3 { font-family: Arial; color: #000000; font-size: 16px; margin: 0px 0px 7px 0px; } /*section titles - black*/
h4 { font-family: "Century Gothic"; font-size: 14px; font-weight: bold; margin: 0px; } /*section link*/
h5 { font-family: Arial; font-size: 11px; font-weight: normal; margin: 4px 0px 0px 0px; padding: 1px 0px 1px 6px; width: 150px; display: block; background-color: #CCCCCC;  } 
h6 { font-family: Arial; font-size: 18px; color: #000000; margin-top: 100px; text-align: center; }/*under construction text*/

.bulletpoints { padding-left: 15px; }

.norm {	font-weight: normal; }
.bold {	font-weight: bold; }
.italic { font-style: italic; }
.line { text-decoration: underline; }
.noline { text-decoration: none; }

.xsmall { font-size: 10px; }
.small { font-size: 11px; }
.large { font-size: 16px; }

.left { text-align: left; }
.centre { text-align: center; }
.right { text-align: right; }

.darkgrey {	color: #282828; }
.grey { color: #444444; }
.lightgrey { color: #CCCCCC; }
.blue { color: #0000CC; }

.left-pad { padding-left: 20px; }

/*-------------------- hyperlink styles --------------------*/
a {	color: #666666; text-decoration: none; }
a:hover { color: #666666; text-decoration: underline; }

.white { color: #FFFFFF; text-decoration: none; }
a.white { color: #FFFFFF; text-decoration: none; }
a:hover.white { color: #FFFFFF; text-decoration: underline; }

.whitenoline { color: #FFFFFF; text-decoration: none; }
a.whitenoline { color: #FFFFFF; text-decoration: none; }
a:hover.whitenoline { color: #FFFFFF; text-decoration: none; }

.black { color: #000000; text-decoration: none; }
a.black { color: #000000; text-decoration: none; }
a:hover.black { color: #000000; text-decoration: underline; }

.blacknoline { color: #000000; text-decoration: none; }
a.blacknoline { color: #000000; text-decoration: none; }
a:hover.blacknoline { color: #000000; text-decoration: none; }

a.greywhite { color: #CCCCCC; text-decoration: none; }
a:hover.greywhite { color: #FFFFFF; text-decoration: underline; }

a.greywhitenoline { color: #CCCCCC; text-decoration: none; }
a:hover.greywhitenoline { color: #FFFFFF; text-decoration: none; }

a.greyblack { color: #444444; text-decoration: none; }
a:hover.greyblack { color: #000000; text-decoration: underline; }

a.greyblacknoline { color: #444444; text-decoration: none; }
a:hover.greyblacknoline { color: #000000; text-decoration: none; }

/*-------------------- locations.php and service times and directions --------------------*/
.locationslink { font-size: 13px; padding: 3px 5px 3px 9px; width: 250px; display: block; background-color: #CCCCCC; } 

.servicesmap { float: right; border-left: 1px solid #000000; padding: 5px 0px 5px 0px; margin: 8px 0px 8px 8px; }

/*--------------- Church Diary ---------------*/
#eventscalendar { float: left; display: inline;	width: 617px; }
.event_name { font-weight: bold; }
.event_date { padding: 1px 0px 4px 0px; font-size: 11px; }
.event_info { padding-bottom: 4px; }
.event_link { font-size: 11px; color: #333333; }
a.event_link { font-size: 11px; color: #333333; }
a:hover.event_link { font-size: 11px; color: #000000; text-decoration: none; }
.event_separator { width: 100%; margin-top: 6px; margin-bottom: 8px; border-bottom: 1px #666666 dotted; }

#eventscalendar div.backtotop { 
	float: left; 
	display: block; 
	width: 610px; 
	font-family: "Century Gothic"; 
	font-size: 14px; 
	font-weight: bold; 
	margin: 10px 0px 20px 0px; 
	padding: 3px;
	text-align: center;
	border: 1px solid #999999; }
#eventscalendar div.backtotop a { float: left; display: block; width: 100%; height: 100%; }
#eventscalendar div.backtotop a:hover { float: left; }

#calendarlinks { float: right; display: inline;	width: 215px; }
#calendarlinks .adverts { border: 1px solid #000000; margin: 0px 0px 6px 0px; }

/*-------------------- Courses --------------------*/
.backto-lifekeys { float: right; margin: -6px -4px 10px 25px; }

/*-------------------- Side Panel and Content --------------------*/
#sidepanel {
	float: left; 
	display: inline;
	width: 250px;
	margin: 0px 6px 6px 0px; }

#sidepanel div.link {
	float: left;
	display: block; 
	width: 250px; 
	overflow: hidden; 
	margin-bottom: 5px; 
	font-family: "Century Gothic";
	font-size: 14px; 
	font-weight: bold; }
	
#sidepanel div.link a { padding: 3px 3px 5px 10px; text-decoration: none; display: block; width: 100%; height: 100%; overflow: hidden; color: #000000; background-color: #999999; }
#sidepanel div.link a:hover { text-decoration: none; overflow: hidden; background-color: #333333; color: #FFFFFF; }