* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	}

body {
	background:url(../files/images/top.jpg) no-repeat 160px 10px;
	}
	
hr {
	margin:20px;
}
	
#header {
  margin-bottom:36px;
  margin-top:78px;
}
#grayBar {
	background-color:#444444;
	border:1px solid #FFF;
	color:#FFF;
	height:42px;
	margin-left:310px;
	width:100%;
}
#logo {
	left:335px;
	position:absolute;
	top:43px;
}
#header #navBar {
	background-color:#F84B00;
	border:1px solid #FFF;
	color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	letter-spacing:.05em;
	margin-top:-1px;
	margin-bottom:1px;
	padding:1px 8px 1px 1px;
	position:relative;
	text-align:center;
	width:710px;
}
#header #navBar a.nav{
	color:#FFF;
	line-height:14pt;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
}
#header #navBar a.nav:hover {
	text-decoration:underline;
	color:#FFFFFF;
}


body {
	margin:0px;
	min-width:550px;      /* 2x LC width + RC width */
}

.title {
	background-color:#444444;
	color:#FFF;
	font-size:105%;
	letter-spacing:1pt;
	margin-bottom:16px;
	text-align:center;
	text-transform:uppercase;
}


#container {
	margin:auto;
	padding:3px;
	width:96%;
}
div.column {
	float:left;
	margin:30px 0 0 0;
	position:relative;
}
.item{
	font-size:90%;
	margin:5px 5px 16px 5px;
	text-align:center;
}

div.column img{
	margin:5px 5px 1px 5px;
}
div.column .feature{
	/*border:1px solid #999;*/
	background-color:#F8EEE2;
	float:left;
	font-size:95%;
	margin:0px 5px 20px 12px;
	padding:12px 12px 18px 18px;
}
div.column .feature img{
	float:right;
	margin:5px 0px 5px 8px;
}
div.column .feature ul{
	margin-left:-22px !important;
	margin-left:10px;
}
div.column .feature li{
	font-size:9pt;
	margin-left:-8px !important;
	margin-left:0px;
	margin-top:4px;
}

#left {
	background-color:#EEE;
	float:right;
	letter-spacing:.04em;
	margin:50px 0px 0px -10px;
	width:28%;
}

.item a{
	color:#000;
	text-decoration:none;
}

.item a:hover{
	color:navy;
	text-decoration:underline;
}

#right {
	border-right:none;
	line-height:15pt;
	margin-left:3%;
	width:68%;
}

div.top_blurb {
	color:#444;
	font-weight:bold;
	margin:80px auto 40px;
	padding:6px;
	width:85%;
}

#blurb_title {
	
	font-size:19px;
	letter-spacing:.3mm;
	text-transform:uppercase;
}

ul.headerList {
	font-weight:normal;
	line-height:18px;
}

div.more {
	text-align:center;
}

div.more img {
	margin:4% 4% 0 4%;
}

#footer {
	border-top:1px solid #333;
	clear: both;
	color:#555;
	margin:12px auto 6px;
	padding:6px;
	text-align:center;
}

/* ####### CSS Rounded Corner Box ######## */

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
	background: transparent url(images/css_box.gif) no-repeat bottom right;
}
.cssbox {
	float:left;
	width: 95% !important; /* intended total box width - padding-right(next) */
	width: 91%; /* IE Win = width - padding */
	padding-right: 18px; /* the gap on the right edge of the image (not content padding) */
	margin: 0 0 26px 2%; /* use to position the box */
}
	/* set the top-right image */
.cssbox_head {
	float:left;
	background-position: top right;
	color:#FFF;
	font-size:11pt;
	letter-spacing:.06em;
	line-height:11px !important;
	line-height:13px;
	margin-right: 0px; /* pull the right image over on top of border */
	padding-right: 18px !important;
	padding-right: 30px; /* right-image-gap + right-inside padding */
	text-transform:uppercase;
	width:100%;
}
.cssbox_head span{
	font-size:84%;
}
/* set the top-left image */
.cssbox_head h2 {
	background-position: top left;
	margin: 0 8px 0 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 24px 0 15px 20px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important; height: 1%; /* IE Holly Hack */
}
/* set the lower-left corner image */
.cssbox_body {
	float:left;
	background-position: bottom left;
	margin-right: 6px; /* interior-padding right */
	padding: 10px 0 15px 24px; /* mirror .cssbox_head right/left */
}
.cssbox_body img{
	float:right;
	margin:5px 0px 0px 10px;
}
.cssbox_body ul{
	margin-left:-22px !important;
	margin-left:10px;
}
.cssbox_body li{
	font-size:9pt;
	margin-left:-8px !important;
	margin-left:0px;
	margin-top:4px;
}



/* small box */
.cssbox_sml, .cssbox_body_sml, .cssbox_head_sml, .cssbox_head_sml h2 {
	background: transparent url(images/css_box_green.gif) no-repeat bottom right;
}
.cssbox_sml {
	float:left;
	padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
	margin: 0 0 20px 12px; /* use to position the box */
}
	/* set the top-right image */
.cssbox_head_sml {
	float:left;
	background-position: top right;
	color:#FFF;
	font-size:8pt;
	line-height:8px;
	margin-right: 0px; /* pull the right image over on top of border */
	padding-right: 5px !important;
	padding-right: 28px; /* right-image-gap + right-inside padding */
	text-transform:uppercase;
	width:100%;
}
/* set the top-left image */
.cssbox_head_sml h2 {
	background-position: top left;
	margin: 0 8px 0 0; /* reset main site styles*/
	border: 0; /* ditto */
	font-size:9pt;
	padding: 12px; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important; height: 1%; /* IE Holly Hack */
}
.cssbox_head_sml span{
	font-size:90%;
	text-transform:none;
}
/* set the lower-left corner image */
.cssbox_body_sml {
	background-position: bottom left;
	float:left;
	font-size:13px;
	margin: 0px 5px 0px 0px; /* interior-padding right */
	padding: 6px 0 12px 15px; /* mirror .cssbox_head right/left */
}
.cssbox_body_sml img{
	margin:5px 0px 5px 8px;
}