html body {
	background: #01014A;
	/*font-family: "Helvetica", "Arial", sans-serif;*/
	font-family: "Times New Roman", times, georgia, serif; 
	font-size: 0.85em;
	color: #333333;
}

h1, h2, h3, h4 {
	color: blue;
	text-align:left;
	font-family: "Times New Roman", times, georgia, serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing:.1em;
	padding-top: 10px;
}

label {font-weight:bold; display: block; color: #000099;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}

a, a:active, a:visited {
  outline: none;
  color: navy;
}

:focus {
  -moz-outline-style: none;
}


a:hover {color: blue;}

#container {
	width: 790px;
	margin: 0px auto;
	position: relative;
	background: transparent url('http://www.cityvineyardchurch.org/img/layout/main_bg.gif') 
		repeat-y;
	background-position: -10px 0px;
	padding: 0px;
}


#header h1 {
	display: none;
}

#header {
	height: 150px;
	background: transparent url('http://www.cityvineyardchurch.org/img/layout/hd1_bg.gif') no-repeat;
	background-position: -10px 0px;
	clear: both;
}

#footer {
	background: transparent url('http://www.cityvineyardchurch.org/img/layout/ft1_bg.gif') no-repeat;
	background-position: -10px bottom;
	font-size: 90%;
	/* color: gray;  */
	padding: 15px 10px 20px 20px;
	clear: both;
	text-align: left;
}

#sidebarWrapper {
	border: 0px solid #ADD8E6;
	font-size: 100%;
	padding: /*44px 0px 20px 10px;*/
	text-align: left;
	/*margin-left: 28px;*/
	margin: 44px 0px 0px 0px;
	width: 30%;
	float: left; 
	
}

#sidebar, #sidebar2 {
	padding: /*8px;*/0px;
	border: 1px solid lightgray;
	background: #F2F2F2;
	width: 175px;
	text-align: left;
	margin: 0px auto;
}

#sidebarNotice {
 margin: 0px auto;
 width: 180px;
}

#sidebar2 {
	margin: 10px 0 0 0;
	border: 1px solid lightgray;
	
}

#sidebar2 p {
	color: maroon;
	margin: 0px;
}

#sidebar p {

	margin: 0px 8px;
}


#sidebar h3 {
	text-align: left;
	color: #990000;
	border-bottom: 0px dotted #D3D3D3;
	padding: 0px;
	margin: 8px 5px 28px 5px;
	font-size: 130%;
}

#sidebar h4 {
	text-align: left;
	padding: 0px;
	margin: 10px 8px 5px 8px;
}

#navMenu {font-family: "Times New Roman", times, serif; font-size: 98%; text-align: left; padding: 2px; margin: 0px 0px 15px 0px;}
#navMenu li {display: inline; margin: 0px; padding: 0px; list-style-type: none;}
#navMenu li a {text-decoration: underline; font-weight: normal; color: navy;}
#navMenu li a:hover {text-decoration: underline; color: blue;}
#navMenu li.current a {color: blue; font-weight: bold; text-decoration: none;}
#navMenu li.current a:hover {text-decoration: underline;}

#wrapper {
	width: 67%;
	margin: 0 0 0 15px;
	padding: 0px;
	float: right;
	position: relative;
	border: 0px solid blue;
	background: white;
	text-align: left;
}

#content {margin: 0px; padding: 0 0 0 0; background: transparent; width: 95%;}

#content img {padding: 2px; border: 1px solid #ADD8E6; margin: 5px;}

#content h2.pageTitle {color: #990000; font-weight: bold; padding: 0; margin: 0 0 15px 0; line-height: normal;}



#contentLeft {float: left; width: 48%;}
#contentRight {float: right; width: 48%;}

#popupWrapper {
	padding: 15px 15px 5px;
	text-align: left;
	background: transparent;
}

.popupBody {background: white;}

.intro {font-style: italic;}

.topLink {
	font-size: 14px;
}

#homePage {text-align: left; padding: 0px;}

#homePage div#slideshow {padding: 0px; width: 100%; border: 0px solid blue; text-align: left; margin-top: 0px;}
#slideshowAlt {display: none;}

#homePage img {padding: 4px; border: 0px solid #ADD8E6; margin-bottom: 20px; margin-top: 0px;}
#homePage p.slogan {
	width: 80%;
	letter-spacing: .1em;
	color: navy;
	line-height: 110%;
	font-family: "Times New Roman", times, serif;
	padding: 5px;
	margin: 7px 0px 0px 0px;
	font-size: 130%;
	text-align: center;
	font-style: italic;
	font-weight: normal;

}

