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

css{
	site: Higher Vision Church;
	author: Wes O'Haire;
	company: 70KILO;
	date: aug 11 2008;
}

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


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

Global

----------------------------------------------------------------------------*/
*, html {
	margin:0;
	padding:0;
}
body {
	background-color: #fff;
}
body {
	font-family: 'lucida sans', 'lucida grande', Tahoma, Helvetica, Arial, sans-serif ;
	font-size: 10px;
	color: #333;
	line-height:18px;
}
a {
	text-decoration: none;
}

a:link{color:#0066CC;}
a:visited{color:#65B9F5;}
a:hover{color:#99FF00;}
a:active{color:#0066CC;}

blockquote{padding: 0 40px;}

hr{display: none;}
div.hr{
height: 1px;
border-bottom: solid 1px #e6e6e6;
}

#leftColumn p{/*allow paragraphs spacing in main area*/
margin: 5px 0;
}
h2{
	display: block;
	font-size: 18px;
	color: #f7941d;
	margin: 15px 0 5px 0;
	border-bottom: solid 1px #b7b7b7;
}
h3{
	font-size: 13px;
	text-transform: uppercase;
}
h4{
	font-size: 9px;
	color: #808080;
	font-weight: normal;
}
#leftColumn ul{margin: 0 0 0 25px;}


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

Common Classes

----------------------------------------------------------------------------*/
.hide{display: none;}
.clear{clear: both;}


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

Layout

----------------------------------------------------------------------------*/
#container{
	position:relative;
	width: 900px;
	margin: 0 auto;
	background: url(/images/_ui/bgSides.jpg) top center repeat-y;
}
#containerInside{
	width: 850px;
	margin: 0 auto;
	background: url(/images/_ui/bgContainerInside.gif) top left repeat-y;
}
#header{
	height: 70px;
	background: url(/images/_ui/header.jpg) top center;
}
#mainImage{
}
#leftColumn{
	float: left;
	width: 450px;
	padding: 10px 20px;
}
#rightColumn{
	float: right;
	width: 200px;
	padding: 0 15px;
}
#footer{
	height: 32px;
	background: url(/images/_ui/footer.jpg) top center;
	color: #d5e5f3;
	font-size:10px;
	text-align:center;
	padding-left: 8 0px;
}
#footer div{width:700px; margin: 0 auto;}
#footer span{
	display: block;
	margin:auto 7x;
	float:left;
	padding-top: 6px;
}


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

Header

----------------------------------------------------------------------------*/
h1{
	height: 70px;
	background: url(/images/_ui/header.jpg) top center;
}
h1 a {
	display: block;
	position: absolute;
	top: 10px;
	width: 80px;
	height: 50px;
	text-indent: -900em;
	overflow: hidden;
}
#header p {
	position: absolute;
	top: 23px;
	right: 25px;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
}
#header a{color: #fff;}


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

Navigation

----------------------------------------------------------------------------*/
#mainNavigation{
	height: 100%;
	float: left;
	width: 130px;
}
#nav {
	font-weight:bold;
	text-align:right;
	list-style: none;
}

#nav a {
	display: block;
	height:28px;
	color:#666;
	text-decoration:none;
	padding: 5px 5px 0 0;
}
#nav a:hover {
	color:#fff;
}

a:hover#home{background: url(/images/nav/navHome.jpg) no-repeat;}
a:hover#about_hv{background: url(/images/nav/navAboutHV.jpg) no-repeat;}
a:hover#about_pastor{background: url(/images/nav/navAboutPastor.jpg) no-repeat;}
a:hover#ministries{background: url(/images/nav/navMinistries.jpg) no-repeat;}
a:hover#media{background: url(/images/nav/navMedia.jpg) no-repeat;}
a:hover#support{background: url(/images/nav/navSupport.jpg) no-repeat;}
a:hover#store{background: url(/images/nav/navStore.jpg) no-repeat;}
a:hover#contact{background: url(/images/nav/navContact.jpg) no-repeat;}


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

Info Box(with Location and Times)

