* { 
	margin: 0; 
	padding: 0; 
	}
	
html { 
	height:100.1%; 
	}
	
BODY { 
	font:76% Arial Geneva, Helvetica, sans-serif; 
	color:#504F4E; 
	background:#959175; 
	}
	
body, td { 
	line-height:120%; 
	}
	
a { 
	color:#33485c; 
	}
	
a:hover {
	color:#6283a5;
	}

img {
     border:0;
     display:block;
       }
	   
p {
	margin-bottom:15px;
	}
	
#wrapper { 
	width:900px; 
	height:100%; 
	margin:0 auto;
	}
	
#header {
	width:900px; 
	height:92px;
	}
	
#topRight { 
	width:372px; 
	height:92px; 
	color:#667B91; 
	float:right;
    background:url(http://churchofthecanyons.org/images/interface/service-times.gif) no-repeat;
	vertical-align:bottom;
	}

	#topRight form input { 
       	background:#FFFFFF url(http://churchofthecanyons.org/images/interface/bg-input.png) no-repeat scroll 0 0;
       	margin: 36px 0 0 50px;
		border:0 none;
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:9px;
		font-weight:bold;
		height:13px;
		padding:1px 0 0 4px;
		width:111px;
		}
	
	#topRight form button { 
		background:transparent url(http://churchofthecanyons.org/images/interface/search-btn.gif) no-repeat scroll 0 0;
		border:0 none;
		height:20px;
		margin: 2px;
		padding:0;
		width:40px;
		text-indent:-99999px;
		}

#banner {
	width:900px; 
	height:187px;
	}
	
#navBar { 
	width:900px; 
	height:34px;
	}

#nav-list {
    background:url(http://churchofthecanyons.org/images/interface/nav-final.gif) no-repeat;
	width:900px;
	height:34px;
	margin:0;
	padding:0;
	}

    #nav-list span {
		display: none;
		}

    #nav-list li, #nav-list a {
		height:34px;
		display:block;
		}

    #nav-list li {
		float:left;
		list-style:none;
		display:inline;
		}

	#nav-list #nav_location {
		width: 99px;
		}
	#nav-list #nav_about {
		width: 117px;
		}
	#nav-list #nav_staff {
		width: 117px;
		}
       	#nav-list #nav_ministries {
		width: 117px;
		}
	#nav-list #nav_worship {
		width: 117px;
		}
	#nav-list #nav_events {
		width: 117px;
		}
	#nav-list #nav_sermons {
		width: 117px;	
		}
	#nav-list #nav_media {
		width: 99px;
		}

#nav_location a:hover, #nav_location .current {
	background:url(http://churchofthecanyons.org/images/interface/nav-final.gif) 0px -34px no-repeat; 
	}
#nav_about a:hover, #nav_about .current {
	background:url(http://churchofthecanyons.org/images/interface/nav-final.gif) -99px -34px no-repeat; 
	}
#nav_staff a:hover, #nav_staff .current {
	background:url(http://churchofthecanyons.org/images/interface/nav-final.gif) -216px -34px no-repeat; 
	}
#nav_ministries a:hover, #nav_ministries .current {
	background:url(http://churchofthecanyons.org/images/interface/nav-final.gif) -333px -34px no-repeat; 
	}
#nav_worship a:hover, #nav_worship .current {
	background:url(http://churchofthecanyons.org/images/interface/nav-final.gif) -450px -34px no-repeat; 
	}
#nav_events a:hover, #nav_events .current {
	background:url(http://churchofthecanyons.org/images/interface/nav-final.gif) -567px -34px no-repeat; 
	}
#nav_sermons a:hover, #nav_sermons .current {
	background:url(http://churchofthecanyons.org/images/interface/nav-final.gif) -684px -34px no-repeat; 
	}
#nav_media a:hover, #nav_media .current {
	background:url(http://churchofthecanyons.org/images/interface/nav-final.gif) -801px -34px no-repeat; 
	}
	
#leftColumn { 
	float:left; 
	width:262px; 
	margin:0;
	}
	
#mainTable { 
	color:#333;
	background:#D9D9D9; 
	width:900px; padding:10px 0;
	margin:0; 
	overflow:hidden;
	}

#interiorRight {
	float:right; 
	width:620px; 
	margin:13px 0 0 0; 
	background:#fff url(http://churchofthecanyons.org/images/interface/top-tile.gif) top no-repeat; 
	padding:12px 0 0 0;
	}

#right {
	float:right; 
	width:630px; 
	margin:0;
	}

#mainInterior {
	padding:5px 0 20px 0;
	width:580px; 
	margin:0 auto;
	}

#mainFull {
	width:100%; 
	background:#fff;
    float:left;
	}

	#mainFull .inner {
		padding:15px 0 20px 0; 
		width:860px; 
		margin:0 auto; 
		}

#currentNews {
	width:262px;
	}