#homePage cite.slogan {
	display: block;
	width: 80%;
	color: gray;
	line-height: 130%;
	text-align: center;
	font-style: italic;
	font-size: 100%;
	font-weight: normal;
	font-family: "Times New Roman", times, serif;
}

#statement {
	text-align: left;
}

#statement p {
	font-size: 110%;
	font-weight: bold;
	text-align: justify;
}
#statement ol li {
	list-style-type: decimal;
}
#statement sup {
	color: blue;
	font-weight: normal;
}
#statement a.toplink {
	font-size: 120%;
	padding: 3px;
	width: auto;
}
#statement h3 {
	padding: 10px 0px 0px 0px;
	margin: 50px 0px 20px 0px;
	border-top: 1px solid #ADD8E6;
}
#statement cite {
	display: block;
	font-style: normal;
	margin: 15px auto;
	width: 85%;
	text-align: justify;
	color: #666666;
}

.aboutTopic {
	clear: both;
}
.aboutTopic img, #ministries img {
	padding: 2px;
	border: 1px solid #ADD8E6;
	display: block;
	float: left; 
}


.caption {
	font-style: italic;
}

#tomDeniseCaption {
	display: none;
}

h4.debbie {
	color: inherit;
}

.disabled {display: inline; margin: 0; padding: 0;}


table#sermonTable th {
	background: transparent;
	color: #990000;
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 1.02em;
}

table#sermonTable img {
	border: 0px; padding: 0px; margin: 0px 2px 0px 0px;
}

table#sermonTable td {
	border-bottom: 1px dashed #ADD8E6;
}

table#sermonTable td.dateSpeaker {
	font-size: .9em;
	font-style: normal;
	color: gray;
}

table#sermonTable td.title {
	font-size: 1em;
	color: blue;
}

.altrow {
}

div.paging {
	text-align: center;
	padding: 5px;
	border: 1px solid #ADD8E6;
	background: #F2F2F2;
}


input#SermonReferences {
	width: 95%;
}


#loadingIndicator img {
	border: 0px;
}

div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}

.editActions {
	font-size: 115%;
	color: orange;
	
}

.editActions a {
	color: orange;
	font-weight: bold;
	text-decoration: none;
}

.editActions a:hover {
	text-decoration: underline;
}

.editActions div#editMenu {
	margin: 20px 0px 0px 30px;
	padding: 10px 0px 0px 0px;
	border: 1px dashed orange;
	width: 75%;
}

#contactMap {
	font-size: 110%;
}

#contactMap dt {
	font-weight: bold;
}

#contactMap div#map_canvas {
	 width: 485px; 
	 height: 400px; 
	 margin: 20px auto;
	 border: 1px dashed gray;
}

#contactMap hr {
	width: 100%;
	margin: 5px auto;
}

#announcements {
	border-bottom: 1px dashed skyblue;
	padding: 5px 0px 0px 0px;
	}
#announcements li {
	padding: 0px;
	margin: 0px;
	/* list-style-type: none; */
	}
#announcements ul {
	padding: 0px;
	margin: 0px 0px 0px 20px;
	}
#announcements h3 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	}
	
.eventBox{
	margin: 5px 0px 5px 10px;
	border: 0px solid lightblue;
	padding: 2px;
	}

.eventTitle {
    color: navy;
	text-transform: uppercase;
    font-weight: normal;
    font-family: helvetica, arial, tahoma, sans-serif;
    font-size: 117%;
    }


.eventDate, .eventLocation {
	color:gray;
	font-size:100%;
	}

.eventDate {
	margin-left: 17px;
	}

.eventDescription {
	border: 0px dashed gray;
	margin-left:17px;
	font-size: 100%;
	}

.altEventDescription {
	display:none;
	font-size: 100%;
	margin-left: 17px;
	}
	

.showHideLink {font-size: 90%; margin-left: 20px; text-decoration: none; font-weight: normal;}
.showHideLink:hover {text-decoration: underline;}
.jumpLink {font-size: 50%; font-family: "Times New Roman", times, georgia, serif; font-weight: normal;
	letter-spacing: normal;}


#unplugged {margin: 10px 0px 10px 8px; width: 75%; border: 1px dashed #F58B7F; background: #FBCAC5; padding: 2px 10px 2px 10px;}
#unplugged p {padding: 0px; margin: 0px;}
#unplugged span#unpluggedWord {font-size: 36px; font-weight: bold; color: navy; font-style: italic; letter-spacing: .2em;}

/*********LIGHTBOX****************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('http://www.cityvineyardchurch.org/img/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('http://www.cityvineyardchurch.org/img/lightbox/nextlabel.gif') right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*********************************/


/************GREYBOX**************/
/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}


#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

/***********************************/