/*-------------------------------------

<styles.css>

Project: Sunnyvale Presbyterian Church
Author: Kevin Mooney Jr
Company: KINETIKMEDIA | www.kinetikmedia.com
Version: 1.0

-------------------------------------*/


/* GLOBAL CSS -----------------------------------------------------------  */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Verdana", Arial, Lucida Grande, sans-serif;
	line-height: 18px;
	font-size: 11px;
	background-color: #edf0e7;
	min-width: 912px;
}

hr {
	display: none;
}

#hrule {
	height: 1px;
	width: 100%;
	border-top: 1px dashed #abb19e;
	padding-bottom: 30px;
}
h1 {
	text-indent: -9999px;
}

h3, h4, h5, h6 {	
	font-style: normal;	
	font-weight: normal;	
}


h3 {
	font-family: "Times New Roman", Georgia, Times, serif;
	font-size: 21px;
	color: #335300;
	padding-bottom: 5px;
	border-bottom: 1px dashed #335300;
}

h4 {
	font-size: 11px;
	text-transform: uppercase;
	color: #1b4c6a;
	font-weight: bold;
}

h5 {
	font-size: 11px;
	color: #1b4c6a;
}

h6 {
	font-family: "Verdana", Arial, Lucida Grande, sans-seriff;
	font-size: 21px;
	color: #1b4c6a;
	padding-bottom: 5px;
}

h4.h4_one {  
 font-size: 12px;
 text-transform: uppercase;
 color: #1b4c6a;
 font-weight: bold; }


a {
	overflow: hidden;
	text-decoration: none;
	outline: none;
}

img {
	border: none;
}


/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* METANAV */

#metanav {
	background-image: url(../images/metanav_tile.jpg);
	background-repeat: repeat-x;
	color: #0a967e;
}

#metanav p {
	color: #b0b8a8;
}

#metanav ul {
	color: #fff;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

#metanav a {
	color: #fff;
}

#metanav a:hover {
	text-decoration: underline;
}

#metaheader {
	width: 912px;
	min-height: 32px;
	margin: 0px auto;
}

#worship_info  {
	float: left;
	padding-top: 6px;
	padding-left: 16px;
}

#worship_info span {
	color: #A9CF37;
}

#sitemap_link {
	float: right;
	padding-right: 9px;
}

#sitemap_link a {
	text-indent: -9999px;
	background-image: url(../images/sitemap_button.jpg);
	background-repeat: no-repeat;
	width: 157px;
	height: 32px;
	display: block;
}

#sitemap_link a:hover {
	background-position: 0 -32px;
}

#sitemap_link a.down {
	background-position: 0 -32px;
}

#sitemap {
	width: 880px;
	padding: 0px 16px;	
	clear: both;
	float: left;
	height: 218px;
}

.headtitle {
	padding-bottom: 10px;
	color: #b5d8ee;
}

.column {
	width: 161px;
	margin: 15px 10px 0px 0px;
	padding-bottom: 30px;
	float: left;
	display: inline;
}


/* METACONTENT */

#metacontent {
	background:url(../images/meta_tile.jpg);
	background-repeat: repeat-x;
}

/* HEADER */

#header {
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	width: 912px;
	height: 150px;
	margin: 0px auto;
	
}

#header h1 {
	width: 912px;
	height: 120px;
	float: left;
	display: block;
}


/* NAVIGATION */

#nav {
   	height: 30px;
   	padding: 0px 10px 0px 16px;
   	clear: left;
   	position: relative;
   	list-style-image: none;
   	list-style-type: none;
   	list-style-position: outside
}

#nav li {
   	margin-right: 2px;
   	float: left;
}

#nav li a {
	text-align: center;
	text-decoration: none;
	color: black;
   	background-image: url(../images/nav_button.gif);
   	background-repeat: no-repeat;
   	width: 145px;
   	height: 22px;
   	padding-top: 8px;
   	display: block;
   	cursor: pointer;
}

#nav li a:hover {
   	/* background-position: 0px -32px; */
	color: #1B4C6A;
	text-decoration: underline;
}

#nav li.current a,
#nav li.current a:hover {
   	background-position: 0px -64px;
}

