﻿/* internationalcitychurch.com : contentstyle */

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

h1 { font-family: "Century Gothic"; font-size: 16px; color: #FFFFFF; padding-left: 20px; margin-top: -1px; } /*page titles*/ 
h2 { font-family: Arial; color: #ffffff; font-size: 16px; margin-bottom: 4px; } /*section titles - white*/
h3 { font-family: Arial; color: #000000; font-size: 16px; margin-bottom: 4px; } /*section titles - black*/
h4 { font-family: "Century Gothic"; font-size: 14px; font-weight: bold; } /*section link*/
h5 { font-size: 10px; font-weight: bold; }
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; }

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

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

.xs-pad { padding-left: 10px; }
.s-pad { padding-left: 20px; }

/*-------- hyperlink styles --------*/
a {	color: #0000CC; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: none; }

a.light { color: #3399FF; text-decoration: none; }
a:hover.light { color: #FC7041; text-decoration: none; }

a.dark { color: #000099; text-decoration: none; }
a:hover.dark { color: #B02D00; text-decoration: none; }

/*-- to replace whitelink and blacklink below --*/
.white { color: #ffffff; }
a.white { color: #FFFFFF; text-decoration: none; }
a:visited.white { color: #FFFFFF; text-decoration: none; }
a:hover.white { color: #FFFFFF; text-decoration: none; outline: none; }

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

/*-- to fade out with above two --*/
a.whitelink { color: #FFFFFF; text-decoration: none; }
a:visited.whitelink { color: #FFFFFF; text-decoration: none; }
a:hover.whitelink { color: #FFFFFF; text-decoration: none; outline: none; }
a:focus.whitelink { outline: none; }

a.blacklink { color: #000000; text-decoration: none; }
a:visited.blacklink { color: #000000; text-decoration: none; }
a:hover.blacklink { color: #000000; text-decoration: none; outline: none; }
a:focus.blacklink { outline: none; }

/*-- to replace icc below --*/
a.greywhite { color: #CCCCCC; text-decoration: none; }
a:hover.greywhite { color: #ffffff; text-decoration: none; }

/*-- to fade out with one above --*/
a.icc { color: #CCCCCC; text-decoration: none; }
a:hover.icc { color: #ffffff; text-decoration: none; }

/*-- to replace move below --*/
a.greyblack { color: #444444; text-decoration: none; }
a:hover.greyblack { color: #000000; text-decoration: none; }

/*-- to fade out with one above --*/
a.move { color: #333333; text-decoration: none; }
a:hover.move { color: #000000; text-decoration: none; }

/*-- image positions --*/
.img-tl { position: absolute; top: 2px; left: 2px; z-index: -1; }
.img-tr { position: absolute; top: 2px; right: 2px; z-index: -1; }
.img-bl { position: absolute; bottom: 2px; left: 2px; z-index: -1; }
.img-br { position: absolute; bottom: 2px; right: 2px; z-index: -1; }
.img-linkbar { position: absolute; bottom: 28px; right: 2px; z-index: -1; }

/*-- about back link --*/
#backtoabout { position: absolute; top: 46px; right: 45px; width: 200px; z-index: 8; 
				display: block; height: 23px; }

/*-- new to church --*/
.newimage { margin: -4px -4px 3px -4px;  border: 0px; }

#new_welcome {
	position: absolute;
	display: block;
	top: 7px; 
	left: 7px;
	width: 571px; 
	padding: 4px;
	background-color: #FFFFFF;
	border-left: 1px #000000 solid;
	z-index: 5; }
	
#new_believe {
	position: absolute;	
	display: block;
	top: 239px; 
	left: 7px;
	width: 571px; 
	padding: 4px;
	background-color: #FFFFFF;
	border-left: 1px #000000 solid;
	z-index: 5; }

#new_other {
	position: absolute;
	display: block;
	top: 377px; 
	left: 7px;
	width: 571px; 
	padding: 4px;
	background-color: #FFFFFF;
	border-left: 1px #000000 solid;
	z-index: 5; }
	
#new_play {
	position: absolute;
	display: block;
	top: 659px; 
	left: 7px;
	width: 571px; 
	padding: 4px;
	background-color: #FFFFFF;
	border-left: 1px #000000 solid;
	z-index: 5; }

#new_saying {
	position: absolute;
	display: block;
	top: 796px; 
	left: 7px;
	width: 571px; 
	padding: 4px;
	background-color: #FFFFFF;
	border-left: 1px #000000 solid;
	z-index: 5; }

#new_connected {
	position: absolute;
	display: block;
	top: 7px; 
	right: 7px;
	width: 277px; 
	padding: 4px;
	background-color: #FFFFFF;
	border-left: 1px #000000 solid;
	z-index: 5; }

#new_locations {
	position: absolute;
	display: block;
	top: 205px; 
	right: 7px;
	width: 277px; 
	padding: 4px;
	background-color: #FFFFFF;
	border-left: 1px #000000 solid;
	z-index: 5; }

#new_learnmore {
	position: absolute;
	display: block;
	top: 645px; 
	right: 7px;
	width: 277px; 
	padding: 4px;
	background-color: #FFFFFF;
	border-left: 1px #000000 solid;
	z-index: 5; }

#academynav { 
	position: absolute; 
	top: 30px;
	right: 45px; 
	width: 285px; 
	z-index: 8; 
	height: 14px; 
	padding: 4px; 
	text-align: center; }

.address { margin-top: -17px; padding: 0px 0px 6px 85px; }
.email { padding: 5px 0px 0px 0px; }

.abt { margin-bottom: 6px; font-weight: bold; font-size: 16px; font-family: "Century Gothic"; }

#abt-linkbar { 
	position: absolute;
	top: 120px;
	right: 45px;
	width: 200px;
	height: 23px; 
	z-index: 9; 
	display: block; 
	border: 1px solid #999999; }

.eldername { margin-top: -96px; padding-left: 95px; font-weight: bold; }
.eldertext { padding-left: 95px;  }

#buildingspan {
 	position: relative; 
	float: left;
	width: 575px; 
	padding: 4px;
	margin: 5px 0px 0px 5px;
	z-index: 5; }
	
#buildingbox {
 	position: relative; 
	float: left;
	width: 279px;  
	padding: 4px;
	margin: 5px 0px 0px 5px;
	z-index: 5; }
	
#lifepods_text {
	position: absolute;
	bottom: 7px; 
	left: 7px;
	width: 375px; 
	padding: 4px;
	z-index: 5; }