/* CEDARVIEW COMMUNITY CHURCH */
/* Peashooter Media - http://www.peashootermedia.com */


body{
	background: #16130e;
	margin:0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height: 19px;
	color: #fff;
	background: #16130e url('../images/headerBG.jpg') repeat-x;
}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
img { border: 0; /* removes border in case images have anchor around them */ }

#container { margin: 0 auto; padding: 0; width: 900px; text-align: left;  position: relative;}

/* LINKS */
A { COLOR: #ffa000; TEXT-DECORATION: underline;}

A:active { COLOR: #ffa000;}
A:hover { COLOR: #91bfb5;}  

#header{
	text-align: right;
	margin: 0 auto;
	height:110px;
	width: 900px;
}

#logo{
	margin-left: 52px;
	float:left;
 	width:200px;
	height:105px;
	padding-top: 0px;
 }

#headerText{
	margin: 0 auto;
	padding: 10px 69px 0px 0px;
 }



/* Header
-----------------------------------------------------------------------------*/
#header { height: 110px; width: 900px; font-family: Verdana,tahoma,sans-serif; font-size: 12px; }

#header #headerNav { font:12px 'helvetica'arial,sans-serif; color: #ffffff;  padding: 10px 15px 0 0; text-align: right;}
a.headerNav { font:12px 'helvetica',arial,sans-serif; color: #FFFFFF; text-decoration: none;}
a:hover.headerNav {color: #91bfb5; text-decoration:none;}

#navStrip{ float: left; width: 900px; }
#navStrip #divLine { height: 1px; border-top: solid 1px #5A5644; }
.navWhite { font: bold 12px 'helvetica',arial,sans-serif; color: #ffffff;  padding: 10px 10px 10px 15px; text-align: left;}

#titleStrip{ float: left; width: 900px; }
#titleStrip #divLine { height: 1px; border-top: solid 1px #5A5644; }
.divLine{ height: 1px; border-top: solid 1px #5A5644; }
.seriesTitleBlue { font: bold 16px 'arial',tahoma,sans-serif; color: #91BFB5;  padding: 10px 10px 10px 15px; text-align: left; float: left;}
.seriesTitleWht { font: bold 16px 'arial',tahoma,sans-serif; color: #FFFFFF;  padding: 10px 0 10px 10px; }

/* Body
-----------------------------------------------------------------------------*/
#rotatorWindow { width: 610px; float: left; margin-top: 10px; margin-bottom: 15px;}

#galleria{
                width:610px;
                height:296px;
				padding:0;
				margin:0;
				float: left; margin-top: 10px; margin-bottom: 15px;
				background:-moz-radial-gradient(center 45deg, circle closest-side, #222 40%, #000 100%);
                background:-webkit-gradient(
                    radial, center 50%, 20, center 50%, 250, from(#333), to(#000)
                )
            }

.divLine{ height: 1px; margin: 10px 0 10px 0; background: #3f3b30 url(../images/transparent.gif) repeat-y;}

.titleYellow { font: bold 14px 'helvetica',arial,sans-serif; color: #ffa000; padding: 0 0 5px 0;}

.titleWht { font: bold 14px 'helvetica',arial,sans-serif; color: #ffffff;  padding: 0 0 5px 0; }

.titleBlu { font: bold 14px 'helvetica',arial,sans-serif; color: #2f868d;  padding: 0 0 5px 0; }


#leftCol {
	margin-top: 10px;
	float: left;
	width: 610px;
	position: relative;
	}

#pageTitleBox {
	width: 580px;
	height: 13px;
	background: #3f3b30;
	font: bold 16px 'helvetica',arial,sans-serif; color: #91BFB5;  
	padding: 12px 15px 15px 15px; 
	text-align: left;
	}
	
#subcontentBox {
	width: 580px;
	background: #2b261f;
	padding: 15px 15px 15px 15px; 
	text-align: left;
	}	

#rightCol {
	margin-top: 10px;
	float: right;
	width: 260px;
	}
	
#rightCol #subnavBox {
	width: 230px;
	background: #3f3b30;
	padding: 15px 15px 15px 15px; 
	text-align: left;
	margin-bottom: 30px;
	color: #ffa000;
	}	
	
#serviceBox {
	width: 250px;
	background: #2b261f;
	padding: 15px 15px 15px 15px;
	float: left;
	margin: 0 30px 0 0;
	}	
	
#weeklyBox {
	width: 250px;
	background: #2b261f;
	padding: 15px 15px 15px 15px;
	float: left;
	margin: 0 30px 0 0;
	}	
	
#specialBox {
	width: 250px;
	background: #2b261f;
	padding: 15px 15px 15px 15px;
	float: right;
	}	
	
/* Accordian Drawer */

 #sidebar{
   width: 260px;
   margin: 0;
   padding: 0 0 0 0;
   top: 0px;
   float: left;
   height: 296px;
   font-size: 1.2em;
}

 #sidebar #drawers{
   width: 260px;
   height: auto;
   overflow: hidden;
   background: #e2d0a8 url(../images/bg_home_drawer_ul.gif) no-repeat left bottom;
   margin: 0;
   float: left;
}

 #sidebar a.drawer-handle{
   display: block;
   font: bold 12px 'helvetica',arial,sans-serif; color: #ffffff; text-decoration:none;
   background: url(../images/bg_home_drawer.gif) no-repeat;
   height: 29px;
   text-indent: 12px;
   line-height: 29px;
   cursor: pointer;
}

 #sidebar a#welcome {background-position: 0 -29px;}
 #sidebar a#welcome.selected,  #sidebar a#welcome.selected:hover{background-position: 0 0; color: #ffffff;}
 #sidebar a#message{background-position: 0 -87px;}
 #sidebar a#message.selected,  #sidebar a#message.selected:hover{background-position: 0 -58px; color: #ffffff;}
 #sidebar a#about-pastor{background-position: 0 -116px;}
 #sidebar a#about-pastor.selected,  #sidebar a#about-pastor.selected:hover{background-position: 0 -58px; color: #ffffff;}
 #sidebar a#welcome:hover{background-position: -260px -29px; color: #fff;}
 #sidebar a#message:hover{background-position: -260px -87px; color: #fff;}
 #sidebar a#about-pastor:hover{background-position: -260px -116px; color: #fff;}

 #sidebar .drawerbox{
   padding: 0;
   line-height: 1;
   color: #000000;
   height: 238px;
   overflow: hidden;
}

 #sidebar .drawerinner{
   padding: 10px 13px;
}

 #sidebar .drawerbox p{
   margin: 5px 0 0;
   line-height: 1.4;
   /*font-size: .917em; */
   font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
}

 #sidebar .drawerbox a{
   color: #2f868d;
}

 #sidebar #wbox img{
   margin: 0 auto 5px;
   display: block;
}

 #sidebar #wbox p{
   margin-bottom: 5px;
   margin-top: 0;
}

 #sidebar #tbox h5{
   font: 1em Georgia, "Times New Roman", Times, serif;
   font-style: italic;
   color: #3e2d1f;
   line-height: 1.6;
}

 #sidebar #tbox h4{
   font-size: 1.2em;
}

 #sidebar #tbox p{
   margin-bottom: 5px;
   margin-top: 0;
}

 #sidebar #tbox p#preacher{
   /*margin: 0 5px; */
   font-size: 11px;
   line-height: 1.5;
   color: #3f3b30;
}

 #sidebar #tbox p#audiohelp{
   clear: both;
   margin: 0;
   height: 0;
   text-indent: -9999px;
}

 #sidebar #tbox p#mediabuttons{
   text-indent: -9999px;
   margin: 10px 0 0 0;
}

 #sidebar #tbox a, #sidebar #pbox a, #sidebar #wbox a{
   color: #2f868d; text-decoration: underline;
}

 #sidebar #tbox a:hover, #sidebar #pbox a:hover,  #sidebar #wbox a:hover{
   color: #3f3b30; text-decoration: underline;
}

 #sidebar #tbox #mediabuttons span.sermon-video a{
   background-image: url(/_img/bg_home_sermon-watch.gif);
}

 #sidebar #tbox a#sermon-dl{
   display: block;
   float: left;
   width: 83px;
   height: 19px;
   background: url(/_img/bg_home_sermon-dl.gif) no-repeat;
   margin: 0;
}

 #sidebar #pbox img{
   float: left;
   margin-right: 8px;
   margin-bottom: 8px;
}