#nav li ul {
	line-height: 1em;
	_width: 880px;
   	left: -9999px;
   	z-index: 999;
   	margin-left: 0px;
   	list-style-type: none;
   	position: absolute;
}

#nav li li {
	font-size: 1em;
	background-image: url(../images/divider.gif);
   	background-position: right;
	background-repeat: no-repeat;
   	width: auto;
   	height: 30px;
   	float: left;
   	margin: 0;
   	padding: 0px 2px 0px 0px;
   	position: relative;
}

#nav li li.cap {
	background-image: none;
}

#nav li ul li a {
   padding: 10px 15px;
   display: block;
   float: left;
   background: none;
   text-indent: 0;
   width: auto;
   height: auto;
   color: black;
   text-align: center;
}

#nav li li a:hover,
#nav li li.current a {
   color: #1b4c6a;
}

#nav li li.current a{
   color: #1b4c6a;
}

#nav li ul ul{
   display: none !important;
}

#nav li.current ul {
   left: 0;
}


/* CONTENT */

#content_wrapper {
	background-image: url(../images/content_shadow.png);
	background-repeat: no-repeat;
	width: 912px;
	clear: both;
	margin: 12px auto 60px;
	padding-top: 6px;

}

#content {
	background-color: #edf0e7;
	width: 880px;
	margin: 0px auto;
	padding: 10px 10px 0px;
	clear: both;
	
	
}

#content ul {
	margin-left: 0px;
	padding-left: 26px;
}

#content li {
	list-style-image: url(../images/bullet.gif);
}

#content h3 {
	margin-bottom: 20px;
}

#content p {
	line-height: 1.7em;
	padding-top: 10px;
}


.subtitle {
	color: #77846a;
	padding: 0px;
	text-transform: capitalize;
}

.subtitle2 {
	color: #77846a;
	padding: 0px;
}


/* FOOTER */

#metafooter {
	background-image: url(../images/footer_tile.jpg);
	background-repeat: repeat-x;
	clear: both;
	width: 100%;
	height: 134px;
}

#footer {
	width: 880px;
	margin: 0px auto;
	padding: 30px 16px 0px;
}

#footer h4 {
	color: white;
}

#footer p {
	color: #8a967e ;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer a:hover {
	color: #297aac
}


/* HOME PAGE -----------------------------------------------------------  */

/* HOME */

#home_banner {
	background-color: black;
	height: 220px;
	width: 880px;
	float: left;
}

#home_sermon h4,
#home_gallery h4 {
	color: #fff;
}

#home_sermon a,
#home_gallery a {
	color: #b5d8ee;
}

#home_sermon a:hover,
#home_gallery a:hover {
	color: #fff;
	text-decoration: underline;
}

#home_sermon {
	width: 571px;
	height: 30px;
	background-color: #1b4c6a;
	padding-left: 20px;
	float: left;
	clear: both;
}

#home_sermoninfo {
	height: 30px;
	padding-top: 6px;
	float: left;
	display: inline;
}

#home_sermonlink {
	height: 30px;
	margin-left: 2px;
	padding-top: 6px;
	float: left;
	display: inline;
}

#home_sermondown a.button {
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../images/download_button2.jpg);
	background-color: #1b4c6a;
	width: 157px;
	height: 30px;
	margin-right: 15px;
	float: right;
	display: block;
	overflow: hidden;
}

#home_sermondown a.button:hover {
	background-position: 0 -30px;
}

#home_gallery {
	width: 269px;
	height: 24px;
	background-color: #162736;
	padding-left: 20px;
	padding-top: 6px;
	float: right;
}

#home_galleryinfo {
	height: 30px;
	float: left;
	display: inline;
}

#home_gallerylink {
	height: 30px;
	margin-left: 2px;
	float: left;
	display: inline;
}

#home_news, #home_events {
	width: 263px;
	margin: 30px 10px 20px 0px;
	padding-left: 20px;
	float: left;
}

#home_visitors {
	background-image: url(../images/sidebar_tile.jpg);
	background-position: 0px bottom;
	background-repeat: repeat-x;
	background-color: #cbd1c2;
	width: 249px;
	margin: 10px 0px 20px;
	padding: 20px 20px 0px 20px;
	float: right;
}

