/* CSS Document

Styling document created by Scott Dillon for Crossroadsfamily.com
Update: July, 2008
http://www.scottdillon.com


Colors:

	Light Blue:	#40A0F2;
	Orange: 	#D7812D;
	Dark Blue: 	#1f244b;
	Dark Gray: 	#333333;	

*/

body {
	font-family:Constantia,'Palatino Linotype',Palatino,serif;
	font-size:12px;
	margin:0px;
	background-image:url('../images/backgrounds/site_06.jpg');
	}
	
* { margin:0px; }

p {
	margin:7px 7px 7px 3px;
	}

h1 {
	font-size:20px;
	color:#1f244b;
	}

h2 {
	font-size:18px;
	color:#40A0F2;
	font-variant:small-caps;
	}

h3 {
	font-size:16px;
	color:#D7812D;
	border-bottom:1px solid #D7812D;
	width:75%;
	}

h4 {
	font-size:14px;
	font-variant:small-caps;
	letter-spacing:.08em;
	color:#333333;
	}

h5 {
	font-size:12px;
	color:#40A0F2;
	border-top:1px solid #D7812D;
	border-bottom:1px solid #D7812D;
	line-height:16px;
	display:inline-block;
	}

li {
	margin-left:20px;
	}

a img {
	border:none;
	}

ul {
	margin:10px;
	}

/* Div Styles */

#wrapper {
	margin:0 auto;
	width: 763px;
	position:relative;
	top:5px;
	padding:0px;
	}

#header {
	background-image:url('../images/backgrounds/site_01.jpg');
	background-position:top center;
	height:131px;
	width:100%;
	}


#menu {
	background-image:url('../images/backgrounds/site_02.jpg');
	background-repeat:no-repeat;
	height:38px;
	width:100%;
	}

.main_menu ul{
	margin:0px 0px 0px 6px;
	padding:2px 0px 0px 13px;
	list-style-type:none;
	display:block;
	font-weight:bold;
	font-size:14px;
	color:#000000;
	}
.main_menu ul li{
	margin:0;
	padding:0;
	float:left;
	}
.main_menu ul li a{
	font-size:13px;
	height:30px;
	color:#CCCCCC;
	font-weight:bold;
	font-family:Georgia,Geneva, "Times New Roman", Times, serif;
	text-decoration:none;
	padding:1px 14px 4px 1px;
	margin-right:10px;
	}
	
.main_menu ul li a:hover{
	color:#FFFFFF;
	background-image:url('../images/backgrounds/site_03.jpg');
	background-repeat:no-repeat;
	background-position:right;
	}

#cleardiv {
	clear:both;
	}

#page_content {
	background-image:url('../images/backgrounds/site_04.jpg');
	background-repeat:repeat-y;
	min-height:500px;
	height:auto !important;
	height:500px;
	padding:1px 22px 1px 22px;
	}

#footer {
	background-image:url('../images/backgrounds/site_05.jpg');
	background-repeat:no-repeat;
	height:60px;
	padding:0px;
	font-size:11px;
	color:#666666;
	text-align:center;
	margin:-10px auto;
	}

#image_rotator {
	width:410px;
	height:270px;
	background-image:url(../images/backgrounds/image_rotator_bg.jpg);
	background-repeat:no-repeat;
	float:right;
	padding:6px 0px 0px 7px;
	}

#index_serviceinfo {
	float:right;
	width:410px;
	margin-top:20px;
	}

#index_announcements {
	float:left;
	width:290px;
	}

#ann_container {
	overflow-y:scroll;
	height:246px;
	width:392px;
	display:none;
	background-color:#FFFFFF;
	}

#login_form {
	text-align:center;
	color:#CCCCCC;
	background-image:none;
	background-color:#333333;
	width:100%;
	height:100%;
	font-size:11px;
	line-height:19px;
	padding-top:10px;
	}

#login_form td {
	font-size:11px;
	color:#CCCCCC;
	}

#login_form input {
	border:1px solid black;
	background-color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

#searchbox_closed {
	display:none;
	border:1px solid #333333;
	background-color:#ccd0f1;
	padding:13px;
	width:450px;
	margin:30px;
}

#pageleft {
	width:475px;
	float:left; 
	}

#pageright {
	width:220px;
	float:right;
	background-image:url(../images/backgrounds/pageright_back.jpg);
	background-repeat:no-repeat;
	padding:3px 0px 0px 10px;
	}

#pageright h1 {
	background-image:url(../images/backgrounds/header1_background.jpg);
	background-repeat:no-repeat;
	font-size:16px;
	padding:0px 0px 0px 25px;
	height:25px;
	}