<!-- calander -->
tr.topdays {background-color: #3f3b30; font-family: Helvetica, Verdana, Geneva, Arial, sans-serif; font-size: 11px; color: #000000;}
.toprightnumber {font-family: Helvetica, Verdana, Geneva, Arial, sans-serif; font-size: 10px; font-weight: bold;}
.eventinbox {font-family: Arial, helvetica, sans-serif; font-size: 10px; color: #2b261f;}
a.eventinbox {font-family: Arial, helvetica, sans-serif; font-size: 10px; color: #2b261f; text-decoration: underline;}
a:hover.eventinbox {color: #ffa000; text-decoration:underline;}
.currentdate {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ffa000;}

td.beforedayboxes {background-color: #ffffff; color: #000000;}
td.dayboxes {background-color: #ffffff; color: #000000;}
td.afterdayboxes {background-color: #ffffff; color: #000000;}
td.highlighteddayboxes {background-color: #EFEFEF; color: #000000;}

.event {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.eventdetail {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;}
.eventwhen {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 15px; font-weight: bold;}
.addevent {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.addeventextrainfo {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px;}

/* Contact Form
----------------------*/
form {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #ffffff;
  border-width: 0 0 0 0;
  /*border-style: none none none none; */
  /*padding: 10px; */
  margin: 0 0 0 0;
}

form div {
  clear: left;
  display: block;
  width: 360px;
  /*zoom: 1; */
  margin: 5px 0 0 0;
  /*padding: 1px 3px; */
}

input.textbox{ font:100% Verdana,sans-serif;padding:1px 5px 1px 5px;line-height:1em;background:#fdfcfb url(../images/form-back.gif) repeat-x;border:1px solid #999;color:#333;margin-bottom:5px; width: 150px;}

form div label {
  display: block;
  float: left;
  width: 125px;
  padding: 3px 5px 0 0;
  margin: 0 0 0 0;
  text-align: right;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div select, form div textarea {
  width: 150px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div select.selectOne {
  width: 163px;
  padding: 1px 3px;
  margin: 0 0 8px 0;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 150px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 150px;
  /*zoom: 1; */
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 190px;
  /*zoom: 1; */
  padding: 4px 0 0 18px;
  text-indent: -18px;
  line-height: 120%;
}

form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0;
}

form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0 0;
  text-indent: 0;
  margin: 0 0 0 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  cursor:pointer;
  border:outset 1px #ccc;
  background:#999;
  color:#222;
  font-weight:bold;
  padding: 1px 2px;
  background:url(../images/formsubmitbg.gif) repeat-x left top;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 8px 0 5px;
}

/* Contact Form End
----------------------*/


/* Footer
-----------------------------------------------------------------------------*/
#footer { width: 900px; height: 100px; float: left; text-align: left; margin-top: 15px; }
.footerText { font-family: Helvetica, arial, sans-serif; font-size: 12px; color: #939393;}
a.footerText {font-family: Helvetica, arial, sans-serif; font-size: 12px; color: #939393; text-decoration: none;}
a:hover.footerText {color: #939393; text-decoration:underline;}

.footerTextSM { font-family: Helvetica, arial, sans-serif; font-size: 11px; color: #939393;}
a.footerTextSM {font-family: Helvetica, arial, sans-serif; font-size: 11px; color: #939393; text-decoration: none;}
a:hover.footerTextSM {color: #939393; text-decoration:underline;}