#home_visitors a.button {
	text-indent: -9999px;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/learn_button2.jpg);
	background-color: #cbd1c2;
	width: 157px;
	height: 41px;
	margin: 16px 0px 0px 100px;
	display: block;
	overflow: hidden;
}

#home_visitors img.holyweek {
	height: 416px;
	width: 220px;
	margin-left: 10px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}


#home_news a,
#home_events a {
	color: #1b4c6a;
}

#home_news a:hover,
#home_events a:hover {
	color: #4a6d16;
	text-decoration: underline;
}

#home_visitors a.button:hover {
	background-position: 0 -44px;
}

#home_news p,
#home_events p {
	margin-bottom: 20px;
}



/* SUB PAGE ------------------------------------------------------------  */

/* MAIN */

#main {
	width: 557px;
	float: right;
	padding: 30px 20px 0px 30px;
}

.main_block {
	height: auto;
	width: 557px;;
	margin-bottom: 30px;
	float: left;
	clear: both;
	display: block;
}

#main ul {
	padding-top: 15px;
}

#main a {
	color: #1b4c6a;
}

#main a:hover {
	color: #4a6d16;
	text-decoration: underline;
}

#main a.anchor:hover {
	color: #1b4c6a;
	text-decoration: none;
}

#main p.emphasis {
	font-style: italic;
	margin-top: 20px;
	padding: 30px;
	background-color: #e2e6d8;
}

#main p.script {
	font-style: italic;
	margin: 20px 0px 10px;
	padding: 16px;
	background-color: #e2e6d8;
}

#main p.block {
	padding-top: 20px;
}

#main p.blank {
	padding: 0px;
	margin: 0px;
}

#main img.small {
	height: 150px;
	width: 120px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin-left: 26px;
}

#main img.LT_Cover {
	height: 180px;
	width: 125px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin-left: 26px;
}

#main img.AngelVisit {
	height: 210px;
	width: 152px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin-left: 26px;
	margin-top: 12px;
	margin-right: 26px;
	margin-bottom: 12px;
}

#main img.CH_Knitting {
	height: 210px;
	width: 152px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin-left: 12px;
	margin-top: 12px;
	margin-right: 26px;
	margin-bottom: 12px;
}

#main img.largerLandC {display: block; margin: O auto; border: 4px solid #98a38b;}

#main img.smallP_Jones {
	height: 150px;
	width: 120px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin-left: 10px;
	margin-right: 60px;
}

#main img.large {
	height: 200px;
	width: 160px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 4px 0px 26px 26px;
}

#main img.largePortR {
	height: 200px;
	width: 160px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 4px 0px 26px 26px;
}

#main img.PrayerNTWright {
	height: 200px;
	width: 130px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 4px 0px 24px 24px;
}

#main img.largePortL {
	height: 200px;
	width: 160px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin: 4px 26px 26px 0px;
}

#main img.vbsPortL {
	height: 195px;
	width: 143px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin: 4px 26px 26px 0px;
}

#main img.largePortC {
	height: 200px;
	width: 160px;
	display: block;
	float: middle;
	border: 4px solid #98a38b;
	margin: 26px 26px 26px 26px;
}

#main img.largeLandR {
	height: 160px;
	width: 200px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 4px 0px 26px 26px;
}
#main img.largerLandR {
	height: 240px;
	width: 300px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 4px 0px 26px 26px;
}
#main img.largerLandR_4x6 {
	height: 200px;
	width: 300px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 4px 0px 26px 13px;
}
#main img.largerPortR_4x6 {
	height: 300px;
	width: 200px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 4px 26px 26px 0px;
}
#main img.largerPortL_4x6 {
	height: 300px;
	width: 200px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin: 4px 13px 26px 0px;
}
#main img.largePortL_Music {
	height: 200px;
	width: 160px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin: 16px 26px 26px 36px;
}

#main img.largeLandR_Music {
	height: 160px;
	width: 200px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 0px 48px 26px 26px;
}

#main img.largeLandR_post {
	height: 160px;
	width: 200px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 26px 0px 4px 26px;
}

