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

html, body{
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: url(images/htmlBack.jpg) repeat-x #333;; 
}

#body{ background: url(images/bodyBack.jpg) repeat-x; }

p, a, li, label, input, legend, select{ font-size: 12px; }
h2{ font-size: 18px; }
h3{ font-size: 13px; }	
h3 img{ position: relative; top: 8px; }
a{ color: #b50300; font-weight: bold;  }
a:hover{ color: #555; }
a img{ border: none; }

input:focus{ background-color: #ffc; }

.moreLink{ text-align: right; }
.moreLink a::before{ content:'>> '; }
.button{ 
	padding: 8px 15px; 
	background-color: #1a1a1a; 
	color: #fff; 
	border: 2px solid #b50300; 
	margin: 40px 0; 
	display: block; 
	text-align: center;
	width: 50%;
}
.button:hover{
	background-color: #ccc;
	color: #1a1a1a;
}
.img{ border: 1px solid #aaa; padding: 3px; }
.caption{ font-size: 10px; text-align: right; color: #aaa; margin: 0; }
.caption::before{ content:'- '; }

.caps{ text-transform: uppercase; font-weight: bold; color: #b50300; }

.alt{ color: #b50300; font-style:italic; }
.normalList li{ list-style: circle!important; }

#header{ width: 100%; min-width: 880px!important; background: #000 url(images/headerBack.jpg) repeat-x; height: 55px; }
#header ul{ text-align: center; padding-top: 20px; margin: 0; }
	#header ul li{ display: inline; margin-right:4.8%; }
#header ul li a{ font-size: 15px; font-weight: bolder; text-decoration: none; color: #cecece; }
#header ul li a:hover{ color: #b50300; }

#wrapper{ 
	width: 850px;
	margin: 0px auto 0 auto;
}

#title{
	position: absolute;
	top: 65px;
	.top: 85px;
	left:50%;
	margin-left: -410px;
	font-family: "Courier New", Courier, monospace;
	color: #222;
	font-size: 28px;
	text-transform: uppercase;
}

#content{ 
	background-color: #fff;
	margin: -4px 0 0 0;
	.margin-top: -3px;
	padding: 8px 8px 15px 8px;
}

#sideBar{ width: 148px; margin: 0 25px 0 0; float: left; }

#mainContent{ width: 325px; float: left; padding-right: 12px; border-right: 1px solid #eee; }
#mainContent ul li, #column ul li{ list-style-image:url(images/bullet.gif); }

#column{ width: 310px; float: right; }

.clear{ clear: both; }

#iframe1{ .font-size: 90%; }

#subnav { font-size: 8px; color: #555; text-align:center; }
#subnav a{ color: #777; font-size: 10px; font-weight: normal; padding: 0 5px; }
#subnav a:hover{ color: #b50300; }

#errors{
	background-color: #ffc;
	border: 2px solid #eeb;
	padding: 15px;
	color: #b50300;
}
#errors img{ float: left; margin: 10px 15px 10px 0; }
#errors ul li{ list-style: inherit; }

#footer{ 
	width: 830px; 
	margin: -12px auto 25px auto;
	.margin: 0 auto 25px auto; 
	padding: 5px 10px; 
	background-color: #000; 
	color: #444; 
	text-align: right; 
}
#footer p, #footer a{ font-size: 10px; }
#footer a{ color: #666; text-decoration: none; }
#footer a:hover{ color: #444; }
#footer .logo{ float: left; padding-top: 3px; }