----------------------------------------------------------------------------*/
.infoBox{
}
.infoContent{
padding: 5px 5px 5px 5px;
}
.shadowLeft{
background:url(/images/_ui/shadowleft.jpg) repeat-y top; 
}
.shadowRight{
background:url(/images/_ui/shadowright.jpg) repeat-y top;
}
.shadowBottom{
background:url(/images/_ui/shadowbottom.jpg) repeat-x top;
}

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

Box (used on homepage and throughout site)

----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.boxContent{ padding:5px 5px 5px 5px;}
.boxTL{ background:url(/images/_ui/boxtl.jpg) no-repeat bottom right}
.boxT{ background:url(/images/_ui/boxt.jpg) repeat-x bottom}
.boxTR{ background:url(/images/_ui/boxtr.jpg) no-repeat bottom left}
.boxL{ background:url(/images/_ui/boxl.jpg) repeat-y right}
.boxR{ background:url(/images/_ui/boxr.jpg) repeat-y left}
.boxBL{ background:url(/images/_ui/boxbl.jpg) no-repeat top right}
.boxB{ background:url(/images/_ui/boxb.jpg) repeat-x top}
.boxBR{ background:url(/images/_ui/boxbr.jpg) no-repeat top left}
.box h1{
font-size:20px;
line-height:20px;
}

/*for Button 1 use*/
.boxContent div.button1{
background:#FF00FF;
font-weight:bold;
font-size:11px;
}
.boxContent div:hover.button1{
background:#FF99FF;
}
.boxContent div.button1 a{
padding:3px 3px 3px 3px;
}
.boxContent div.button1 a:link{
color:#FFFFFF;
}
.boxContent div.button1 a:visited{
color:#FFFFFF;
}
.boxContent div.button1 a:hover{
color:#FF00FF;
background:none;
}
.boxContent div.button1 a:active{
color:#FFFFFF;
}

/*for Button 2 use*/
.boxContent div.button2{
background: #006699;
font-weight:bold;
font-size:11px;
}
.boxContent div:hover.button2{
background:#99CCFF;
}
.boxContent div.button2 a{
padding:3px 3px 3px 3px;
}
.boxContent div.button2 a:link{
color:#FFFFFF;
}
.boxContent div.button2 a:visited{
color:#FFFFFF;
}
.boxContent div.button2 a:hover{
color:#006699;
background:none;
}
.boxContent div.button2 a:active{
color:#FFFFFF;
}

/*for Button 3 use*/
.boxContent div.button3{
background:#006600;
font-weight:bold;
font-size:11px;
}
.boxContent div:hover.button3{
background:#99FF66;
}
.boxContent div.button3 a{
padding:3px 3px 3px 3px;
}
.boxContent div.button3 a:link{
color:#FFFFFF;
}
.boxContent div.button3 a:visited{
color:#FFFFFF;
}
.boxContent div.button3 a:hover{
color:#006600;
background:none;
}
.boxContent div.button3 a:active{
color:#FFFFFF;
}


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

Bios for Ministries

----------------------------------------------------------------------------*/
.bio{
background-color:#F3F3F3;
padding: 3px 3px 3px 3px;
}
.bioHead{
background-color:#7AE7FF;
padding: 3px 3px 3px 3px;
}
.bioContent{}
.bioQuestions{
font-weight:bold;
border-top:thin #999999 solid;
}
.bioAnswers{
background-color:#FFFFFF;
border-top:thin #999999 solid;
padding-left:3px;
}


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

Misc

----------------------------------------------------------------------------*/
form#googleDirections{margin: 0;}


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

Podcast

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

#content h2 {
	margin-bottom: -30px;
	height: 165px;
	background: url(/images/h2_res-dloads.gif) no-repeat;
}


