/*======================================================================*/
/*=== SKIN.CSS - Designed by Jon Edwards for Solenium Group Inc ========*/
/*======================================================================*/
/*--- CSS DOCUMENT IMPORTS (Order is important!) -----------------------*/
@import url('text.css');
@import url('tables.css');
@import url('layouts.css');
/*----------------------------------------------------------------------*/
/*--- GLOBAL HTML and DNN DECLARATIONS ---------------------------------*/
html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3d3d3d;
	background-color: #828282;
}
img {
	border: 0;
}
/*----------------------------------------------------------------------*/
/*--- ADAPTED 960.GS GRID CSS - THANK YOU NATHAN SMITH -----------------*/
/*--- Learn more ~ http://960.gs/ Licensed under GPL and MIT -----------*/
/*--- (A 12 column grid of 60px per column. 10px margin left & right)---*/
/*--- Full Width - 960px wrapper ---*/
.wrapper-12 {
	width: 960px;
	margin: 0 auto;
}
/*--- Global Grid ---*/
.grid-01, .grid-02, .grid-03, .grid-04, .grid-05, .grid-06, .grid-07, .grid-08, .grid-09, .grid-10, .grid-11, .grid-12 {
	display: inline;
	float: left; /*position: relative;*/
	margin: 0 10px;
}
.grid-01 {
	width: 60px;
}
.grid-02 {
	width: 140px;
}
.grid-03 {
	width: 220px;
}
.grid-04 {
	width: 300px;
}
.grid-05 {
	width: 380px;
}
.grid-06 {
	width: 460px;
}
.grid-07 {
	width: 540px;
}
.grid-08 {
	width: 620px;
}
.grid-09 {
	width: 700px;
}
.grid-10 {
	width: 780px;
}
.grid-11 {
	width: 860px;
}
.grid-12 {
	width: 940px;
}
/*--- Global Grid - Children (Alpha ~ First, Omega ~ Last) ---*/
.alpha {
	margin-left: 0 !important;
}
.omega {
	margin-right: 0 !important;
}
/*----------------------------------------------------------------------*/
/*--- CLEAR FLOATED ELEMENTS -------------------------------------------*/
/*--- http://sonspring.com/journal/clearing-floats ---*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/*--- http://perishablepress.com/press/2009/12/06/new-clearfix-hack ---*/
.clearfix:after, group:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
/*----------------------------------------------------------------------*/
/*--- Detect IE 6 Browser  - Notice Wrapper ----------------------------*/
#ie6detect {
	color: #000;
	text-align: center;
	border: 1px #c0c0c0 dashed;
	margin: 10px 10px 20px 10px;
	padding: 15px;
}
/*----------------------------------------------------------------------*/
/*--- BASIC CSS LAYOUT -------------------------------------------------*/
/*--- Top ---*/
#top-body {
	border-top: 2px #fdb428 solid;
	border-bottom: 2px #7b9fc6 solid;
	background-image: url('img/top-body.png');
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #00265a;
}
#top-outer {
	background-image: url('img/top-outer.jpg');
	background-position: center top;
	background-repeat: no-repeat;
}
#top-wrapper {
}
/*--- Logo (H1) ---*/
#logo-wrapper {
	padding-bottom: 10px;	
}
h1#logo {
	display:block;
	margin: 0;
	padding: 0;
	width: 220px;
	height: 90px;
	text-indent: -9999px;
	overflow: hidden;
}
h1#logo a, h1#logo a:link, h1#logo a:active, h1#logo a:visited {
	text-decoration: none;
	cursor: pointer;
	display:block;
	margin: 0;
	padding: 0;
	width: 220px;
	height: 90px;
	overflow: hidden;
	background-image: url('img/logo-sprite.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
h1#logo a:hover {
	background-position: center top;
}
/*--- Top Contact CTA ---*/
#contact-wrapper {
	width: 200px !important;
	height: 80px;
	padding: 38px 0 0 20px;
	text-indent: -9999px;
	overflow: hidden;
}

