/*
Theme Name: Jesus Heals Hurts
Theme URI: http://www.vmc3.com
Description: This theme was developed solely for the customer listed above. Any reproduction or sharing of this style is against copyright laws.
Version: 2.0
Author: Abe Stem, Virtual Marketing Concepts, LLC
*/


/*********************/
/** Universal Reset **/
/*********************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;	color: black;	background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: right;	
font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
/*********************/
/*********************/

em {font-style:italic;}
strong {font-weight:bold;}

/************************************/
/***********Markup Styles************/
/************************************/

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#014610; /*background:url('images/background.jpg') top left repeat-x #2D6301;*/}

a {text-decoration:underline; color:#000;}

#header {margin:0 auto; padding:0; position:relative; width:1001px; height:244px; background:#030; background:url('images/header.jpg') top left no-repeat #014610; }
#header h1 {margin:0; padding:0; position:absolute; font-size:32px; font-family:Tahoma, sans-serif; text-transform:uppercase; color:#000; top:25px; right:10px; text-indent:-999999px;}
#header h2 {margin:0; padding:0; position:absolute; font-size:20px; text-indent:-999999px;}
#header img {position:absolute; top:0; right:10px;}

#subheader {margin:0 auto; padding:0; position:relative; width:1001px; height:232px; margin-top:-2px;  background:url('images/subheader.png') top left no-repeat #014610; }

#subheaderalt {margin:0 auto; padding:0; position:relative; width:1001px; height:232px; margin-top:-2px;  background:url('images/subheaderalt.png') top left no-repeat #014610; }

#subheadertitles {position:absolute; top:-48px; left:30px; font-weight:bold; font-size:18px; letter-spacing:3px; color:#143578;}

#container {width:1001px; height:auto; margin:0px auto; padding:0; position:relative; background:url('images/container-back.png') top repeat-y;}

#containeralt {width:1001px; height:auto; margin:0px auto; padding:0; position:relative; background:url('images/container-backalt.png') top repeat-y;}

#content {margin:0; padding:0; width:1001px; position:relative; background:url('images/content-back.png') top no-repeat;}

#contentalt {margin:0; padding:0; width:1001px;  position:relative; background:url('images/content-backalt.png') top no-repeat;}
#contentalt h1 {margin:auto; width:960px;  color:#0a5e0d; font-size:20px; font-weight:bold;}

#contentser {margin:0; padding:0; width:1001px;  position:relative; background:url('images/content-backalt.png') top no-repeat;}
#contentser p {margin:0 0 0 35px}
#contentser h2 { font-size:18px}


#contentStaff {margin:0; padding:0; width:1001px; position:relative; background:url('images/content-back.png') top no-repeat;/*margin:0; padding:0; width:800px;  position:relative; top:30px; background:url('images/content-backalt.png') top no-repeat;*/}

#content h1 {margin:15px 20px; padding:3px 0px; color:#0a5e0d; font-size:20px; font-weight:bold;}
#content h2 {margin:15px 25px; color:#000; font-weight:bold; line-height:26px;}
#content h3 {margin:15px 25px; color:#333; font-size:18px; font-weight:bold; letter-spacing:2px;}
#content h4 {color:#333; font-size:16px; text-align:center;}
#content h5 {color:; font-size:; font-family:;}
#content p {margin:10px 25px; color:#000; font-size:14px; line-height:20px;}
#contentalt p {margin:0 20px 0 20px; color:#000; font-size:14px; line-height:20px;}
#content h1 a {color:#0a5e0d;}

/* all lists */
#navigation ul { padding: 0; margin:0px 0 0 80px; position:relative; top:203px; list-style:none; font-size:15px; font-weight:bold; border:none;}
 /* all list items */
#navigation li { float:left; height:15px; letter-spacing:2px; width:auto; text-align:center; position:relative; padding:12px 0; margin:0px 6px; list-style:none;}

#navigation a { text-decoration:none;}

/* all lists */
#services ul { padding: 0; margin:20px 0 0 25px; position:relative; top:210px; font-size:15px; font-weight:bold; border:none;}
 /* all list items */
#services li { float:left; height:18px; letter-spacing:2px; width:auto; text-align:center; position:relative; padding:12px 0; margin:0px 6px}
#services a { text-decoration:none;}

.bloglink {position:absolute; top:70px; right:10px; width:135px; height:15px; padding:10px 15px !important; font:15px bold Arial, Helvetica, sans-serif !important; z-index:100; background:url(images/blog-button.jpg) top left no-repeat #026898; text-align:center;}
.bloglink a {color:#fff !important; text-decoration:none; text-transform:uppercase; font-weight:bold !important; margin:0 !important; padding:0 !important;}
.bloglink a:hover {background:none !important; text-decoration:none; text-transform:uppercase; font-weight:bold !important;}

.rates {margin:15px auto; width:400px; color:#000; font-size:16px; line-height:35px;}

/* hide from ie on mac \*/
#flashcontent {margin:0; padding:0px 30px; position:relative; background:url('images/content_back.png') top repeat-y; height:400px; z-index:30;}
/* end hide */

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

td {font-size:12px; padding:5px}

#contentLeft {margin:5px 0 0 50px; padding:0; position:relative; width:250px; float:left; _display:inline; background:url('images/contact-back.jpg') bottom left no-repeat; font-size:15px;}
#contentLeft h2 {margin:5px 0px 0px 0px; color:#000; font-size:16px;}
#contentLeft ul li {margin:0px 8px !important;}
#contentLeft ul li ul li {margin:5px 0 5px 15px !important; list-style:circle;}
#contentLeft a {text-decoration:none;}
/* Only add specifications if you want the same object looking different in this area of the page. */

#contentRight {margin:5px 25px 0 10px; padding:0; position:relative; width:565px; font-size:15px; line-height:20px; float:right; _display:inline;}
#contentRight ul {margin:15px 25px; color:#000; font-size:15px; line-height:20px;}
#contentRight li {margin:8px 10px;}
/* Only add specifications if you want the same object looking different in this area of the page. */

#footer {margin:0 auto; padding:0; position:relative; top:40px; width:1001px; height:91px; text-align:center; background:url('images/footer.png') top left no-repeat;}

#footer img {margin:10px 10px 0 0;}

#footer p {position:absolute; top:50px; left:74px; color:#333; font-size:12px; font-family:arial, sans-serif; line-height:15px; width:800px;}
#footer a {color:#999999; font-weight:bold;}

#footeralt {margin:0 auto; padding:0; position:relative; top:0px; width:1001px; height:91px; text-align:center; 
background:url('images/footeralt.png') top left no-repeat;}

#footeralt p {position:absolute; top:30px; left:74px; color:#333; font-size:12px; font-family:arial, sans-serif; line-height:15px; width:800px;}

/******Calendar******/
#calendar {width:845px; margin:15px auto;}

#calendar table th {text-align:left; padding:4px; text-transform:capitalize; font-weight:bold;}
#calendar table td {padding:2px 4px; vertical-align:top; text-align:center;}

#calendarEvent {width:640px; height:400px; position:absolute; top:80px; left:140px; background:url(images/calendarEvent-back.png) top left no-repeat; color:#333;}
#calendarEvent h3 {font-size:18px; font-family:Arial, Sans-Serif; margin:20px 0px 10px 20px;}
#calendarEvent p {font-size:10px; margin:10px 0px 0px 20px;}

.eventImage {float:right; margin:0px 20px 0px 0px; background:#ccc; height:170px}
.eventImage img {height:170px;}

#eventDetails {height:150px; margin-top:10px}

#calendarEventList h3 {
	font-family:"Myriad Pro",Verdana,Arial,Sans-Serif;
	font-size:18px;
	margin:20px 0 10px 20px;
}

#eventDetails p {
	font-size:12px;
	margin:0px 0 0 20px;
}

#eventDetails br {
	margin:-1px;
	height:-3px;
	font-size:1px;
	line-height:0px;
}

#eventDetails table td {padding:8px 8px; vertical-align:top; font-size:14px;}

#calendarEventList {width:622px; height:400px; position:absolute; top:80px; left:160px; background:url(images/calendarEvent-back.png) top left no-repeat; color:#333;}
#calendarEventListScroll{margin: 10px 30px 10px 10px; height:355px;  overflow:auto;}
#calendarEventListScroll table {}
#calendarEventListScroll table td {margin:0; padding:2px 4px;}

#eventDescription {padding:10px; background:#333; border:2px inset #999; overflow:auto; margin:5px 20px; height:80px;}
#eventDescription p {margin:0; padding:0; color:#fff;}

.vCal {text-align:right; margin:10px 20px;}

.closePanel {position:absolute; top:15px; right:20px;}

/*********school calendar***********/
table.schoolCalendarTable {width:800px; margin:10px auto; margin-bottom:40px;}
table.schoolCalendarTable td .240 {width:260px; padding:4px 8px; text-align:left; padding-bottom:20px;}
table.schoolCalendarTable td {padding: 3px;}
table.schoolCalendarTable th {display:none;}
table.schoolCalendarTable td h3 {padding-top: 15px;}

#calendar{position:relative; left:-45px;}

#NewsLetter {width:350px; height:175px; margin:0 0 -20px -10px;  background:url(images/login-background.png) top left no-repeat; padding:40px 0 0 10px; color:#FFF;}
#NewsLetterName{float:left; margin:5px 0 0 0;}
#NewsLetterPhone{float:left; margin:5px 0 0 0;}
#NewsLetterEmail{float:left; margin:5px 0 0 0;}
#NewsLetterSend{float:left; margin:5px 0 0 10px;}
.NewsLetterSpaceName{margin:5px 0 5px 13px}
.NewsLetterSpacePhone{margin:5px 0 5px 10px}
.NewsLetterSpaceEmail{margin:5px 0 5px 15px}

/*Staff Page .....................................................................................*/
#Staff {position:relative; top:-30px; left:20px; /*border:1px solid #000;*/ margin:0 0 10px 0;  width:960px; height:225px; float:left; background:url(images/staff.png) top left no-repeat; }
#Staff img {width:150px; height:200px; /*border:1px solid #F00*/ margin:0 0 0 0px; float:left; padding:10px;}
#Staff p {width:760px; height:200px; background:url(images/staff9.png) top left no-repeat; padding:5px 15px 0 10px; float:left; color:#000; float:left; line-height:25px; margin:0 0 25px -5px;}
#Staff h2 {color:#143578; font-size:16px; font-weight:bold; margin:0 0 0 50px; padding:5px 0 0 0 }

#StaffRight {position:relative; margin:5px 0 20px 20px; padding:0; width:960px; height:225px; background:url(images/staff-right-back.jpg) top left no-repeat; }
#StaffRight img {width:150px; height:200px; position:absolute; top:10px; right:57px; border: 2px solid #fff; margin:0; padding:0;}
#StaffRight p {width:700px; height:140px; padding:0px; margin:0; position:absolute; top:80px; left:40px; color:#fff; line-height:18px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
#StaffRight h2 {width:600px; height:40px; padding:0px; margin:0; position:absolute; top:15px; left:140px; text-align:center; color:#457644; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; }

#StaffLeft {position:relative; margin:5px 0 20px 20px; padding:0; width:960px; height:225px; background:url(images/staff-left-back.jpg) top left no-repeat; }
#StaffLeft img {width:150px; height:200px; position:absolute; top:10px; left:52px; border: 2px solid #fff; margin:0; padding:0;}
#StaffLeft p {width:700px; height:140px; padding:0px; margin:0; position:absolute; top:80px; right:40px; color:#fff; line-height:18px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
#StaffLeft h2 {width:600px; height:40px; padding:0px; margin:0; position:absolute; top:15px; right:140px; text-align:center; color:#457644; font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; }

/*Staff Page .....................................................................................*/

#Page {position:relative; top:-30px; left:20px; /*border:1px solid #000;*/ margin:0 0 10px 0;  width:960px; height:auto; float:left;}
#Page p {width:950px; height:auto; padding:5px 20px 0 10px; float:left; color:#000; float:left; line-height:25px; margin:15px 15px 25px -5px;}
#Page h2 {color:#143578; font-size:16px; font-weight:bold; margin:-3px 0 5px; padding:0 0 0 10px }
#Page img {color:#143578; font-size:16px; font-weight:bold; margin:0 10px 0 15px; padding:0 10px 0 0 }
#Page h3 {line-height:25px; font-weight:bold; font-size:14px;}

#about p {font-size:12px; line-height:20px; margin:5px 0 0 0;}


/*#companies {width:360px; position:relative; top:425px;}
#companies img {float:left; margin:0 10px 0 0}*/

/*Main Page Image Rotation................................................................................*/

/* rotator in-page placement */
 div#rotator {	position:relative;	height:191px; top:-134px; width:582px; 	margin-left: 403px;}
	
/* rotator css */
	div#rotator ul li {float:left; 	position:absolute;	/*top:132px;*/	list-style: none;}
/* rotator image style */	
	div#rotator ul li img {
/*	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;*/
}
div#rotator ul li.show {z-index:500; }




/* slider */

		#slider ul {
			margin:30px 10px 0px 10px;
			padding:30px 10px 0px 10px;
			position:relative;
		}
		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{ 
			height:135px;
			width:320px;
			overflow:hidden;
			position:relative;
			}	
		#slider{ 
			margin:0 0 0 40px; z-index:100;
			position:relative;
			line-height:22px;
			top:10px;
			}	
		#slider img{ 
			margin:0 10px 10px 0px; float:right;
			width:150px;
			height:150px;
			float:left;}
		#prevBtn, #nextBtn{ 
			display:block;
			width:20px;
			padding:0 0 0 20px;
			height:10px;
			position:absolute;
			left:340px;
			bottom:50px;
			}	
		#slider h5 {font-weight:bold; font-size:15px;}
		#nextBtn {right:25px; text-align:right;}
	    #prevBtn {left:10px;}
		#prevBtn a, #nextBtn a{  
			color:#000; text-decoration:none; font-weight:bold;
			}								
	
/* // slider */