#audio_archive {
	position: relative;
	margin: 0 auto;
	width: 100%;
}
#audio_archive h4 {
	clear: both;
	position: relative;
	margin-bottom: 0;
	margin-top: 20px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #333;
	border-bottom: 1px dashed #555;
}
.audio {
	clear: both;
	min-height: 18px;
	height: 18px;
	border-bottom: 1px solid #e6e6e6;
}
.audio hr {
	display: block;
	height: 0;
	clear: both;
	border: 0 none;
}
.audio p {
	margin:0;
	font-size: 11px;
	color: #5d4718;
}
.audio p br {
	display: none;
}
.audio p span {
	display: block;
	float: left;
	padding: 3px 5px;
}
.audio .audio_title {
	width: 235px;
}
.audio .audio_date {
	width: 70px;
}
.audio .audio_dlink {
	padding: 3px 0;
	text-align: right;
}
.audio a {
	color: #e65200;
	text-decoration: none;
	border-bottom: 1px solid #e65200;
}
.audio a:hover {
	color: black;
	background: #f9df79;
	border-bottom: 1px solid black;
}
.a {
	background: #eee;
}
.b {
	background: white;
}
.audio:hover {
	background: #ddd;
}

#audio_archive #pagination_links {
	margin: 25px 0;
	text-align: center;
}

#podcast_link {
	position: relative;
	clear: left;
	margin: 40px auto 0;
}


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

Events Calendar

----------------------------------------------------------------------------*/
.calendarBG {
 background-color: #fff;
 border: 1px solid #fff;
}

.calendarBlank { 
 background-color: #fff;
}

.calendarHeader { 
 font-family: "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #6e6e6e; 
 height: 48px;
 text-align: center;
 background-color: #fff; 
 border: 1px solid #fff;
}

.calendarMonthLinks {
 font-family: "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
 font-size: 24px;
 font-weight: bold;
 color: #000; 
 height: 30px;
 text-align: center;
 background-color: #fff; 
 border: 1px solid #fff;
}

.calendarMonthLinks a {
 color:             #000;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #666;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #6BBB26;
 text-decoration:   underline;
 background-color:  transparent;
}
	
.calendarDayHeading {
 font-family: Lucida Sans, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-weight: bold; 
 font-size: 10px;
 color: #fff; 
 height: 25px;
 background-color: #00458A; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Lucida Sans, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         9px;
 font-weight:		normal;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color: #999;
 background-color: #e2eef3;
 overflow: hidden;
 border-color:#E8E8E8;
}

.calendarCell {
 width: 80px;
 height: 100px;
 font-family:       Lucida Sans, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         9px;
 font-weight:		normal;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color:             #999;
 background-color:  #fff;
 overflow: hidden;
 border-color:#E8E8E8;
}

.calendarCell:hover{background: #e2eef3;}

.daynumTOC, .todayTOC {
	padding: 2px;
	margin-bottom: 2px;
	background: #dbe6eb;
	border-bottom: 1px solid #afbec6;
	text-align: left;
}
	
.todayTOC { /* today's style */
	color: white;
	font-weight: bold;
	background: #E8E8E8;
}
	
.titleTOC {
   color: #333300;
    width: 80px;
    padding-left: 10px;
    font-size: 1.0em;
    overflow: hidden;
    white-space: normal;
	background: url(/images/_ui/event_arrow.gif) 0 .4em no-repeat;
}
	
.titleTOC:hover {
	color: #6BBB26;
}

.calendarCell a {
 color:             #333300;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #999;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #6BBB26;
 text-decoration:   none;
 background-color:  transparent;
}


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

Volunteer Schedule

----------------------------------------------------------------------------*/
h3#vlntr_header{
	padding: 3px;
	margin-top: 5px;
	background: #00458a ;
	color: #99FF00;
}

#special_notes span{
	text-transform: uppercase;
	color: #333;
}
#special_notes {
	color: #ff0000;
	font-weight: bold;
}

.vlntr_area:hover{
	background: #efefef;
}
.vlntr_area span{
	display: block;
	font-weight: bold;
	background: #dbe6eb;
	border-bottom: 1px solid #afbec6;
}


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

Advisory Board

----------------------------------------------------------------------------*/
h3#boardHeader{margin-bottom: 0;}
.boardImg{
	display: block;
	float: left;
	margin: 0 15px 15px 0;
}
.caption{
	font-size: 9px;
	color: #9c9c9c;
}
#hr{
	border-bottom: solid 1px #d5d5d5;
	margin: 20px 0;
}