/************************************************************************
	Filename: chamber.css
	Purpose: Affect the content format of the New Zion Baptist Church
	Created by: Cliff Murphy
	Modified by: Cliff Murphy
	Created: 05-10-08
	Last Modified: 05-10-08
 ************************************************************************/
 
/************************************************************************
 *																Global	*
 ************************************************************************/
body {
	/* border: 1px solid green; */
 	background: #FFFFFF;
 	margin: 0px auto;
	font-family: Arial,Verdana, Helvetica, sans-serif ! important;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	height: 100%;
}

/************************************************************************
 *															Wrappers	*
 ************************************************************************/

#wrapper {
	height: 100%;
}

#centerwrapper {
	height: auto;
	min-height: 400px;
	width: 762px;
	margin: 0px auto;
	top: 0px;
	margin-left: auto; 
	margin-right: auto;
}

#footerwrapper {
	width: 100%;
	height: auto;
	text-align: center;
}

/************************************************************************
 *														Defined Areas	*
 ************************************************************************/
#search {
	margin-top: 5px;
	text-align: right;
	height: 25px;
}

#subnav {
    margin-left: auto;
    margin-right: auto;
	height: 23px;
	width: 762px;
	text-align: right;
	position: relative;
	z-index: 0;
}

#mainnav {
	margin-top: 2px;
    margin-left: auto;
    margin-right: auto;
	height: 23px;
	width: 762px;
	text-align: center;
}

#header {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 212px;
	width: 762px;
	text-align: left;
	background-image:url(../images/header.jpg);
	background-repeat: repeat-x;
	/* border: 1px solid red; */
	z-index: 0;
}

#content {
	margin-top: 5px;
	height: auto;
	width: 762px;
	text-align: left;
/*	position: relative;
	z-index: 0; */
}

#contentleft {
	width: 545px;
/*	position: relative;
	z-index: 0; */
}

#contentright {
	margin-top: 0px;
	float: right;
	width: 213px;
/*	position: relative;
	z-index: 0;  */
}

#footer {
	height: 23px;
	width: 762px;
	position: relative;
	text-align: right;
	z-index: 0;
}

#redbar {
    margin-left: auto;
    margin-right: auto;
	height: 2px;
	background-image:url(../images/red_bar.jpg);
	background-repeat: repeat-x;
	width: 750px;
	position: relative;
	z-index: 1;
}

#login {
	margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
	padding: 5px;
	width: 750px;
	height: auto;
	text-align: center;
}

/************************************************************************
 *														Header Elements	*
 ************************************************************************/
#headerlogo {
	position: relative;
	float: left;
	height: 136px;
	width: 325px;
	z-index: 1;
}

#headermenu h2 {
	font: arial, helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	display: inline;
	color: #959393;
}

#headermenu ul {
	position: relative;
	float: right;
	height: 19px;
	text-align: right;
	margin: 2px 0px 0px 0px;
	z-index: 0;
}

#headermenu li {
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #959393;
	word-spacing: 2px;
	letter-spacing: 0px;
	text-decoration: none;
	text-transform: uppercase;
	display: inline;
	padding: 0px 5px 0px 0px;	

}

#headermenu ul li {
	list-style: none;
}

#headermenu a { 
	color: #959393;
	text-decoration: none;
}

#headermenu a:hover { 
	color: #8D3C42;
	text-decoration: underline;
}

/************************************************************************
 *												Navigational Elements	*
 ************************************************************************/

/************************************************************************
 *												Latest Announcements	*
 ************************************************************************/

#announcementwrapper {
	width: 200px;
	height: 150px;
	border: 0px solid black;
	background-color: #FFFFFF;
	padding: 0px;
}

.announcementcontent {
	width: 100%;
	display:block;
}	

/************************************************************************
 *														Content Areas	*
 ************************************************************************/

#contentleft p {
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 1.7;
/*	position: relative;
	z-index: 0; */
}

#contentleft ul {
}

#contentleft li {
}

#contentleft h2 {
	font-size: 12px;
}

#contentleft h3 {
	color: #FFFFFF;
	/*font-size: .001em; */
	font-size: .1em;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#contentleft img {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 4px;
}

/* #contentleft img {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 4px;	
	border: 2px solid #8D3C42;
} */

#feature_boxes {
	height: 107px;
	width: 150px;
	background-image:url(../images/feature_box.jpg);
}

#bits {
	width: 540px;
	height: 15px;	
	margin-top: 0px;
	font-size: 11px;
	text-align: right;
}

#reddots {
	background-image: url('../images/reddots.gif');
	background-repeat: repeat-x;
}
/************************************************************************
 *												Google Search Results	*
 ************************************************************************/

#cse-search-results iframe {
	width: 500px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:transparent;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
}