#main img.largeLandL {
	height: 160px;
	width: 200px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin: 4px 26px 26px 0px;
}

#main img.largeLandC {
	height: 160px;
	width: 200px;
	display: block;
	float: middle;
	border: 4px solid #98a38b;
	margin: 26px 26px 26px 26px;
}

#main img.largeLandDiff1 {
	height: 253px;
	width: 477px;
	display: block;
	float: middle;
	border: 4px solid #98a38b;
	margin: 26px 26px 26px 26px;
}

#main img.largePortDiff2{
	height: 366px;
	width: 253px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 4px 0px 26px 26px;
}

#main img.largeLandLDiff3 {
	height: 184px;
	width: 276px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin: 4px 26px 26px 0px;
}

#main img.largeLandRDiff4 {
	height: 256px;
	width: 384px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 4px 0px 26px 26px;
}

#main img.largeLandLDiff5 {
	height: 242px;
	width: 448px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin: 4px 4px 26px 40px;
}

#main img.largeLandLDiff6 {
	height: 306px;
	width: 369px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin: 12px 4px 4px 84px;
}

#main img.largeCent_1 {
	height:260px;
	width: 540px;
	display: block;
	float: middle;
	border: 4px solid #98a38b;
	margin: 2px 2px 2px 2px;
}

#main img.largeLandLDiff7 {
	height: 306px;
	width: 369px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 12px 4px 4px 48px;
}

#main img.largerPortR {
	height: 300px;
	width: 240px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 4px 0px 26px 26px;
}

#main img.largerPortL {
	height: 300px;
	width: 240px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin: 4px 26px 26px 0px;
}

#main img.PortR_laugh {
	height: 180px;
	width: 160px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 12px 0px 4px 26px;
}

#main img.PortL_laugh {
	height: 180px;
	width: 160px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin: 12px 26px 26px 0px;
}


#main img.largerPortL_ann {
	height: 336px;
	width: 252px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin: 4px 24px 24px 0px;
}

#main img.largerPortR_ann {
	height: 336px;
	width: 252px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 4px 0px 24px 24px;
}

#main img.largerLandR {
	height: 240px;
	width: 300px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 4px 0px 26px 26px;
}

#main img.largerLandL {
	height: 240px;
	width: 300px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin: 4px 26px 26px 0px;
}

#main img.largerSquareR {
	height: 200px;
	width: 200px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 4px 0px 26px 26px;
}

#main img.largerLandR_Choir {
	height: 240px;
	width: 300px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 16px 0px 16px 26px;
}

#main img.largerLandR_Knit {
	height: 240px;
	width: 300px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin: 4px 0px 16px 16px;
}

#main img.largerLandL_Knit {
	height: 240px;
	width: 300px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin: 16px 16px 4px 0px;
}

#main img.libLine {
	height: 200px;
	width: 160px;
	border: 4px solid #98a38b;
	margin-left: 8px;
	margin-top: 4px;
	margin-right: 8px;
	margin-bottom: 4px;
}

#main img.apnc_portrait {
	height: 150px;
	width: 100px;
	border: 4px solid #98a38b;
	margin-left: 12px;
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 12px;
}

#main img.pilgL {
	height: 177px;
	width: 160px;
	display: block;
	float: left;
	border: 4px solid #98a38b;
	margin-left: 4px;
	margin-top: 8px;
	margin-right: 16px;
	margin-bottom: 4px;
}

#main img.pilgR {
	height: 154px;
	width: 108px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin-left: 16px;
	margin-top: 8px;
	margin-right: 4px;
	margin-bottom: 4px;
}

#main img.alpha {
	height: 600px;
	width: 160px;
	display: block;
	float: right;
	border: 4px solid #98a38b;
	margin-left: 16px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 4px;
}


/* MAP */

#map {
	width: 557px;
	height: 350px;
	background-color: #fff;
	border: 1px solid #98a38b;
	margin-bottom: 20px;
}

/* SIDEBAR */

#sidebar {
	background-image: url(../images/sidebar_tile.jpg);
	background-position: 0px bottom;
	background-repeat: repeat-x;
	background-color: #cbd1c2;
	width: 213px;
	float: left;
	padding: 0px 30px 120px 30px;
}

