/*
Version: 1.0
Author: Dave Pollard
Author URI: http://www.usersunknown.com/
Date: 28-10-2009
*/



/*------------------------ Main layout ------------------------*/

* { padding: 0; margin: 0; }
body { font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif; background: url(../main_bg.jpg) repeat-x; background-color: #121315; font-size: 13px; }
#wrapper {  margin: 0 auto; width: 962px; }
#container { margin-bottom: 0px; overflow: auto; /* Fix for IE */ width: 960px; margin: 0 auto; }
#header { width: 962px; padding: 0px; margin: 0px 0px 0px 0px; font-size: 12px; }
#navigation { color: #333; padding: 10px; margin: 0px 0px 0px 0px; background: #ABBEBE;}
#logo{ z-index:999; float:left; position: relative; left: 15px; top:0px; background:url(../bscc_logo.png) 0px no-repeat; width: 156px; height: 144px; }
#leftcolumn { width: 670px; float: left;  margin: 30px 0px 30px 10px; padding: 0px; display: inline;/* fix double margin */ color: #aaa; position: relative; overflow: hidden;}
#rightcolumn { width: 260px; float: right;  margin: 30px 10px 30px 0px; display: inline;/* fix double margin */  overflow: hidden; color: #aaa; font-size: 12px; background-color: #131313; border: 1px solid #1f2223; }
#footer { color: #666; font-size: 12px; background: url(../footer_bg.gif) repeat-x; }
.clear { clear: both; background: none; }


/*------------------------ General ------------------------*/

a { text-decoration: none; border: none; color: #ff5a00;}
a:hover { text-decoration: none; none; border: none; color: #aaa;}

a img { border: none;}


/*------------------------ Header ------------------------*/

#header div.title { float: left; margin-top: 50px; margin-left: 25px; }
#header div.title h1 a{ font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif; font-weight: bold; letter-spacing: -1px; font-size: 36px; color: #fff; line-height: 45px; display: block; }
#header div.title p.description{ color: #999; margin-top: 10px; margin-left: 5px; }


/*------------------------ Navigation ------------------------*/

#main_nav {background: url(../navi.gif) no-repeat; float: left; margin-top: 30px height: 37px; width: 960px; }
#main_nav ul.left { float: left; list-style-type: none; padding: 9px 0 0 15px; width: 960px; height: 30px; overflow: hidden; }
#main_nav ul li{ display: inline; text-transform: uppercase; }
#main_nav ul.left li a{ float: left; overflow: hidden; color: #ccc; font-size: 13px; line-height: 18px; margin: 0 30px 0 0; }
#main_nav ul.left li a:hover{ color: #ff5a00; }


/*------------------------ Left Column ------------------------*/

#leftcolumn div.info{ background-color: #131313; border: 1px solid #1f2223; color: #ccc; line-height: 22px; margin-bottom: 30px; }
#leftcolumn div.info div.title{ margin-left: 15px; margin-bottom: 10px; margin-top: 16px; color: }	
#leftcolumn div.info div.title h2{ font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif; font-size: 22px; font-weight: bold; letter-spacing: -1px; line-height: 24px; color: #ff5a00; width: 600px; line-height: 30px; }		
#leftcolumn div.info div.title h2 a{ color: #ff5a00;}	
#leftcolumn div.info div.title h2 a:hover{ color: #eee;}



#leftcolumn div.info div.cont{ padding: 10px 20px 0 20px; overflow: hidden; _width: 618px; font-size: 13px; }
#leftcolumn div.info div.cont a{ color: #ff5a00; border: none; text-decoration: none;  color: #aaa; }
#leftcolumn div.info div.cont a:hover{ text-decoration: underline; }

#leftcolumn div.info div.cont p{ margin-bottom: 20px; }
#leftcolumn div.info div.cont h1{ font-size: 20px; margin-bottom: 5px; }
#leftcolumn div.info div.cont h2{ font-size: 18px; margin-bottom: 5px; }
#leftcolumn div.info div.cont h3{ font-size: 16px; margin-bottom: 5px; }
#leftcolumn div.info div.cont h4{ font-size: 15px; margin-bottom: 5px; }
#leftcolumn div.info div.cont h5{ font-size: 14px; margin-bottom: 5px; }
#leftcolumn div.info div.cont h6{ font-size: 12px; margin-bottom: 5px; }
#leftcolumn div.info div.cont table{ margin-bottom: 20px; border-collapse:collapse; border: 1px solid #2a2e2f; background-color: #181818; color: #999; }
#leftcolumn div.info div.cont table td,
#leftcolumn div.info div.cont table th{ padding: 2px 5px; border: 1px solid #2a2e2f; }




		
#main div.navigation{ font-size: 13px; }
#main div.navigation a{ display: block; color: #ccc; border: 1px solid #1f2223; padding: 0 5px; background-color: #101010; line-height: 28px; }	
#main div.navigation .left a:hover,
#main div.navigation .right a:hover{ color: #ff5a00; background-color: #000; }		
#main div.navigation .left{ float: left; }	 
#main div.navigation .right{ float: right; }



/*------------------------ Right Column ------------------------*/

#rightcolumn h2 { background: url(../sidebar_title_bg.gif) no-repeat; background-position: left bottom; font-size: 16px; line-height: 30px; color: #ccc;  background-color: #101010; padding: 5px 10px; font-weight: normal; }
#rightcolumn p { font-size: 12px; line-height: 22px; color: #ccc; padding: 5px 10px; font-weight: normal; }		
#rightcolumn a{ background: none; display: inline; color: #ccc; line-height: 26px; text-decoration: none; }			
#rightcolumn a:hover{ color: #ff5a00; }
				
				
/*------------------------ Footer ------------------------*/
				
#footer div.footer_wrapper{ width: 960px; margin: 0 auto; padding: 18px 0; position: relative; }
#footer div.footer_wrapper a{ color: #ccc; text-decoration: none; }
#footer div.footer_wrapper a:hover{ color: #fff; }






/*------------------------ Links Page ------------------------*/

.linkpage{ background-color: #131313; padding: 10px 15px; }

.linkpage ul{ list-style-type: none; }

.linkpage ul li{ float: left; margin-bottom: 10px; }

.linkpage ul li ul li{ float: left; width: 130px; text-align: center; margin: 5px 12px; line-height: 180%; background-color: #202020; }

.linkpage ul li ul li a{ color: #ccc; display: block; text-decoration:none; border: 1px solid #1f2223; font-size: 12px; }

.linkpage ul li ul li a:hover{ background-color: #0d0d0d; border: 1px solid #1f2223; color: #ff5a00; }

.linkpage ul li h3{ margin-bottom: 5px; margin-left: 12px; }









/*------------------------ Contact Page ------------------------*/


#form { position:relative;}
#form_right {
	position: absolute;
	top:35px;
	width: 287px;
	height: 276px;
	left: 400px;
}

#form5{
		margin:1em 0;
		padding-top:10px;
		}
	#form5 fieldset{
		margin:0;
		padding-top:.5em;
		border:none;	
		/*border-top:1px solid #f1f1f1;*/
		}		
	#form5 legend{
		background:#fff;
		padding:0 5px;
		font-style:italic;
		}	
	#form5 p{
		clear:both;
		margin:.5em 0;
		overflow:hidden;
		}	
	#form5 label{
		float:left;
		width:60px;
		display:block;
		text-align:right;
		margin-right:10px;
		}	
	#form5 input, #form5 textarea{	
		margin:0;	
		width:250px;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}		
	
	
	#form5 input#name{background:#fff url(../form5/form_name.gif) no-repeat 5px 50%; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	#form5 input#email{background:#fff url(../form5/form_email.gif) no-repeat 5px 50%; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	#form5 input#tel{background:#fff url(../form5/form_tel.gif) no-repeat 5px 50%; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	#form5 textarea#message{background:#fff url(../form5/form_note.gif) no-repeat 5px 6px; padding-top:7px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	
	
	#form5 textarea{
		height:125px;
		overflow:auto;
		}					
	#form5 p.submit{
		clear:both;
		margin:1em 0;
		padding:.5em 70px;
	/*	border-top:1px solid #f1f1f1;	*/	
		
		}	
	#form5 button{
		height:28px;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(../form5/form_button.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		}