/************************************************************************
 *																Footer	*
 ************************************************************************/

#footer {
    margin-left: auto;
    margin-right: auto;
	height: auto;
	width: 762px;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	word-spacing: .1px;
	letter-spacing: 0px;
	clear: both;
	text-align: right;
	/* border: 1px solid red; */
}

/************************************************************************
 *																Classes	*
 ************************************************************************/
h1 {font-size:1.8em;}
h2 {font-size:1.3em;}
h3 {
	color: #FFFFFF;
	font-size: 12px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
}
h4 {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	word-spacing: 2px;
	letter-spacing: 3px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-transform: uppercase;
}

#clear_float {
	clear: both;
}

.headings { 
	font-size: 12px;
	color: #8D3C42;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
}

.content_headings { 
	font-size: 13px;
	color: #8D3C42;
	font-weight: bold;
	font-style: normal;
	word-spacing: 4px;
	letter-spacing: 2px; 
}

.tip {
	font:12px/12px Arial,Helvetica,sans-serif;
	border:solid 1px #666666;
	width:270px;
	padding:5px;
    position:absolute;
	z-index:100;
	visibility:hidden;
	color:#FFFFFF;
	top:20px;
	left:90px;
	background-color:#8D3C42;
	layer-background-color:#ffffcc;
}

.calendar_normal {
	background-color: #FFFFFF;
}

.calendar_highlight {
	background-color: #8D3C42;
	color: #FFFFFF;
	font-weight: normal;
}

.news_listing_normal {
	font-weight: normal;
}

.news_listing_highlight {
	background-color: #8D3C42;
	color: #FFFFFF;
	font-weight: normal;
}

.normal2 {
	font-weight: normal;
}

.highlight2 {
	font-weight: bold;
}

.directory_link:hover {
	color: #FFFFFF;
	text-decoration: none;
}

a:link.calendar_event, a:visited.calendar_event, a:active.calendar_event{ 
	color: #000000;
	font-weight: normal;
	text-decoration: none;
} 

a:hover.calendar_event { 
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

a:link.news_listing, a:visited.news_listing, a:active.news_listing { 
	color: #000000;
	font-weight: normal;
	text-decoration: none;
} 

a:hover.news_listing { 
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

a:link.calendar, a:visited.calendar, a:active.calendar  { 
	color: #959393;
	font-weight: bold;
	text-decoration: none;
} 

a:hover.calendar  { 
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

a.menu_link:link, a.menu_link:active, a.menu_link:visited { 
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	word-spacing: 1px;
	letter-spacing: 1px;
	text-decoration: none;
}

a.menu_link:hover { 
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	word-spacing: 1px;
	letter-spacing: 1px;
	text-decoration: underline;
}

a:link, a:active, a:visited {
	font-weight: bold;
	font-style: bold;
	color: #959393;
	text-decoration: none;
}

a:hover {
	color: #8D3C42;
	text-decoration: underline;
}

a.smaller_font:link, a.smaller_font:active, a.smaller_font:visited {
	font-size: 11px;
	font-weight: bold;
	font-style: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.smaller_font:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

a.larger_font:link, a.larger_font:active, a.larger_font:visited {
	font-size: 13px;
	font-weight: bold;
	font-style: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.larger_font:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/************************************************************************
 *																Inputs	*
 ************************************************************************/

input.text {
	border-width:1px;
	border-color:#7d8e9b;
	border-style:solid;
	background-color:#ffffff;
	color:#000000;
	font-size:11px;
	font-family:arial;
	margin-top:0px;
	margin-bottom:0px;
}

input {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	background-color:#8D3C42;
	color: #FFFFFF;
  }

select {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	background-color:#8D3C42;
	color: #FFFFFF;
  }

input.btn {
	border-width:1px;
	border-color:#7d8e9b;
	border-style:solid;
	background-color:#ffffff;
	color:#000000;
	font-size:11px;
	margin-top:0px;
	margin-bottom:0px;
}

textarea {
	border-width:1px;
	border-color:#7d8e9b;
	border-style:solid;
	background-color:#FFFFFF;
	color:#000000;
	font-size:11px;
	font-family:arial;
	margin-top:0px;
	margin-bottom:0px;
}

input.radio {
	border-width:0px;
	border-color:#7d8e9b;
	border-style:solid;
	background-color:#ffffff;
	color:#000000;
	font-size:11px;
	font-family:arial;
	margin-top:0px;
	margin-bottom:0px;
}

input.checkbox {
	border-width:0px;
	border-color:#7d8e9b;
	border-style:solid;
	color:#000000;
	font-size:11px;
	font-family:arial;
	margin-top:0px;
	margin-bottom:0px;
}
/* ******************************************* */