/* Start of CMSMS style sheet 'spcc-original' */
*{margin: 0; padding: 0;}

body {background-color: #212121; color: #a7a7a2; font: 11px tahoma;}

#container {width: 766px; margin-right: auto; margin-left: auto; background-color: #000000;}

#header {position: relative; height: 175px; _height: 115px; padding: 10px 0px 0px 0px; background-color: #000000; z-index: 100;}
#header-image {width: 299px; height: 175px; float: left;}
#header-image img {height: 173px; }
#header-menu { float: left;background: url(uploads/images/site-images/bg-colright-short.jpg) 0px 0px; width: 467px; height: 174px;}
#header-menu-menu {position: relative; width: 146px; height: 166px; _height: 134px; top: 8px; left: 0px; padding-top: 40px;}

#header-menu-menu a:hover {
	background-position: 0px -20px;
}

.hide {display: none;}


/* SPECIAL HOME STYLES ---------*/
#header-image-home {position: absolute; width: 299px; height: 175px; z-index:101;}
#header-image-home img {position: relative; height: 299px;  z-index:100;}
#header-menu-home {position: absolute; left: 299px; background: url(uploads/images/site-images/bg-colright-short.jpg) 0px 0px; width: 467px; height: 174px;}
#break-4-home-image {position: relative; height: 120px; width: auto;}




/*  MENU STYLES ---------*/


a.link {
	background-position: 0 0;
	height: 20px;
}

a.current {
background-position: 0px -40px;
	height: 20px;
}

.current:hover {
background-position: 0px -40px;
cursor: default;
	height: 20px;
}



a.menu-home{
	background-image: url(images/nav-new/nav-home.gif);
	background-repeat: no-repeat;
	width: 147px;
	height: 20px;
	display: block;
}

a.menu-about {
	background-image: url(images/nav-new/nav-about.gif);
	background-repeat: no-repeat;
	width: 147px;
	height: 20px;
	display: block;
}

a.menu-min {
	background-image: url(images/nav-new/nav-min.gif);
	background-repeat: no-repeat;
	width: 147px;
	height: 20px;
	display: block;
}

a.menu-res {
	background-image: url(images/nav-new/nav-res.gif);
	background-repeat: no-repeat;
	width: 147px;
	height: 20px;
	display: block;
}

a.menu-contact {
	background-image: url(images/nav-new/nav-contact.gif);
	background-repeat: no-repeat;
	width: 147px;
	height: 20px;
	display: block;
}



/* ----CONTENT -----*/

#content {position: relative; top: -1px; z-index: 50; margin-bottom: -1px;}
#content a{color: #ffffff;}
#content h1 {font: normal 24px arial; color: #ffffff; margin: 2px 0px 10px 0px;}
#content h1 a {text-decoration: none;}
#content h2 {color: #CCCCCC; margin: 0px; padding: 0px; font-size: 14px;}
#content h2 a {color: #CCCCCC; text-decoration: none;} 
#content h2 a:hover { color: white; text-decoration: none;}
#content normal {position: relative; top: -1px; z-index: 50; margin-bottom: -1px;}
#content normal a{color: #ffffff;}
#content ul { line-height:19px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0px;}
#content li { background:transparent url(uploads/images/site-images/a1.gif) no-repeat scroll 0pt 7px; padding-left:11px; text-decoration:none; }

#full-content {background-color: #2b2b2b;padding: 8px 27px 25px 20px;}

#left-bar {font: normal 12px arial; position: relative; width: 245px;  float: left; background-color: #000000; padding: 12px 27px; color: #A7A7A7; z-index: 51;}
#right-bar {font: normal 12px arial; position: relative; width: 413px; _width: 410px; float: left; background-color: #2b2b2b;padding: 12px 27px 25px 27px;  z-index: 52;}

#right-bar hr {border-color: #000000;height:1px; border-style:solid; border-width:1px 0 0 0; width: 468px; _width: 410px; position: relative; z-index: 120; left:-27px; margin: 5px 0px 10px 0px;}

#small-section {margin: 0px 0px 20px 0px; clear: left; font: normal 12px arial;}
#small-section img {float: left; margin: 0px 10px 0px 0px;}

#small-section-spotlight  {margin: 0px 0px 20px 0px; clear: left; color: #A4C153;}
#small-section-spotlight  img {float: left; margin: 0px 10px 0px 0px;}

#small-section-sermon {margin: 0px 0px 20px 0px; clear: left; font: normal 11px arial;}


.contact-us-form {position: relative; height: 150px;}
.contact-us-form label {float: left; clear: left; }
.contact-us-form input {clear: left; float: left; height:15px; padding-left:5px; padding-top:2px; padding-bottom:2px; width:180px; color:#000000; font: 12px Tahoma; line-height:15px;}
.contact-us-form .message-area {position: absolute; width: 190px; right: 8px; top: -3px;}
.contact-us-form textarea {height:96px; margin-top:2px; overflow:auto; padding-left:5px; padding-top:2px; width:190px; color:#000000; font: 12px Tahoma;}
.contact-us-form .submit input{position: relative; right: -206px; top: 10px; width: 100px; height: 23px; color: #ffffff; padding: 0px; margin: 0px; background-color: #2b2b2b; border: 1px solid #2b2b2b; text-decoration: underline;}
.contact-us-form .submit input:hover{cursor: pointer; text-decoration: none;}


#bottom-clear {clear: both;}
 
#footer {width: 766px; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 10px; text-align: center; }


/* ---- Misc ------*/
#XSPF-FMP3 {width: 260px; _width: 240px;}
/* End of 'spcc-original' */