@charset "UTF-8";
body {
	font: 14px Arial, Helvetica, sans-serif;
	background-color: #FFF;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

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

h1 {font-size: 24px; }
h2 {font-size: 18px;}
h3 {font-size: 14px;}

.h1 {font-size: 24px;}
.h2 {font-size: 18px; color: #0487F4;}
.h3 {font-size: 14px;}

.18px {font-size: 18px;}

#container {
	width: 1100px; background-color: none; margin: 0 auto; border: none;text-align: left;}
	
#topWrapper {background-color: none;}

#bottomWrapper {margin: 0 auto; border: none; padding: 0; width: 1000px; background-color: none;}

#header {background-image: url(images/headerBG.png); background-repeat: no-repeat; background-position: top center; background-color: none; height: 150px;}

#navigation {height: 40px; background-color: none; padding: 0; border: none; margin: 0;}

#navigation a {background-image:url(images/navigationBG.png); background-repeat: repeat-x; background-position: top; text-decoration: none; display:inline-block;}

#navigation a:hover {background-image: url(images/navigationOverBG.png); background-repeat: repeat-x; background-position: top; text-decoration: none; display:inline-block;}

#topper {background-image: url(images/topBG.jpg); background-position: top center; background-repeat: no-repeat; background-color: #FFF; height: 318px; overflow: hidden;}

#topperButtons {float: right; padding-right: 20px; padding-top: 10px; text-align: right;}

#mainContent {padding: 10px; color: #333333;}

.fullContent {padding: 10px; color: #333; border-bottom: 2px dotted #FF6600;}

.leftColumn {float: left; width: 470px;}

.homepageLeft {background-image: url(images/youCan.png); background-position: bottom right; background-repeat: no-repeat; background-color: #FFF; height: 310px;}

.rightColumn {float: right; width: 470px;}

#footer {border-top: 2px dotted #FF6600; padding: 10px; margin-top: 10px; font-size: 12px; text-align:center;}