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

body {background-color: #212121; color: #a7a7a7; font: 13px arial;}

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

#header {position: relative; height: 200px; _height: 115px; padding: 10px 0px 0px 0px; background-color: #212121; z-index: 100; padding-top: 15px}
#header-image {width: 200px; height: 175px; float: left}
#header-image img {height: 174px}
#header-menu { float: left; background: url(uploads/images/site-images/bg-colright-short-bottom-bar-wide.jpg) 0px 0px; width: 570px; height: 200px}
#header-menu-menu {position: relative; width: 570px; height: 20px; _height: 134px; top: 114px; left: 0px; padding-top: 40px;}

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

.hide {display: none;}


/* SPECIAL HOME STYLES ---------*/
#header-image-home {position: absolute; width: 200px; height: 174px; z-index:101}
#header-image-home img {position: relative; height: 200px;  z-index:100}
#header-menu-home {position: absolute; left: 200px; background: url(uploads/images/site-images/bg-colright-bottom-bar-wide.jpg) 0px 0px; width: 570px; height: 174px; padding-top: 26px }
#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-bottom-home.gif);
	background-repeat: no-repeat;
	width: 70px;
	height: 20px;
	display: block;
}

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

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

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

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



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

#content {position: relative; top: -1px; z-index: 50; margin-bottom: -1px;}
#content a {color: #99AB5F; text-decoration: none;}
#content a:hover {color: #707070; text-decoration: underline;}
#content h1 {font: normal 26px arial; color: #ffffff; margin: 2px 0px 10px 0px;}
#content h1 a {text-decoration: none;}
#content h11 {font: normal 26px arial; color: #ffffff; margin: 2px 0px 0px 0px;}
#content h2 {font: normal 18px arial; margin: 0px; padding: 0px; position: relative; top: -4px; bottom: -4px; color: #a7a7a7;}
#content h2 a {color: #a7a7a7; text-decoration: none;} 
#content h2 a:hover {color: #ffffff; text-decoration: none;}
#content h3 {font: 16px arial; margin: 0px; padding: 0px; font-weight: bold}
#content h3 a {color: #A7A7A7; text-decoration: none;} 
#content h3 a:hover { color: white; text-decoration: none;}
#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; }

#content footer {color: #FFFFFF; margin: 0px; padding: 0px; font-size: 12px;}
#content footer a {color: #FFFFFF; text-decoration: none;} 
#content footer a:hover { color: white; text-decoration: underline;}

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

#left-bar {position: relative; width: 180px; float: left; background-color: #000000; padding: 12px 10px 5px 10px; color: #A7A7A7; z-index: 51;}
#right-bar {position: relative; width: 540px; _width: 410px; float: left; background-color: #2b2b2b; padding: 12px 20px 10px 10px;  z-index: 52;}

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

#small-section {margin: 0px 0px 20px 0px; clear: left;}
#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-community {margin: 0px 0px 20px 0px; clear: left; font: normal 14px arial;}
#small-section-community img {float: left; margin: 0px 10px 0px 0px;}

.contact-us-form {position: relative; height: 130px;}
.contact-us-form label {float: left; clear: left; }
.contact-us-form input {clear: left; float: left; height:12px; padding-left:5px; width:180px; color:#A7A7A7; font: 11px Tahoma; line-height:13px;}
.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; width:190px; color:#A7A7A7; font: 11px Tahoma;}
.contact-us-form .submit input{position: relative; left: -14px; 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: 770px; 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-home' */