@charset "UTF-8";
/* CSS Document */

/*
use for BG image: 
background:url(../assets/css-images/link-button.gif) no-repeat center top;

from new loc site

red: e42618

*/

*{
	margin:0px;
	border:0px;
	padding:0px;
	font-family: Geneva, Helvetica, sans-serif;
	/* font-size:8pt; */
}

body {
	/* ao that ie 6 centers the div */
	text-aligh: center;
	/* so that when the widow is made small scroll bars will appear */
	min-width: 977px;
	
	/* backgound styleing */
	background:#373737;
	background-image:url(../assets/css-images/black-to-gray.png);
	background-repeat:repeat-x;
	color:#FFFFFF;
}

#wrapper {
	background:url(../assets/css-images/page-bg-cut-down.jpg) no-repeat center top;
	width: 977px;
	margin: 0 auto;
	/* ie 6 don't get margin auto so the text aligh has to set back */
	text-align: left;
	background-color:#000;
	color:#fff;
}

#header{
	height:210px;
	color:#F00;
}

/* main link list start */

#main-links, #news-links {
	margin: 0;
	padding: 0;
	/* ie and opera indent list diffrently from safari and firefox
	so the margins and padding have to reset */
	list-style-type: none;
	float: left;
	/* background: #FAA819 url(listimg/mainNavBg.gif) repeat-x; */
}

#main-links li, #news-links li{
	float: left;
	font-size:13px;
	/* type size 1 */
}

#main-links a, #news-links a {
	display: block;
	float: left; /* fix for IE/MAC */
	/* width 146 hieght 41 */
	width:135px; /* was width:135px; */
	height:34px;
	padding-left:11px;
	padding-top:7px;
	background: url(../assets/css-images/main-menu.png) repeat-y left top;
	text-decoration: none;
	color: #fff;
	margin-left:2px;
}

#news-links a {
	 margin-left:0px; /* not needed as it has the class .first */
	 width:219px;
	 background-color:#96F;
	 background: url(../assets/css-images/main-menu-news.png) repeat-y left top;
}

#main-links .first a, #news-links .first a {
	/* the frist item dose not need padding */
	margin-left:0px;
}

#main-links a:hover, #news-links a:hover {
	color: #e42618;
	background: url(../assets/css-images/main-menu-over.png) repeat-y left top; /* why is that a repeat y ? */
}

#news-links a:hover {
	color: #e42618;
	background: url(../assets/css-images/main-menu-news-over.png) repeat-y left top; /* why is that a repeat y ? */
}

#main-links .dead a, #news-links .dead a {
	/* the frist item dose not need padding */
	color:#666;
}

#main-links .dead a:hover {
	/* the frist item dose not need padding */
	color:#333;
}

#main-links #activelink a, #news-links #activelink a {
	color: #e42618;
}

/* main link list end */

#sencond_nav_title{
	padding-bottom:13px;
	padding-left:0px;
	/* type size 1 */
}

#sencond_nav_title span, #sencond_nav_title a{
	padding-right:10px;
	/* adds spacing between the sub nav items */
}

#news-content{
	float:left;
	width:219px;
	padding:0px 0px 0px 3px;
}

#news-content div{
	background-color:#1c1c1c;
	padding: 14px 0px 10px 10px;
	margin-top:17px;
	border:0px;
}

#news-content div h1{
	font-size:13px;
	font-style:normal;
	font-weight:100;
}

#news-content div p{
	color:#9c9e9f;
	font-size:11px;
	margin-top:10px;
	width:185px;
	line-height:15px;
}

#news-content div img{
	margin-top:22px;
}

#news-content #tempdivid{
	background-color:transparent;
	height:46px;
	padding: 0px;
	margin-top:0px;
	border:0px;
}

#news-content p a{
	/* type size 2 */
	color:#777777;
	text-decoration:none;
}

#main-content{
	float: right;
	/*margin-left:233px;  temp until news section is added */
	/*margin-top:263px;  temp until flash is added */
}

/* forms start */

form{
	font-size:8pt;	
}

label {
	display:block; /* makes label apper before input */
}

input[type="text"], textarea {
	width:100%;
	background-color:#201e23;
	color:green;
	height:100px;
	font-size:8pt;
	
}

input[type="text"]{
	height:23px;
}

select{
	
}

/* form end */

#sencond_nav_title{
	font-size:13px;
	/* type size 1 */
	color:#e42618;
}

#sencond_nav_title a{
	color:#FFF;
	text-decoration:none;
}

#sencond_nav_title a:hover{
	color:#e42618;
	text-decoration:underline;
}
/*
#main-content hr {
	background-color:#595959;
	height: 1px;
	border: none;
	width:99%;
	margin-bottom:10px;
}
*/
.duble-width-hr {
	background-color:#595959;
	height: 1px;
	border: none;
	width:99%;
	margin-bottom:10px;
}


.con-block{
	width:730px;
	margin-bottom:40px;
}

.image-con{
	float:left;
	width:438px;
}

.text-con{
	float:right;
	/* text width 284 (no margin) */
	width:250px;
	padding-right:20px;
}

.text-con img{
	display:block;
	padding-bottom:12px;
}

.clearing{
	clear:both;
	hieght:0px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.con-block h2{
	color:#e42618;
	font-size:13px;
	/* type size 1 */
	font-weight:normal;
	 /* background-color:#606;temp */
}

.con-block h3{
	color:#777777;
	line-height:14px;
	/* type size 2 */
	font-weight:normal;
	/* padding-bottom:19px; */
	 /* background-color:#633;temp */
}

.con-block h4{
	color:#C00;
	/* type size 2 */
	font-weight:normal;
	/* padding-bottom:19px; */
	 /* background-color:#633;temp */
}

.con-block p{
	line-height:15px;
	 /* background-color:#009;temp */
	/* type size 2 */
}

.con-block a{
	line-height:15px;
	/* type size 2 */
	color:#777777;
	text-decoration:none;
}

.con-block ul{
		
}

.con-block b{
	color:#e42618;
}

.con-block a, .con-block p, .con-block h3, .con-block h4, .con-block ul{
	font-size:8pt;
}

.con-block p, .con-block h2, .con-block h3, li{
	padding-bottom:19px;
}

.linkone {
	background:url(../assets/css-images/little-stomp-button-one.png) no-repeat left center;
	padding-left: 20px;
}

.linkone:hover {
	background: url(../assets/css-images/little-stomp-button-one-over.png) no-repeat left center;
}


#main-footer{
	clear:both;
	padding-left:238px;
	padding-bottom:15px;
	font-size:8pt;
	color:#777777;
}

#main-footer span{
	padding-right:10px;
}

#main-footer a{
	color:#777777;
	text-decoration:none;
}

#main-footer a:hover{
	text-decoration:underline;
}