#contact-wrapper p {
	margin: 0;
	padding: 0;
	line-height: normal !important;
}
#contact-wrapper a, #contact-wrapper a:link, #contact-wrapper a:active, #contact-wrapper a:visited {
	text-decoration: none;
	cursor: pointer;
	display:block;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 80px;
	background-image: url('img/contact-sprite.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
#contact-wrapper a:hover {
	background-position: center top;	
}
/*--- Mid ---*/
#mid-outer {
	padding: 30px 0;
	background-color: #fff;
}
#mid-wrapper {
}
/*--- Banner ---*/
#banner-wrapper {
	margin-bottom: 20px;
}
/*--- Footer ---*/
#footer-outer {
	border-top: 2px #fdb428 solid;
	background-color: #828282;
}
#footer-wrapper {
	padding: 30px 0 30px 0;
	background-image: url('img/footer-wrapper.png');
	background-position: center top;
	background-repeat: no-repeat;
}
#footer-left {
}
#footer-right {
	text-align: right;
}
#footer-left p, #footer-right p {
	color: #fff;
	font-size: 13px;
	line-height: normal !important;
}
#footer-left a, #footer-left a:link, #footer-left a:active, #footer-left a:visited {
	color: #fff;
	text-decoration: none;
}
#footer-left a:hover {
	color: #e6a424;
	text-decoration: underline;
}
/*----------------------------------------------------------------------*/
/*--- MAIN MENU --------------------------------------------------------*/
ul#mainmenu {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#mainmenu li {
	margin: 0 10px 0 0;
	padding: 0;
	list-style: none;
	/*text-align: center;*/
	display: inline;
	float: left;
	/*width: 100px;*/
}
ul#mainmenu li a, ul#mainmenu li a:link, ul#mainmenu li a:active, ul#mainmenu li a:visited {
	color: #c5deff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
ul#mainmenu li a:hover {
	color: #fff;
}
ul#mainmenu li a span.left {
	display: block;
	padding: 0 0 0 17px;
}
ul#mainmenu li a span.right {
	display: block;
	padding: 10px 17px 10px 0;
}
ul#mainmenu li.active a, ul#mainmenu li.active a:link, ul#mainmenu li.active a:active, ul#mainmenu li.active a:visited, ul#mainmenu li.active a:hover  {
	color: #ffcb05 !important;
}
ul#mainmenu li.active a span.left {
	background-image:  url('img/nav-active-left.png');
	background-position: left top;
	background-repeat: no-repeat;
}
ul#mainmenu li.active a span.right {
	background-image: url('img/nav-active-right.png');
	background-position: right top;
	background-repeat: no-repeat;	
}
/*----------------------------------------------------------------------*/
/*--- SUB MENU ---------------------------------------------------------*/
h2#subnav-header {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	height: 40px;
	overflow: hidden;
	line-height: 40px;
	color: #2a5794;
	text-align: center;
	text-transform: uppercase;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	background-image: url('img/subnav-header.png');
	background-position: center top;
	background-repeat: no-repeat;
}
#subnav-wrapper-top {
	margin-bottom: 30px;
	background-image: url('img/subnav-wrapper-top.png');
	background-position: center top;
	background-repeat: no-repeat;
}
#subnav-wrapper-bottom {
	padding: 5px 10px 5px 10px;
	background-image: url('img/subnav-wrapper-bottom.png');
	background-position: center bottom;
	background-repeat: no-repeat;
}
ul#subnav {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: normal !important;
}
ul#subnav li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal !important;
}
ul#subnav li a,
ul#subnav li a:link,
ul#subnav li a:active,
ul#subnav li a:visited {
	display: block;
	color: #808080;
	text-decoration: none;
	padding: 10px 10px 10px 25px;
	background-image: url('img/subnav-icon-idle.png');
	background-position: left center;
	background-repeat: no-repeat;	
	border-bottom: 1px #ccc dotted;
	cursor: pointer;
}
ul#subnav li a:hover {
	color: #538ddc;
	background-image: url('img/subnav-icon-hover.png');
}
ul#subnav li.active a,
ul#subnav li.active a:link,
ul#subnav li.active a:active,
ul#subnav li.active a:visited,
ul#subnav li.active a:hover {
	color: #0d4289;
	background-image: url('img/subnav-icon-active.png');
}
ul#subnav li.last a,
ul#subnav li.last a:link,
ul#subnav li.last a:active,
ul#subnav li.last a:visited,
ul#subnav li.last a:hover {
	border-bottom-style: none !important;
}
ul#subnav li a:focus {
	outline: none !important;
}
/*======================================================================*/
/*--- END SKIN.CSS STYLESHEET ------------------------------------------*/
/*======================================================================*/