.currentMid { 
	background: #454125; 
	color: #fff; 
	padding: 0 15px 5px 18px; 
	border-right:3px solid #fff;
	}

	.currentMid a, .missionsMid a, .beliefsMid a { 
		color:#fff;
		}

	.currentMid h4 {
       	padding: 1px 0px 0px 0px;
       	color:#fff; 
       	font-size: 1em;
       	letter-spacing: 0px;
       	text-transform: none;
       	margin:0;
       	}

#missions { 
	width:313px; 
	float:left; 
	margin:0 7px 0 0;
	}

.missionsMid { 
	background:#AC7F0E; 
	border-right:3px solid #fff; 
	border-left:3px solid #fff; 
	width:306px; color:#fff; 
	margin-left:1px;
	}

.missionsScroll {
	width:266px; 
	height:300px; 
	overflow:auto; 
	margin:0 auto;
	}

#beliefsH { 
	float:right; 
	width:309px; 
	margin:0; 
	padding:0;
	}

.beliefsMid {
	background:#465D74; 
	border-left:3px solid #fff; 
	color:#fff; 
	width:305px;  
	margin-left:1px;
	}

.beliefsScroll {
	width:265px;
	//height:300px;
	overflow:auto;
	margin:0 auto;
	}

#footer { 
	background: #fff url(http://churchofthecanyons.org/images/interface/bottom.gif) top no-repeat; 
	height:80px; 
	width:900px; 
	font-size:0.9em;
	}

	#footer a {
		color:#504F4E;
		}

.title {
	text-align:right; 
	font-size:2.1em; 
	font-weight:bolder;
	text-transform:uppercase;
	color:#d1d0d0; 
	margin-bottom:10px; 
	letter-spacing: -2px;
	}

h2 {
	font-size: 1.2em; 
	font-weight: bold;
	}

h3 {
	text-align:left; 
	font-size:1.5em; 
	font-weight:bolder;
	text-transform:uppercase;
	color:#d1d0d0; 
	margin-bottom:10px; 
	letter-spacing: -1px;
	}

h4 {
	text-align:left; 
	font-size:1.5em; 
	font-weight:bolder;
	text-transform:uppercase;
	color:#fff; 
    margin-top:10px;
	margin-bottom:10px;
    /*margin-left:14px;*/
	letter-spacing: -1px;
	}
h5 {
	text-align:left; 
	font-size:1.5em; 
	font-weight:bolder;
	text-transform:uppercase;
	color:#33485c; 
    margin-top:10px;
	margin-bottom:10px;
    /*margin-left:14px;*/
	letter-spacing: -1px;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}

.clear { 
	clear:both; 
	margin:0 !important; margin:-3px 0 0 0;
	}

.spacer {
	margin-top:5px;
	}

ul,ol {
	padding-left:48px
	}

/* ------------------------------------------- Ministry-Specific Styles -------------------------*/
ul.ministry_categories {
	list-style-type: none;
	text-align: center;
	width: 100%;
	margin: 0px 0px 20px 0px;
        float:left;
        padding: 0px;
	}

	ul.ministry_categories li {
		display: block;
		float: left;
		text-align: center;
		margin: 0px 10px 25px 0px;
		text-transform: uppercase;
		}

		ul.ministry_categories li a.active {
			color: #6283a5;
			}

.ministry_photo {
	float: right;
	padding: 0px 0px 10px 10px;
	}

/* ------------------------------- Two Column Directory Styles ------------ */

.staffBorder { 
	border:2px solid #33485c; 
	padding:10px; 
	float:left; 
	width:398px; 
	margin-bottom: 25px;
	}
	
	.staffBorder img { 
		border:2px solid #959175; 
		margin:0 10px 0 0; 
		float:left; 
		}

	.staffBorder h4 { 
		display: inline;
		}
		
.rtMargin { 
	margin-right:15px ;
	}


.listcontainer { 
		width: 262px; 
		margin: 0px 0px 30px 18px;
		}

	.listcontainer h3 {
		text-align:left; 
		font-size:1.5em; 
		font-weight:bolder;
		text-transform:uppercase;
		color:#697d93; 
        margin-top:10px;
		margin-bottom:10px;
        margin-left:-1px; 
		letter-spacing: -1px;
		}

	.listcontainer ul {
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
		font-family: Arial, Helvetica, sans-serif;
		}

	.listcontainer a {
		display: block;
		padding: 5px 0px 5px 13px;
		width: 217px;
		background-color: #33485c;
		border-bottom: 1px solid #fff;
		}			

	.listcontainer a:link, .listcontainer a:visited {
		color: #fff;
		text-decoration: none;
		}

	.listcontainer a:hover, .listcontainer .active{
		background-color: #6283a5;
		color: #fff;
		}

/* ---------------------------------------- Events Calendar Styles ------------------------------ */

#event_calendar {
	width: 100%;
	border: none;
	}

.calendarBlank { 
	background-color: #959175;
	width: 14%;
	text-align: center;
	}

.calendarHeader { 
	font-size:1.5em; 
	font-weight:bolder;
	text-transform:uppercase;
	color:#33485c; 
    padding-bottom:1px; 
	line-height:2.2em; 
	margin: 0px 0px 12px 0px;
	}