#recent_audio {
	width:367px;
	float:left;
	}

#audio_box {
	float:left;
	width:367px;
	background-image:url(/images/backgrounds/audiobox_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #3a5338;
	padding:0px;
	margin:10px;
	}

#audio_box h1 {
	margin:0px 0px 0px 2px;
	padding:0px;
	line-height:9px;
	color:#666666;
	font-size:10px;
	font-style:italic;
	}

#audio_box h2 {
	margin:-2px 0px 0px 2px;
	padding:2px;
	color:#333452;
	font-size:16px;
	}

#audio_box p { 
	margin:0px 3px 0px 3px;
	}

#index_calendar {
	float:right;
	width:312px;
	}

#audio_player {
	width:511px;
	height:336px;
	background-image:url(../images/backgrounds/audio_player_bg.jpg);
	position:relative;
	font-size:14px;
	}

#audio_player_content {
	position:relative;
	left:20px;
	top:20px;
	width:465px;
	height:295px;
	padding:1px;
	margin:0px;
	}

#scripture_text {
	height:140px;
	overflow-y:scroll;
	margin:5px 10px 5px 10px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	padding:3px;
	font-size:11px;
	}

#scripture_text h5 {
	display:block;
	border:none;
	}

#player {
	margin:4px;
	text-align:center;
	}

#sendtofriend {
	font-size:11px;
	border:1px solid #CCCCCC;
	padding:3px;
	background-color:#e7f2f8;
	height:140px;
	margin:5px 10px 5px 10px;
	}

#prayer_box {
	display:none;
	width:576px;
	padding:10px;
	background-image:url(../images/backgrounds/prayer_window.jpg);
	margin:0px auto 15px auto;
	border:1px solid #475879;
	}

#prayer_header {
	width:576px;
	margin:0px;
	height:77px;
	background-image:url(../images/backgrounds/prayer_header.jpg);
	}

#audioLeftCol {
	float:left;
	width:167px;
	background-color:#9d9b74;
	margin:10px 5px 10px -11px;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:8px;
	border:1px solid #625340;
	border-left:none;

	}

#audioLeftCol ul {
	margin:7px 0px 10px 0px;
	padding:0px 0px 0px 15px;
	list-style:none;
	}
	
#audioLeftCol ul a {
	color:#333333;
	text-decoration:none;
	}

#audioLeftCol ul a:hover {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dotted #333333;
	}

#audioLeftCol li {
	text-indent:-6px;
	margin-top:7px;
	}


#audioLeftCol h1 {
	text-align:center;
	font-size:18px;
	color:#62533f;
	font-variant:small-caps;
}

#audioCenterCol {
	float:left;
	width:350px;
	margin:5px 0px 5px 0px;
	min-height:400px; 
	padding:5px;
	}

#audioRightCol {
	float:right;
	width:167px;
	background-color:#d7d5b1;
	margin:10px -10px 10px 5px;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:8px;
	border:1px solid #625340;
	border-right:none;
	}

#audioRightCol ul {
	margin:7px 0px 10px 0px;
	padding:0px 0px 0px 15px;
	list-style:none;
	}
	
#audioRightCol ul a {
	color:#333333;
	text-decoration:none;
	}

#audioRightCol ul a:hover {
	color:#000000;
	text-decoration:none;
	border-bottom:1px dotted #333333;
	}

#audioRightCol li {
	text-indent:-6px;
	margin-top:7px;
	}


#audioRightCol h1 {
	text-align:center;
	font-size:18px;
	color:#62533f;
	font-variant:small-caps;
}

#audioRightCol h2 {
	text-align:center;
	font-size:13px;
	letter-spacing:.07em;
	color:#333333;
	font-variant:small-caps;
	margin:10px auto 5px auto;
}


/* Classes  */

.submenu {
	position:absolute;
	z-index:200;
	top:153px;
	display:none;
	width:200px;
	padding:6px;
	background-image:none;
	background-color:#333333;
	color:#CCCCCC;
	}

.submenu td {
	text-align:center;
	vertical-align:middle;
	}
	
