/* ===========================================
    CSS STYLES FOR MILE HI CHURCH
   =========================================== */   


/* PAGE ELEMENTS */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
}

body {
	background-color: #FFFFFF;
	margin: 0px;
}

#container {
	background-color: #44ADE2;
	background-image: url(/images/elements/bg_logo_main8-09.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 100%;
}

#mastheadhome {
	background-color: #44ADE2;
	background-image: url(/images/elements/masthead_home3-10.jpg);
	background-repeat: no-repeat;
	height: 138px;
	width: 100%;
}

#masthead {
	background-color: #FFFFFF;
	background-image: url(/images/elements/masthead8-09.jpg);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	height: 94px;
	width: 100%;
}

.leftcolumn {
	background-color: #44ADE2;
	background-image: url(/images/elements/bg_logo_left8-09.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#navigation {
	background-color: #44ADE2;
	padding-left: 10px;
}

#navtop {
	height: 6px;
}

#navbottom {
	height: 6px;
}

.navButton {
	height: 16px;
	width: 202px;
}

#leftspacer {
	height: 144px;
}

.content {
	width: 560px;
	margin-top: 60px;
	margin-left: 16px;
}

.content2 {
	width: 370px;
	margin-top: 60px;
	margin-left: 16px;
}

.content3 {
	width: 600px;
	margin-top: 60px;
	margin-left: 16px;
}

.content4 {
	width: 700px;
	margin-top: 60px;
	margin-left: 16px;
}


.eventhead {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	line-height: 20px;
}

#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 11px;
	color: #999999;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 10px;
}

#quote {
	height: 64px;
}

/* HTML TAGS */

p {
	margin-top: 0px;
	margin-bottom: 12px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #330066;
	margin-top: 0px;
	margin-bottom: 10px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #330066;
	margin-top: 0px;
	margin-bottom: 10px;
}

/* CLASSES */

.head-11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #330066;
	margin-bottom: 0px;
}

.list {
	margin-left: 0em;
	text-indent: -.95em;
	padding-left: .95em;
}

.listTight {
	margin-top: 4px;
	margin-bottom: 0px;
	margin-left: 0em;
	text-indent: -.95em;
	padding-left: .95em;
}

.linegray {
	background-color: #CCCCCC;
	height: 1px;
	width: 100%;
	margin-top: 16px;
	margin-bottom: 16px;
}

.linegray2 {
	background-color: #CCCCCC;
	height: 1px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 2px;
}

.picright {
	margin-top: 3px;
	margin-bottom: 6px;
	margin-left: 6px;
}

.picrightcol {
	margin-top: 22px;
	margin-right: 20px;
}

.topics {
	background-image: url(/images/art/art_heart.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	margin-top: 0px;
	margin-bottom: 12px;
	padding-left: 12px;
}

.dates {
	padding: 2px;
}

.event {
	font-weight: bold;
}

.boxborder {
	border: 1px solid #333333;
}

.box01 {
	background-color: #F2F2F2;
	padding-top: 12px;
	padding-right: 16px;
	padding-left: 12px;
	border: 1px solid #250858;
}

.color01 {
	color: #250858;
}

/* FORMS */

.formText {
	margin-bottom: 3px;
}

.formFields {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	vertical-align: middle;
	border: 1px solid #333333;
	height: 20px;
	width: 200px;
}

.formFieldsMultiline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #333333;
	height: 108px;
	width: 300px;
}

/* LINK STYLES */

a:link, a:active, a:visited { 
	font-weight: normal;
	color: #003399;
	text-decoration: none;
	}

a:hover { 
	font-weight: normal;
	color: #6685C2;
	text-decoration: none;
	}

.breadcrumbs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #003399;
	float: left;
	margin-top: 22px;
	margin-left: 16px;
}

.breadcrumbs a:link, .breadcrumbs a:active, .breadcrumbs a:visited {
	font-weight: bold;
	color: #003399;
	text-decoration: none; 
}

.breadcrumbs a:hover {
	font-weight: bold;
	color: #6685C2;
	text-decoration: none; 
}

.captionhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #003399;
	margin-top: 3px;
	margin-bottom: 2px;
}

.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	color: #333333;
	margin-top: 3px;
	margin-bottom: 2px;
}

.caption a:link, .caption a:active, .caption a:visited {
	font-weight: normal;
	color: #003399;
	text-decoration: underline; 
}

.caption a:hover {
	font-weight: normal;
	color: #6685C2;
	text-decoration: underline; 
}
.formFieldsAddress {


	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	vertical-align: middle;
	border: 1px solid #333333;
	height: 20px;
	width: 350px;
}
.formFieldsNames {



	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	vertical-align: middle;
	border: 1px solid #333333;
	height: 20px;
	width: 250px;
}