.calendarMonthLinks {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	color: #504F4E;
	}

	.calendarMonthLinks a {
		color: #33485c;
		text-decoration: none;
		}

		.calendarMonthLinks a:hover {
			color: #33485c;
			text-decoration: underline;
			}

.calendarDayHeading {
	font-weight: bold; 
	font-size:	11px;
	color: #fff; 
	background-color: #33485c;
	text-align:  center;
	vertical-align: middle;
	padding: 2px 0px 2px 0px;
	}

.calendarToday { 
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	background-color: #33485c;
	}

.calendarCell {
	font-size: 12px;
	letter-spacing: .1em;
	text-align: center;
	vertical-align: middle;
	color: #504F4E;
	background-color: #D9D9D9;
	width: 14%;
	height: 100px;
	}

.event_link {
    text-align: left;
	padding: 5px 5px 5px 5px;
	}

	.event_link  a {
   		color: #33485c;
		text-decoration: none;
		}

	.event_link a:hover {
		color:#6283a5;
		}

.event_details h3 { 
	font-size:1.2em; 
	font-weight:bolder;
	text-transform:uppercase;
	color:#fff; 
    padding-bottom:1px; 
	line-height:1.2em; 
	margin: 0px 0px 0px 0px;
	}



/* ----------------------------------------------------- Audio Messages Styles -------------------------------------------------- */

.sermon_details_left {
	padding: 0 10px 10px 10px; 
	float: left;
	width: 275px;
	}

.sermon_details_left p {
	margin-bottom:5px;
	}

.audio_player_right {
    border:2px solid #d1d0d0; 
	margin:  17px 20px 10px 10px;
	padding: 5px; 
	float: right;
	text-align: center;
	}

.audio_player_right h5 {
	margin-bottom: 15px;
	font-size: 1em;
	}

.worship_photo {
	float: right;
	padding: 0px 0px 10px 10px;
	}

.post {
	margin: 0 0 40px 0;
    }

/*----------------------------------------- Contact Page and Form Styles -------------------- */

#contact_us_form {
	float:left; 
clear:right;
	padding: 15px 10px 15px 10px;

	}

	#contact_us_form .text_label {
		width:110px; 
		font-weight:bold; 
		text-align:right;
		float: left;
		padding: 2px 5px 0px 0px;
		margin: 5px 0px 5px 0px;
clear:both;
		}


	#contact_us_form textarea { 

		margin: 5px 0px 5px 0px;
		padding:2px 0px 0px 5px;
		height:120px; 
		width: 338px;
		}

	#contact_us_form .textbox {
		width: 240px;
		margin: 5px 0px 5px 0px;
		}
	
	
	#contact_us_form .contact_us_submit {
		margin: 5px 0px 0px 115px;
        padding: 0px 5px 0px 5px;
		}


.comment_entry h4 {
    padding: 1px 0px 0px 0px;
    color:#504F4E; 
    font-size: 1em;
    letter-spacing: 0px;
    text-transform: none;
    margin:0;
    }

	#comment_entry_form .comment_label {
		width:70px;
		text-align:right;
		float: left;
		padding: 2px 5px 0px 0px;
		margin: 5px 0px 5px 0px;
		}

	#comment_entry_form textarea { 
		height:60px; 
		width: 338px;
		}
	
	#comment_entry_form .textbox {
		width: 335px;
		margin: 5px 0px 5px 0px;
		}

    #comment_entry_form .check {
		float:left;
        margin: 0px 5px 0px 0px;
       	} 

	#comment_entry_form p {
		margin: 10px 0px 15px 74px
		}

	#comment_entry_form .comment_submit {
		margin: 0px 0px 0px 0px;
        padding: 0px 5px 0px 5px;
		}


/* ----------------------------------------------------- Gallery Styles -------------------------------------------------- */

#photos_table a {
	text-decoration: none;
	}

#photos_table .spacer {
	font-size: 10px;
	margin: 5px 0 5px 0;
	}

#photos_table .border {
	border: 1px solid #fff;
	}

#photos_table .paddedborder {
	padding: 20px;
	border: 1px solid #000;
	}

#photos_table .thumbs {
    width: 33%;
	text-align: center;
	padding: 15px 3px 8px 3px;
	background-color: #D9D9D9;
	}

#photos_table .title {
	font-size:1.5em;
	font-weight:bolder;
	letter-spacing:-1px;
	margin: 5px 5px 5px 34px;
	text-align:left;
	text-transform:uppercase;
        color:#33485c; 
	}

#photos_table .categories {
	padding: 7px 10px 7px 12px;
	background-color: #D9D9D9; 
 	}

#photos_table .total_files {
	padding: 7px 10px 7px 12px;
	background-color: #D9D9D9; 
	text-align: center;
	}

#photos_table .tableBorder {
	border: 1px solid #fff;
	}

#photos_table th {
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 5px 6px 5px 12px;
	background-color:  #33485c;
	}

#photos_table img {
	display:inline;
	}


#photos_table .breadcrumb {
	margin:0 0 10px 3px;
	}


#photos_table .paginate{
	margin:10px 0 0px 3px;
	}