body {
	font-size: 80%;
	line-height: 130%;
	background: #ff0000 url(images/tile.jpg) repeat 0 0;
	color: #3E3E3E;
	font-family: Helvetica, Arial, Verdana, Trebuchet, sans-serif;
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, Verdana, Trebuchet, sans-serif;
	clear: left;
	display: block;
	margin: 14px 0 12px 0;
}

h1 {
	color: #b20000;
	line-height: 1.10em;
}

h2 {
	line-height: 1.10em;
}

h3 {
	line-height: 1.10em;
}

h4 {
	line-height: 1.10em;
}

h5 {
	line-height: 1.10em;
}

h6 {
	line-height: 1.10em;
}

div {
	display: block;
}

a {  
	text-decoration: none;
}

a:link {
	color: #FF0000;
	text-decoration: none;
}

a:visited {
	color: #B20000;
	text-decoration: none;
}

a:hover {
	color: #FF6600;
	text-decoration: underline;
}

img, a img {
	display: block;
	border: none;
}

ul {
	padding: 0 0 0 0;
	margin: 4px 0 12px 20px;
}

#pageWrapper {
	margin: 25px auto;
	padding: 0;
/*	width: 624px;*/
	max-width: 990px;
	min-width: 764px;
	text-align: center;
	background-color: #ffffff;
}

#topWrapper {
	height: 128px;
	clear: both;
	margin: 10px 50px 10px 50px;
}

#topLogo {
	height: 100px;
	width: 90px;
	float: left;
	margin: 20px 0 8px 0;
	display: block;
	background: url(images/ablaze-logo.png) no-repeat 0 0;
}

#topLogo a {
	height: 100px;
	width: 90px;
	display: block;
}

#mainMenu {
	height: 26px;
	float: left;
	margin: 78px 0 34px 35px;
	padding: 0;
}

#mainMenu ul {
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}

#mainMenu li {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	float: left;
	display: block;
	text-align: center;
	border: 1px solid #000000;
	border-right: none;
}

#mainMenu li.last {
	border: 1px solid #000000;
}

#mainMenu li a {
	border-bottom: 4px solid #ffffff;
	display: block;
	text-decoration: none;
	line-height: 1.8em;
	padding: 4px 10px 0;
}

#mainMenu li.active a {
	border-bottom: 4px solid #ff0000;
}

#mainMenu li a:hover, 
#mainMenu li a:active {
	text-decoration: none;
	border-bottom: 4px solid #ff0000;
	color: #ff0000;
}

.list {
	font-size: 12px;
	line-height: 11pt;
	color: #ffffff;
}

#footer {
	margin: 50px auto 30px auto;
	padding: 10px 0;
	font-size: 9px;
	background-color: #ffffff;
	clear: both;
}

.byilne {
	white-space: nowrap;
}

.contentWrapper {
	margin: 0 50px;
	width: auto;
	text-align: left;
	background-color: #ffffff;
}

.floatLeft, 
.floatRight {
	display: block;
	float: right;
	margin: 0 0 12px 20px;
}

.floatRight {
	clear: right;
}

.floatLeft {
	float: left;
	margin: 0 20px 4px 0;
	clear: left;
}

.pageLeft {
/*	width: auto;*/
	max-width: 470px;
	min-width: 264px;
	float: left;
	display: block;
	margin: 0 20px 0 0;
}

.pageRight {
	width: 400px;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

.floatLeft img, 
.floatRight img,
.pageLeft img, 
.pageRight img {
	display: block;
	margin: 0 0 6px 0;
	clear: both;
	float: none;
}

.imgRight {
	float: right;
	margin: 0 0 3px 0;
	clear: both;
}

.imgLeft {
	float: left;
	margin: 0 0 3px 0;
	clear: both;
}

.floatLeft .imgLeft, 
.floatRight .imgRight {
	margin: 0 0 3px 0;
}

.byline {
	font-size: 0.80em;
	clear: both;
	display: block;
	float: none;
}

.form {
	background-color:#4a666c;
	border-top: 1px #68a0b0 solid;
	border-left: 1px #68a0b0 solid;
	border-bottom: 1px #000000 solid;
	border-right: 1px #000000 solid;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-top: 2px;
	font-size: 10px;
	color: #ffffff;
}

.formknp {
	background-color:#4a666c;
	border-top: 1px #68a0b0 solid;
	border-left: 1px #68a0b0 solid;
	border-bottom: 1px #000000 solid;
	border-right: 1px #000000 solid;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-top: 2px;
	font-size: 10px;
	color: #ffffff;
}



















/* This is where the magic happens for floats to clear properly. We define the clearfix here rather than setting it as individual class="cleafix"-tags inline, making it much more flexible and keeping the mockup cleaner. Make sure to include the tag affected in all three cases below */

/* float clearing for IE6 */
* html #outerWwrapper, 
* html #innerWwrapper, 
* html .contentWrapper, 
* html #topWrapper, 
* html .pageLeft, 
* html .pageRight
{
	height: 1%;
	overflow: visible;
}

*+html #outerWwrapper, 
*+html #innerWwrapper, 
*+html .contentWrapper, 
*+html #topWrapper, 
*+html .pageLeft, 
*+html .pageRight 
{
	min-height: 1%;
}

/* float clearing for everyone else */
#outerWwrapper:after, 
#innerWwrapper:after, 
.contentWrapper:after, 
#topWrapper:after, 
.pageLeft:after, 
.pageRight:after 
{
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}