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


body{
	background: #16130e;
	margin:0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	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 */ }

h1, h2, h3, h4, h5, h6 { 
margin: 0 0 0 0; 
padding: 0 0 0 0;
}
#container { margin: 0 auto; padding: 0; width: 770px; text-align: left;  position: relative;}

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

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


/* Header
-----------------------------------------------------------------------------*/
#header { width: 770px; font-family: Verdana,tahoma,sans-serif; font-size: 12px; display: inline;}

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

#navStrip{ float: left; width: 770px;}

.navWhite { font: bold 12px 'verdana',tahoma,sans-serif; color: #ffffff;  padding: 4px 10px 0 10px;}
a.navWhite {font: bold 12px 'verdana',tahoma,sans-serif; color: #ffffff; text-decoration: none;}
a:hover.navWhite {color: #ffa000; text-decoration:none;}
.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; }

#headerImgTop {background-image:url("/images/marriedHeaderTop.png"); padding: 0 0 0 0; width:807px; height:117px; margin-left: -21px; margin-top: -22px; z-index:1;}

/* Body
-----------------------------------------------------------------------------*/

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

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

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

/* page titles */
h1.swap {
  height:31px;
  background-repeat:no-repeat;
  }
h1.swap span {display:none;}
h1#t-aboutus {background-image:url("/images/aboutusTitle.gif"); padding: 0 0 0 0;}
h1#t-events {background-image:url("/images/eventsTitle.gif"); padding: 0 0 0 0;}
h1#t-eventsPage {background-image:url("/images/eventsTitle.gif"); padding: 0 0 0 0;}
h1#t-contactPage {background-image:url("/images/contactTitle.gif"); padding: 0 0 0 0;}
h1#t-photosPage {background-image:url("/images/photosTitle.gif"); padding: 0 0 0 0;}

#leftCol {
	float: left;
	width: 355px;
	margin: 30px 0 0 15px;
	padding: 0 0 0 0;
	display: inline;
	}

#leftColSubPage {
	float: left;
	width: 735px;
	margin: 30px 0 0 15px;
	padding: 0 0 0 0;
	}

#rightCol {
	float: right;
	width: 355px;
	margin: 30px 15px 0 0;
	padding: 0 0 0 0;
	display: inline;
	}
	
#aboutBox {
	width: 325px;
	height: 150px;
	background: #2b261f;
	padding: 15px 15px 15px 15px; 
	text-align: left;
	color: #ffffff;
	}	
	
#eventBox {
	width: 325px;
	height: 150px;
	background: #2b261f;
	padding: 15px 15px 15px 15px;
	text-align: left;
	color: #ffffff;
	}	
	
#subPageBox {
	width: 705px;
	background: #2b261f;
	padding: 15px 15px 15px 15px;
	text-align: left;
	color: #ffffff;
	}	

/* 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: 770px; height: 100px; float: left; text-align: left; margin-top: 15px; }
.footerText { font-family: Verdana, arial, helvetica, sans-serif; font-size: 12px; color: #939393;}
a.footerText {font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #939393; text-decoration: none;}
a:hover.footerText {color: #939393; text-decoration:underline;}

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