.submenu ul{margin:0;padding:0;list-style-type:none;display:block; font-weight:bold; font-size:14px; color:#000000; line-height:165%;width:185px;}
.submenu ul li{margin:0;padding:0;}
.submenu ul li a{display:block;text-decoration:none; color:#CCCCCC;padding:0 0 0 10px;width:185px;}
.submenu ul li a:hover{background:#222222;}

.audio_details {
	}

.audio_container {
	width:340px;;
	min-height:70px;
	border-top:1px solid #CCCCCC;
	}

.audio_series {
	font-size:12px;
	font-weight:bold;
	color:#3c475c;
	}

.audio_title {
	color:#D7812D;
	font-size:15px;
	font-weight:bold;
	}

.smallhr {
	width:70%;
	margin:15px auto 15px auto;
	height:1px;
	color:#61513e;
	}

.audio_search {
	background-image:url(../images/backgrounds/search_bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:118px;
	height:17px;
	border:0px solid #d7d5b1;
	font-family: Candara;
	font-size:11px;
	padding:5px 6px 0px 4px;
	float:left;
}	

.search_string {
	color:#D7812D;
	}

.img_outline {
	border:1px solid #CCCCCC;
	padding:2px;
	}

.results_table th{
	border-bottom:1px solid #000066;
	text-align:left;
	}
	
.results_table td {
	border-bottom:1px solid #9fbb88;
	}

.formtitle {
	text-align:left;
	font-weight:bold;
	}
	
.formlabel {
	padding-top:0px;
	height:16px;
	font-size:9px;
	vertical-align:top;
	}

a	{
	color:#444444;
	}
a:hover {
	color:#666666;
	text-decoration:underline;
	}

a.smalllink {
	color:#D7812D;
	font-size:10px;
	text-decoration:none;
	cursor:pointer;
	}

a.smalllink:hover {
	color:#444444;
	font-size:10px;
	text-decoration:underline;
	}

.error {
	margin:15px 45px 15px 20px;
	padding:13px;
	border:2px solid #dd2315;
	background-color:#fff8af;
	color:#dd2315;
	font-size:14px;
	font-weight:bold;
}

.notes {
	font-size:11px;
	color:#666666;
	font-weight:normal;
	}
	
.logo_border { 
	padding:2px;
	border:1px solid #7f86b9;
}

/* Input Styles */

textarea {
	font-family:'Palatino Linotype',Georgia,Times,serif;
	font-size:11px;
	}

.hidden {
	display:none;
	}
	
.min_contact_info {
	font-size:16px;
	font-weight:bold;
	color:#e8a30f;
	}

.min_image_td {
	vertical-align:middle;
	text-align:center;
	}
.min_image_td img {
	border:1px solid #666666;
	}

.announcements {
	border:none;
	width:100%;
	}

.ann_header {
	background-image:url(../images/backgrounds/home_ann_01.jpg);
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:right;
	color:#FFFFFF;
	height:37px;
	padding-right:15px;
	}

.ann_footer {
	background-image:url(../images/backgrounds/home_ann_03.jpg);
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:right;
	height:28px;
	padding-right:15px;
	}
	
.announcements td {
	padding:2px 14px 2px 10px;
	}

.ann_details {
	background-image:url(../images/backgrounds/home_ann_02.jpg);
	background-repeat:repeat-y;
	vertical-align:middle;
	}
.ann_icon {
	float:left;
	margin:5px;
	padding:1px;
	border:1px solid #CCCCCC;
	}

.ann_title {
	font-size:14px;
	font-weight:bold;
	}

.recentaudiotable {
	border:none;
	width:100%;
	}

.recaudio_header {
	background-image:url(../images/backgrounds/audio_box_01.jpg);
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:right;
	color:#FFFFFF;
	height:37px;
	padding-right:15px;
	}

.recaudio_details {
	background-image:url(../images/backgrounds/audio_box_02.jpg);
	background-repeat:repeat-y;
	vertical-align:middle;
	padding:10px;
	}
	
.recaudio_footer {
	background-image:url(../images/backgrounds/audio_box_03.jpg);
	background-repeat:no-repeat;
	vertical-align:middle;
	text-align:right;
	height:28px;
	padding-right:15px;
	}
	
.calendartable {
	border:none;
	width:100%;
	}

#cal_header {
	background-image:url(/images/backgrounds/calendar_01.jpg);
	background-repeat:no-repeat;
	text-align:right;
	height:44px;
	}


#cal_details {
	background-image:url(/images/backgrounds/calendar_02.jpg);
	background-repeat:repeat-y;
	min-height:300px;
	height:auto !important;
	height:300px;
	padding:0px 10px 0px 10px;
	}
	
#cal_footer {
	background-image:url(/images/backgrounds/calendar_03.jpg);
	background-repeat:no-repeat;
	height:26px;
	}

.cal_date {
	font-size:15px;
	color:#5a7c58;
	border-top:1px dotted #b0d8ad;
	}
	
.cal_title {
	font-size:13px;
	font-weight:bold;
	color:#62533f;
	}