#side_sermon,
#side_news,
#side_events {
	margin-top: 30px;
}

#side_nav {
	margin-top: 20px;
}

#side_nav li {
	background-image: url(../images/divider2.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-bottom: 8px;
	text-transform: capitalize;
}

#side_nav li a {
	color: black;
}

#side_nav li a:hover {
	color: #1b4c6a;
	text-decoration: underline;
        font-weight:bold;
}

#side_nav li.current a {
   	color: #1b4c6a;
}

#side_nav li.current a:hover {
   	color: #1b4c6a;
        text-decoration: underline;
        font-weight:bold;
}


#sidebar a {
	color: #1b4c6a;
}

#sidebar a:hover {
	color: #4a6d16;
	text-decoration: underline;
}

#sidebar a.button {
	text-indent: -9999px;
	color: #fff;
	text-decoration: none;
	background-image: url(../images/download_button.jpg);
	background-color: #cbd1c2;
	width: 157px;
	height: 41px;
	margin: 16px 0px 0px 56px;
	display: block;
	overflow: hidden;
}

#sidebar a.button:hover {
	background-position: 0 -44px;
}

#sidebar img.ashwed2010 {
	height: 300px;
	width: 195px;
	border: 4px solid #98a38b;
	margin-left: 4px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}

/* GALLERY */

.group {
	height: auto;
	width: 511px;
	background-color: #e2e6d8;
	margin-top: 20px;
	padding: 30px 16px 16px 30px;
	float: left;
	display: block;
}

.thumbnail {
	width: 106px;
	height: 60px;
	margin-bottom: 13px;
	margin-right: 13px;
	float: left;
	border: 4px solid #98a38b;
}


/* TABLES */

table {
	text-align: left;
	width: 557px;
	margin-top: 20px;
	border-spacing: 1px;
}

tr, th, td {
	font-style: normal;
	font-weight: lighter;
	padding: 6px 10px;
	
}

th {
	background-color: #cbd1c2;
}

td {
	background-color: #e2e6d8;
}

.table_header {
	text-transform: uppercase;
	color: #fff;
	background-color: #1b4c6a;
	background-image: url(../images/table_tile.jpg);
	background-repeat: repeat-x;
	padding: 10px;
}

.table_footer {
	background-color: #e2e6d8;
}

.hmworship { float:left; width: 880px; background:#CBD1C2;clear:both; }
.hmworship div { padding: 7px 20px; font-size:11px; font-weight:bold; color: #335300; text-align:center; }
.hmworship div a{ color: #1B4867; }
.hmworship div a:hover { text-decoration:underline; }

body #nav ul li a { }
body #nav ul li a:hover { color: #A9CF37; }

/* EMAIL */

a.email { font-weight: bold; }


/* 
	LEVEL ONE
*/
body div#metacontent div#header ul.dropdown                         { position: relative; }
body div#metacontent div#header ul.dropdown li                      { float: left; zoom: 1;  }
body div#metacontent div#header ul.dropdown a:hover		            {  }
bodydiv#metacontent div#header  ul.dropdown a:active                { }
body div#metacontent div#header ul.dropdown li a                    { display: block; }
body div#metacontent div#header ul.dropdown li:last-child a         {  } /* Doesn't work in IE */
body div#metacontent div#header ul.dropdown li.hover,
body div#metacontent div#header ul.dropdown li:hover                {  position: relative; }
body div#metacontent div#header ul.dropdown li.hover a              {  }


/* 
	LEVEL TWO
*/
body div#metacontent div#header ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
body div#metacontent div#header ul.dropdown ul li 					{ font-weight: normal; text-align:left; background: #DEE1D8; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
body div#metacontent div#header ul.dropdown ul li a					{ border-right: none; width: 100%; text-align:left;  display: inline-block; } 
body div#metacontent div#header ul.dropdown ul li a:hover { font-weight: bold; color: #1B4C6A; }

/* 
	LEVEL THREE
*/
body div#metacontent div#header ul.dropdown ul ul 					{ left: 100%; top: 0; }
body div#metacontent div#header ul.dropdown li:hover > ul 			{ visibility: visible; }