/* YUI CSS reset
----------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	color: #00004c;
	font-size: 14px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #d2b48c;
}

fieldset, img {
	border: 0;
	margin: 1px;
	padding: 1px;
}

address, caption, cite, code, dfn, em, th, var {
font-style:normal;
font-weight:normal;
}

ul, ol {
list-style-type:none;
}

caption, th {
text-align:left;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}

q:before, q:after {
content:'';
}

abbr, acronym {
border:0;
}

/* End of reset
----------------------------------------------------------------------------------------------------*/

/* Set up body text and link color-----------------------------------------------*/

body {
z-index:-100;
font:14px Tahoma, Helvetica, sans-serif;
width:100%;
min-width:960px;
background-color:#555F64;
background-image: url(images/page-background.png);
background-repeat: repeat-x;
background-position: center 60px;
}

a, a:active {
outline:none;
font:14px;
text-decoration:none;
}

/* link color set to bold and dark blue*/
#content a {
color:#0000ff;
font-weight:bold;
}

/* text and background color when hovering over a link in the main text section*/
#content a:hover {
color:#000000;
background: #f0e68c;
text-decoration: underline;
}

/* ul color for bullet lists set to bold and maroon*/
ul.dotted li {
padding-bottom:5px;
color: #800000;
font: bold;
}

/* End of set up body text and link color-----------------------------------------------*/

#headerwrap {
height:60px;
background-color: #555F64;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #7D8A91;
}

#header {
z-index:2;
height:60px;
}

#contentwrap {
	background-color: #000;
	padding: 15px 0;
	background-image: url(images/blue-black-bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#content {
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #444;
	background-color: #FFF;
	background-image: url(images/arrows-ffffff.png);
	background-repeat: repeat-x;
	background-position: center top;
	border: 1px solid #FFF;
}

#bottomfeature {
clear:both;
color:#E2E6E7;
font:12px/120% Tahoma, Helvetica, sans-serif;
padding-top:20px;
padding-bottom:20px;
background-color: #373F42;
}

#footerwrap {
border-top-width: 2px;
border-top-style: solid;
border-top-color: #ACB5B9;
}

#footer {
clear:both;
height:15px;
color:#B3BABD;
font:11px Tahoma, Helvetica, sans-serif;
padding-top:20px;
padding-bottom:20px;
margin-bottom:15px;
}

.toprounded {
-moz-border-radius-topright:8px;
-moz-border-radius-topleft:8px;
-webkit-border-top-right-radius:8px;
-webkit-border-top-left-radius:8px;
border-top-right-radius:8px;
border-top-left-radius:8px;
}

.bottomrounded {
-moz-border-radius-bottomright:8px;
-moz-border-radius-bottomleft:8px;
-webkit-border-bottom-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
border-bottom-left-radius:8px;
border-bottom:1px solid #333333;
border-top:none;
margin-bottom:10px;
}

.rounded {
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #333333;
}

.shadow {
-moz-box-shadow:0 0 8px 0 #333;
-webkit-box-shadow:0 0 8px 0 #333;
box-shadow:0 0 8px 0 #333;
}

h1, h2, h3, h4, h5 {
color:#4F575B;
}

/* 960 Grid System Containers
----------------------------------------------------------------------------------------------------*/
.full_width {
margin-left:auto;
margin-right:auto;
width:100%;
position:relative;
}

.container_12 {
margin-left:auto;
margin-right:auto;
width:960px;
}

.container_9 {
margin-left:auto;
margin-right:auto;
width:720px;
}

/* Grid >> 960 Grid System Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
display:inline;
float:left;
position:relative;
margin-left:15px;
margin-right:15px;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 {
width:50px;
}

.grid_2 {
width:130px;
}

.grid_3 {
width:210px;
}

.grid_4 {
width:290px;
}

.grid_5 {
width:370px;
}

.grid_6 {
width:450px;
}

.grid_7 {
width:530px;
}

.grid_8 {
width:610px;
}

.grid_9 {
width:690px;
}

.grid_10 {
width:770px;
}

.grid_11 {
width:850px;
}

.grid_12 {
width:930px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left:0;
}

.omega {
margin-right:0;
}

.nomargin {
margin-left:0;
margin-right:0;
}

/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.prefix_1 {
padding-left:80px;
}

.prefix_2 {
padding-left:160px;
}

.prefix_3 {
padding-left:240px;
}

.prefix_4 {
padding-left:320px;
}

.prefix_5 {
padding-left:400px;
}

.prefix_6 {
padding-left:480px;
}

.prefix_7 {
padding-left:560px;
}

.prefix_8 {
padding-left:640px;
}

.prefix_9 {
padding-left:720px;
}

.prefix_10 {
padding-left:800px;
}

.prefix_11 {
padding-left:880px;
}

/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.suffix_1 {
padding-right:80px;
}

.suffix_2 {
padding-right:160px;
}

.suffix_3 {
padding-right:240px;
}

.suffix_4 {
padding-right:320px;
}

.suffix_5 {
padding-right:400px;
}

.suffix_6 {
padding-right:480px;
}

.suffix_7 {
padding-right:560px;
}

.suffix_8 {
padding-right:640px;
}

.suffix_9 {
padding-right:720px;
}

.suffix_10 {
padding-right:800px;
}

.suffix_11 {
padding-right:880px;
}

/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.push_1 {
left:80px;
}

.push_2 {
left:160px;
}

.push_3 {
left:240px;
}

.push_4 {
left:320px;
}

.push_5 {
left:400px;
}

.push_6 {
left:480px;
}

.push_7 {
left:560px;
}

.push_8 {
left:640px;
}

.push_9 {
left:720px;
}

.push_10 {
left:800px;
}

.push_11 {
left:880px;
}

/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.pull_1 {
right:80px;
}

.pull_2 {
right:160px;
}

.pull_3 {
right:240px;
}

.pull_4 {
right:320px;
}

.pull_5 {
right:400px;
}

.pull_6 {
right:480px;
}

.pull_7 {
right:560px;
}

.pull_8 {
right:640px;
}

.pull_9 {
right:720px;
}

.pull_10 {
right:800px;
}

.pull_11 {
right:880px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}

.clearfix:after {
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0;
}

.clearfix {
display:inline-block;
}

* html .clearfix {
height:1%;
}

.clearfix {
display:block;
}

/* Navigation wrapper styles
----------------------------------------------------------------------------------------------------*/
#nav {
z-index:10;
position:relative;
font:bold 12px/100% Tahoma, Geneva, sans-serif;
margin-top:5px;
}

#nav li.socialmediaicons a {
height:30px;
width:30px;
padding:0;
margin-top:10px;
float:left;
margin-right:4px;
}

#nav li.socialmediaicons {
padding-left:15px;
}

#nav a.facebook {
background: url(images/socialmedia/nav-Facebook.png) no-repeat 0 -30px;
}

#nav a.twitter {
background: url(images/socialmedia/nav-Twitter.png) no-repeat 0 -30px;
}

#nav a.google {
background: url(images/socialmedia/nav-google-plus.png) no-repeat 0 -30px;
}

#nav a.linkedin {
background: url(images/socialmedia/nav-Linkedin.png) no-repeat 0 -30px;
}

#nav a.rss {
background: url(images/socialmedia/nav-RSS.png) no-repeat 0 -30px;
}

#nav a.stumbleupon {
background: url(images/socialmedia/nav-StumbleUpon.png) no-repeat 0 -30px;
}

#nav a.vimeo {
background: url(images/socialmedia/nav-Vimeo.png) no-repeat 0 -30px;
}

#nav a.youtube {
background: url(images/socialmedia/nav-Youtube.png) no-repeat 0 -30px;
}

#nav a.pinterest {
background: url(images/socialmedia/nav-Pinterest.png) no-repeat 0 -30px;
}

#nav li.socialmediaicons a:hover {
background-position: 0px 0px;
}

/* Superfish Menu Styles
----------------------------------------------------------------------------------------------------*/
.sf-menu, .sf-menu * {
margin:0;
padding:0;
list-style:none;
}

.sf-menu {
line-height:1.0;
float:right;
margin-bottom:0;
}

.sf-menu ul {
position:absolute;
top:-999em;
width:12em;/* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
width:100%;
}

.sf-menu li:hover {
visibility:inherit;/* fixes IE7 'sticky bug' */
}

.sf-menu li {
float:left;
position:relative;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
left:0;
top:50px;
/* match top ul list item height */
z-index:99;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
top:-999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li:hover li li:hover ul, ul.sf-menu li.sfHover li li.sfHover ul {
left:12em;
/* match ul width */
top:-1px;/* to accomodate top border */
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
top:-999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
left:12em;
/* match ul width */
top:0;
}

.sf-menu a {
/* top level menu items */
padding:10px 8px;
text-decoration:none;
display:block;
position:relative;
text-shadow:1px 1px #000;
white-space:nowrap;
}

.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
color:#D3D8DA;
}

.sf-menu .desc {
/* description style */
font-size:11px;
display:block;
line-height:20px;
font-weight:normal;
opacity:.5;
white-space:nowrap;
}

.sf-menu li {
background:	transparent;
}

.sf-menu li li {
background-color:	#475054;
}

.sf-menu li li a {
border-bottom:1px solid #222628;
border-left:1px solid #222628;
border-right:1px solid #222628;
}

.sf-menu li li:first-child {
border-top:1px solid #222628;
}

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background:	transparent;
color: #FFF;
outline:0;
}

.sf-menu li.sfHover a { /* apply hover color to parent text when child menu open */
color: #FFF;
}

.sf-menu li.sfHover ul li a { /* apply styles to child links */
color: #C9CED1;
font-weight:normal;
}

.sf-menu li.sfHover ul li a:hover { /* apply hover color to child links */
color: #FFF;
}

.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
background-color:#222628;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right:2em;
min-width:1px;/* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
position:absolute;
display:block;
right:10px;
top:17px;
/* IE6 only */
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
background:url(images/arrows-ffffff.png) no-repeat -10px -100px;/* 8-bit indexed alpha png. IE6 gets solid image only */
}

li li .sf-sub-indicator {
top:13px;/* IE6 drop down arrow position */
}

a > .sf-sub-indicator {
/* give all except IE6 the correct values */
top:11px;
background-position:0 -100px;/* use translucent arrow for modern browsers*/
}

li li a > .sf-sub-indicator { /* give all except IE6 the correct values */
top:10px;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
background-position:-10px -100px;/* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
background-position:-10px 0;
}

.sf-menu ul a > .sf-sub-indicator {
background-position:0 0;
}

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position:-10px 0;/* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
background:url(images/shadow.png) no-repeat bottom right;
padding:0 8px 9px 0;
-moz-border-radius-bottomleft:17px;
-moz-border-radius-topright:17px;
-webkit-border-top-right-radius:17px;
-webkit-border-bottom-left-radius:17px;
border-top-right-radius:17px;
border-bottom-left-radius:17px;
}

.sf-shadow ul.sf-shadow-off {
background:transparent;
}

/* Type styles
----------------------------------------------------------------------------------------------------*/
p {
	padding-bottom: 10px;
	color: #00004c;
}

#bottomfeature a:hover {
color:#CCC;
}

h11, .posttitle, .posttitle a {
font:bold 34px/110% 'PT Sans Narrow', sans-serif;
letter-spacing:-1px;
margin-bottom:10px;
}

.posttitle a:hover {
color:#555;
}

h12 {
	color: #FFF; /*black*/
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	height: auto;
	background-image: url(images/Backgrounds/bg-bar-h12.gif);
}

h13 {
	font: normal 24px/28px 'PT Sans Narrow', sans-serif;
	margin-bottom: 10px;
	background-image: url(images/Backgrounds/bg-bar-h4.gif);
	background-position: top;
}

h14 {
	margin-bottom: 8px;
	font-size: 22px;
	line-height: 26px;
	color: #FFFF00;
	padding-bottom: 6px;
	background-image: url(images/Backgrounds/bg-bar-h4.gif);
	padding-top: 5px;
	padding-right: 4px;
	padding-left: 4px;
}

h15 {
font:bold 18px/22px 'PT Sans Narrow', sans-serif;
margin-bottom:5px;
}
h16 {
	margin-bottom: 8px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 24px;
	font-style: normal;
	color: #FFFF99;
}
h17 {
	margin-bottom: 8px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 50px;
	font-style: normal;
	color: #FF0000; /*Red*/
}
h18 {
	margin-bottom: 8px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 50px;
	font-style: normal;
	color: #00CC00; /*Green*/
}
h19 {
	margin-bottom: 8px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 50px;
	font-style: normal;
	color: #FFFF00; /*Yellow*/
}
h10 {
	margin-bottom: 8px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 25px;
	font-style: normal;
	color: #FFFF00; /*Yellow*/
}
h1 {
	color: #00004c; /*maroon*/
	font-size: 24px;
	font-weight: bold;
	line-height: 28px;
	letter-spacing: -1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 10px;
	margin: 5px;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
}
h2 {
	color: #FFF; /*black*/
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	height: auto;
	background-image: url(images/Backgrounds/single-blue-black-bar.gif);
}
h3 {
	font-size: 16px; /*single height maroon stripe*/
	text-align: left;
	color: #000;
	background-color: #FFF;
}
h4 {
	font-size: 14px;  /*maroon*/
	color: #00004c;
}
h5 {
	font-size: 18px; /*double height maroon stripe*/
	color: #FFF;
	font-weight: bold;
	background-image: url(images/Backgrounds/double-blue-black-bar.gif);
}
h6 {
	font-size: 16px;
	font-weight: bold;
	color: #300;
	text-align: center;
}
h7 {
	font-size: 12px;
	font-weight: bold;
	color: #300;
	text-align: center;
}
h8 {
	font-size: 25px;
	font-weight: bold;
	text-align: left;
	color: #FF0;
}
/* Sidebar content and nav styles
----------------------------------------------------------------------------------------------------*/
.sidebarbox {
	/*border:1px solid #D8DADA;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:15px;
background-color: #F0F1F1;
    border: 1px solid #000000;
	padding-top: 5px;
	padding-bottom: 6px;
	font-size: 14px;
	padding-right: 4px;
	padding-left: 4px;
	background-image: url(images/sidebar-h3-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	color: #FFF;*/
}

.sidebarbox h3 {
	height: 1%;
	font-weight: bold;
	font-family: 'PT Sans Narrow', sans-serif;
	color: #FFF;
	padding: 8px;
	line-height: normal;
	margin-bottom: 0;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #889499;
	background-image: url(images/nav-hover.jpg);
	background-color: #000;
}

.sidebarbox p {
padding:8px;
}

.sidebarbox ul {
margin:0;
zoom:1;
padding:3px 3px 2px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
}

.sidebarbox ul li a {
display:block;
zoom:1;
line-height:18px;
text-decoration:none;
font-family:Tahoma, Helvetica, sans-serif;
font-weight:bold;
padding-top:4px;
padding-right:4px;
padding-bottom:6px;
padding-left:10px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #B0B8BB;
}

.sidebarbox ul li:last-child a {
border-bottom:none;
}

.sidebarbox ul li a:hover {
text-decoration:none;
background-color: #C9CDCD;
}

.simple {
margin-bottom:15px;
}

.simple ul {
list-style: none inside url('images/nav-arrow.png');
padding:0;
margin:0;
}

.simple ul li {
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D8D8D8;
}

.simple ul li a {
line-height:18px;
text-decoration:none;
font-family:Tahoma, Helvetica, sans-serif;
font-weight:bold;
background-color: transparent;
}

.sidebar h4 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	padding-bottom: 5px;
	padding-left: 8px;
	background-image: url(images/sidebar-h3-bg.jpg);
	background-color: #000;
}

.iconmenu {
margin-bottom:15px;
padding:6px 0;
}

.iconmenu a {
display:block;
zoom:1;
padding:8px 4px 8px 5px;
line-height:25px;
text-decoration:none;
letter-spacing:-1px;
color:#333;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #D6DBDC;
font-family: "PT Sans Narrow", Tahoma, Verdana, sans-serif;
font-size: 22px;
font-style: normal;
font-weight: normal;
font-variant: normal;
}

.iconmenu img {
float:left;
padding:5px 8px 0 0;
opacity:.4;
}

.iconmenu a.lastitem {
border-bottom:none;
}

.iconmenu span {
display:block;
padding-left:38px;
letter-spacing:normal;
font:normal 12px/14px Tahoma, Geneva, sans-serif;
color:#999;
padding-top:3px;
}

.iconmenu a:hover {
text-decoration:none;
background-color: #EEEFF0;
}

.iconmenu a:hover img {
opacity:1.0;
}

.iconmenu h4 {
font-family:'PT Sans Narrow', sans-serif;
font-size:22px;
color:#444444;
}

/* Slideshow styles
----------------------------------------------------------------------------------------------------*/
#slidewrap {
	padding-top: 15px;
	clear: both;
	padding-bottom: 15px;
	background-color: #00004c;
}

.slidebackground {
background-color:#4F575B;
position:relative;
width:930px;
height:260px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #495256;
border-right-color: #647075;
border-bottom-color: #647075;
border-left-color: #495256;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 25px;
padding-left: 15px;
}

.slide930 {
height:250px;
width:930px;
padding:0px;
margin:0;
overflow:hidden;
background-image: url(images/slider-background.jpg);
background-repeat: no-repeat;
background-position: center top;
}

.slideshowitem {
padding:0px;
height: 250px;
width: 930px;
}

.sliderlargetext {
font-family:'PT Sans Narrow', sans-serif;
font-size: 48px;
line-height: 100%;
color:#fff;
text-shadow: 0.1em 0.1em 0.1em #000;
padding:20px;
}

/* Slideshow navigation styles
----------------------------------------------------------------------------------------------------*/
#slidenav {
width:930px;
height:15px;
margin:0 auto;
position:absolute;
bottom:10px;
left:20px;
z-index:9999;
text-align: center;
}

#slidenav a {
background:transparent url(images/slider-pagination.png) no-repeat 0 0;
display:inline-block;
height:15px;
overflow:hidden;
text-decoration:none;
text-indent:-1234px;
width:16px;
}

#slidenav a.activeSlide {
background-position:-32px 0;
}

#slidenav a:focus {
outline:none;
}

#slideprev {
position:absolute;
top:100px;
left:-60px;
width:50px;
height:50px;
background: url(images/slider-left.png) no-repeat 0 0;
}

#slideprev:hover {
background-position: -50px 0;
}

#slidenext {
position:absolute;
top:100px;
right:-60px;
width:50px;
height:50px;
background: url(images/slider-right.png) no-repeat 0 0;
}

#slidenext:hover {
background-position: -50px 0;
}

/* Misc styles
----------------------------------------------------------------------------------------------------*/

.toppad { /* Generic style applied anywhere padding needed */
padding-top:20px;
}

.spacer20 {
/* 20px tall div applied anywhere space needed between elements */
clear:both;
display:block;
height:20px;
}

.spacer40 {
/* 40px tall div applied anywhere space needed between elements */
clear:both;
display:block;
height:40px;
}

.spacer60 {
/* 60px tall div applied anywhere space needed between elements */
clear:both;
display:block;
height:60px;
}

.readmore {
background:url(images/nav-arrow.png) no-repeat left 1em;
padding:8px 0 0 15px;
}

/* Sidebar Newsletter Optin Form
----------------------------------------------------------------------------------------------------*/
#sidebaroptin {
margin:10px 0;
padding:0;
text-align:center;
}

#sidebaroptin input {
font:15px "Trebuchet MS", Tahoma, Helvetica, sans-serif;
color:#333;
width:80%;
padding:5px;
border:1px solid #373D40;
margin-bottom:8px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

#sidebaroptin input.submitbutton {
margin-top:15px;
height:35px;
width:80%;
cursor:pointer;
color:#FFF;
background-color: #75848A;
border: 2px solid #454F52;
}

#sidebaroptin input.submitbutton:hover {
background-color: #4B565A;
}

/* Content box styles
----------------------------------------------------------------------------------------------------*/
.boxwhite {
background:#FFFFFF;
padding:10px;
border:1px solid #dddddd;
margin-bottom:15px;
color: #444;
}

.boxwhite h1, .boxwhite h2, .boxwhite h3, .boxwhite h4, .boxwhite h5 {
color: #333;
text-shadow:none;
}

.boxgrey {
background:#f2f2f2;
padding:10px;
border:1px solid #cccccc;
margin-bottom:15px;
color: #444;
}

.boxgrey h1, .boxgrey h2, .boxgrey h3, .boxgrey h4, .boxgrey h5 {
color: #333;
text-shadow:none;
}

.boxblue {
background:#EEF2F7;
padding:10px;
border:1px solid #BCD;
margin-bottom:15px;
color: #444;
}

.boxblue h1, .boxblue h2, .boxblue h3, .boxblue h4, .boxblue h5 {
color: #333;
text-shadow:none;
}

.boxyellow {
background:#FFFBE6;
padding:10px;
border:1px solid #DFD8B9;
margin-bottom:15px;
color: #444;
}

.boxyellow h1, .boxyellow h2, .boxyellow h3, .boxyellow h4, .boxyellow h5 {
color: #333;
text-shadow:none;
}

.boxred {
background:#F8EDED;
padding:10px;
border:1px solid #DFB9BC;
margin-bottom:15px;
color: #444;
}

.boxred h1, .boxred h2, .boxred h3, .boxred h4, .boxred h5 {
color: #333;
text-shadow:none;
}

.boxlight {
background: transparent url('images/shade-lighter.png') repeat;
padding:10px;
border:1px solid #3F4649;
margin-bottom:15px;
}

.boxdark {
background: transparent url('images/shade-darker.png') repeat;
padding:10px;
border:1px solid #7A878D;
margin-bottom:15px;
}

.boxwhitefull {
background:#FFFFFF;
color:#333;
margin-bottom:0;
clear:left;
float:left;
position:relative;
border: 1px solid #dddddd;
width: 100%;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
}

.boxwhitefull h1, .boxwhitefull h2, .boxwhitefull h3, .boxwhitefull h4, .boxwhitefull h5 {
color: #333;
text-shadow:none;
}

.boxgreyfull {
background:#f2f2f2;
color:#333;
margin-bottom:0;
clear:left;
float:left;
position:relative;
border: 1px solid #cccccc;
width: 100%;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
}

.boxgreyfull h1, .boxgreyfull h2, .boxgreyfull h3, .boxgreyfull h4, .boxgreyfull h5 {
color: #333;
text-shadow:none;
}

.boxbluefull {
background:#EEF2F7;
color:#333;
margin-bottom:0;
clear:left;
float:left;
position:relative;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
border: 1px solid #BCD;
width: 100%;
}

.boxbluefull h1, .boxbluefull h2, .boxbluefull h3, .boxbluefull h4, .boxbluefull h5 {
color: #333;
text-shadow:none;
}

.boxyellowfull {
background:#FFFBE6;
color:#333;
margin-bottom:0;
clear:left;
float:left;
position:relative;
border: 1px solid #DFD8B9;
width: 100%;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
}

.boxyellowfull h1, .boxyellowfull h2, .boxyellowfull h3, .boxyellowfull h4, .boxyellowfull h5 {
color: #333;
text-shadow:none;
}

.boxredfull {
background:#F8EDED;
color:#333;
margin-bottom:0;
clear:left;
float:left;
position:relative;
border: 1px solid #DFB9BC;
width: 100%;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
}

.boxredfull h1, .boxredfull h2, .boxredfull h3, .boxredfull h4, .boxredfull h5 {
color: #333;
text-shadow:none;
}

.shadow960 { /* This adds a shadow below any of the 'full' box styles above.  See the sample index.html file for an example */
height:46px;
width:100%;
clear:both;
float:left;
background-image: url(images/footer-shadow.png);
background-repeat: no-repeat;
background-position: center top;
}

/* Alignment styles
----------------------------------------------------------------------------------------------------*/
.alignleft {
float:left;
}

.alignright {
float:right;
text-align:right;
}

.aligncenter {
text-align:center;
margin:0 auto;
}

/* Bottom feature and footer styles
----------------------------------------------------------------------------------------------------*/

#bottomfeature a {
color:#fff;
}

#bottomfeature h4 {
font-size:18px;
color:#A2AAAE;
display:block;
padding:3px 0 3px 8px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #78858B;
}

#footer a {
color:#DEE1E2;
}

/* List styles
----------------------------------------------------------------------------------------------------*/
ul.dotted {
list-style-type:disc;
margin-left:20px;
line-height:120%;
}

ol.numbered {
list-style-type:decimal;
margin-left:25px;
}

ol.roman {
list-style-type:upper-roman;
margin-left:25px;
}

ul.greencheck, ul.redstop, ul.bluecheck, ul.greencheckbox, ul.bluecheckbox, ul.orangecheckbox, ul.greencheck2, ul.greencheck3, ul.plusgreen, ul.redstop2, ul.redstop3, ul.redstop4, ul.redstop5, ul.warning {
line-height:18px;
min-height:0;
}

.greencheck li, .redstop li, .bluecheck li, .greencheckbox li, .bluecheckbox li, .orangecheckbox li {
list-style:none;
padding:4px 20px 10px 50px;
margin-top:10px;
background-repeat:no-repeat;
background-position:5px top;
}

.greencheck2 li, .greencheck3 li, .plusgreen li, .redstop2 li, .redstop3 li, .redstop4 li, .redstop5 li, .warning li {
list-style:none;
padding:4px 20px 10px 50px;
margin-top:10px;
background-repeat:no-repeat;
background-position:left top;
}

.greencheck li {
background-image:url(images/checkmark-green.png);
}

.greencheck2 li {
background-image:url(images/checkmark-green2.png);
}

.greencheck3 li {
background-image:url(images/checkmark-green3.png);
}

.plusgreen li {
background-image:url(images/plus-green.png);
}

.redstop li {
background-image:url(images/stop.png);
}

.redstop2 li {
background-image:url(images/stop2.png);
}

.redstop3 li {
background-image:url(images/stop3.png);
}

.redstop4 li {
background-image:url(images/stop4.png);
}

.redstop5 li {
background-image:url(images/stop5.png);
}

.warning li {
background-image:url(images/warning.png);
}

.bluecheck li {
background-image:url(images/checkmark-blue.png);
}

.bluecheckbox li {
background-image:url(images/checkbox-blue.png);
}

.greencheckbox li {
background-image:url(images/checkbox-green.png);
}

.orangecheckbox li {
background-image:url(images/checkbox-orange.png);
}

/* Contact form styles
----------------------------------------------------------------------------------------------------*/
#signup table {
border-collapse:collapse;
}

#signup label {
font-weight:bold;
}

#signup td {
padding:4px;
}

#signup input, #signup textarea, #signup select {
font-size:14px;
padding:4px;
border:2px solid #CCCCCC;
color: #333;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

#submitbutton {
cursor:pointer;
}

#submitbutton:hover {
background-color:#999;
color:#fff;
}

.labelcell {
font:11px Verdana, Geneva, Tahoma, Helvetica, sans-serif;
color:#3670A7;
background-color:transparent;
width:220px;
}

.fieldcell {
background-color:#F2F7FB;
color:#000000;
text-align:right;
margin-right:0;
padding-right:0;
}

.smalllabelcell {
font:11px Verdana, Geneva, Tahoma, Helvetica, sans-serif;
background-color:transparent;
color:#3670A7;
width:100px;
}

.smallfieldcell {
background-color:#F2F7FB;
color:#000000;
text-align:right;
}

.fieldcell input {
width:200px;
font:11px Verdana, Geneva, Tahoma, Helvetica, sans-serif;
background-color:#D7E5F2;
color:#102132;
border:1px solid #284279;
margin-right:0;
}

.smallfieldcell input {
width:100px;
font:11px Verdana, Geneva, Tahoma, Helvetica, sans-serif;
background-color:#D7E5F2;
color:#102132;
border:1px solid #284279;
}

.smallfieldcell select {
font:11px Verdana, Geneva, Tahoma, Helvetica, sans-serif;
background-color:#D7E5F2;
color:#102132;
border:1px solid #284279;
}

/* jQuery FAQ Styles
----------------------------------------------------------------------------------------------------*/
.simple_faq {
display:block;
}

.simple_faq dt {
clear:both;
margin:4px 0;
padding:6px 15px;
font-family:'PT Sans Narrow', sans-serif;
font-size:18px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color: #BFC5C8;
color: #000;
}

.simple_faq dd {
display:block;
margin:2px;
padding:10px 30px;
overflow:hidden;
}

/* Hide mobile navigation
----------------------------------------------------------------------------------------------------*/
#mobilenav {
display:none;
}

.lefticon {
float:left;
padding:0 10px 5px 0;
}

/* Mobile Styles
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

/* mobile browsers less than 640 px wide */
#content, #bottomfeature, #footer {
font-size:1.3em;
line-height:1.8em;
}

/* little larger font */
#mobilenav {
display:block;
}

/* show mobile menu */
body, #headerwrap {
min-width:100%;
}

#header {
width:96%;
padding:0 2%;
}

container_12, #footer, #content, #bottomfeature, #signup {
width:94%;
}

form textarea, form input {
width:96%;
}

/* adjust form elements */
.push_1, .push_2, .push_3, .push_4, .push_5, .push_6, .push_7, .push_8, .push_9, .push_10, .push_11, .push_12 {
left:0;
}

/* all grids to the left margin include push and pull */
.pull_1, .pull_2, .pull_3, .pull_4, .pull_5, .pull_6, .pull_7, .pull_8, .pull_9, .pull_10, .pull_11, .pull_12 {
left:0;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
width:100%;
clear:left;
float:left;
position:relative;
padding:0;
margin:0;
display:block;
}

.grid_1 img, .grid_2 img, .grid_3 img, .grid_4 img, .grid_5 img, .grid_6 img, .grid_7 img, .grid_8 img, .grid_9 img, .grid_10 img, .grid_11 img, .grid_12 img {
max-width:100%;
height:auto;
}

#nav {
margin:10px 0;
}

#content, #footer, #bottomfeature {
padding:8px;
}

img {
max-width:320px;
}

/* maximum image width */
#slidewrap, .mobile-hidden, .sidebar {
display:none;
}

/* hide slider, main nav and sidebars */
#content, #bottomfeature, #footer {
border:none;
}

#footer {
height:auto;
}

#footer .alignright {
text-align:left;
}
}
 @media only screen and (max-width: 959px) and (min-width: 641px) {

/* tablets and monitors wider than 640 but less than 960px */

body, #headerwrap {
min-width:100%;
}

container_12, #header, #footer, #content, #bottomfeature {
width:100%;
}

#slidewrap {
display:none;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
margin:0 2%;
}

.grid_1 img, .grid_2 img, .grid_3 img, .grid_4 img, .grid_5 img, .grid_6 img, .grid_7 img, .grid_8 img, .grid_9 img, .grid_10 img, .grid_11 img, .grid_12 img {
max-width:100%;
height:auto;
}

.container_12 .grid_1 {
width:6.3333333333333%;
}

.container_12 .grid_2 {
width:12.666666666667%;
}

.container_12 .grid_3 {
width:21%;
}

.container_12 .grid_4 {
width:29.333333333333%;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #7D8A91;
}

.container_12 .grid_4 img {
max-width:100%;
}

.container_12 .grid_5 {
width:37.666666666667%;
}

.container_12 .grid_6 {
width:46%;
}

.container_12 .grid_7 {
width:54.333333333333%;
}

.container_12 .grid_8 {
	width: 62.6667%;
}

.container_12 .grid_9 {
width:71%;
}

.container_12 .grid_10 {
width:79.333333333333%;
}

.container_12 .grid_11 {
width:87.666666666667%;
}

.container_12 .grid_12 {
width:96%;
}

/* Push Space
----------------------------------------------------------------------------------------------------*/
.push_1 {
left:8.3333333333333%;
}

.push_2 {
left:16.666666666667%;
}

.push_3 {
left:25%;
}

.push_4 {
left:33.333333333333%;
}

.push_5 {
left:41.666666666667%;
}

.push_6 {
left:50%;
}

.push_7 {
left:58.333333333333%;
}

.push_8 {
left:66.666666666667%;
}

.push_9 {
left:75%;
}

.push_10 {
left:83.333333333333%;
}

.push_11 {
left:91.666666666667%;
}

/* Pull Space
----------------------------------------------------------------------------------------------------*/
.pull_1 {
right:8.3333333333333%;
}

.pull_2 {
right:16.666666666667%;
}

.pull_3 {
right:25%;
}

.pull_4 {
right:33.333333333333%;
}

.pull_5 {
right:41.666666666667%;
}

.pull_6 {
right:50%;
}

.pull_7 {
right:58.333333333333%;
}

.pull_8 {
right:66.666666666667%;
}

.pull_9 {
right:75%;
}

.pull_10 {
right:83.333333333333%;
}

.pull_11 {
right:91.666666666667%;
}
.blue-bullet {
	list-style-image: url(images/Bullets/Bullet-blue10.jpg);
	line-height: normal;
	list-style-position: inside;
	list-style-type: none;
	height: auto;
	width: auto;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-left: 10px;
	text-indent: -15px;
}
.yellow-bullet {
	list-style-image: url(images/Bullets/yellow-bullet.gif);
	line-height: normal;
	list-style-position: inside;
	list-style-type: none;
	height: auto;
	width: auto;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-left: 10px;
	text-indent: -15px;
}
.purple-bullet {
	list-style-image: url(images/Bullets/purple-bullet.gif);
	line-height: normal;
	list-style-position: inside;
	list-style-type: none;
	height: auto;
	width: auto;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-left: 10px;
	text-indent: -15px;
}
.red-bullet {
	list-style-image: url(images/Bullets/red-bullet.gif);
	line-height: normal;
	list-style-position: inside;
	list-style-type: none;
	height: auto;
	width: auto;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-left: 10px;
	text-indent: -15px;
}

}
.blue-bullet {
	list-style-image: url(images/Bullets/red-bullett.gif);
	line-height: normal;
	list-style-position: inside;
	list-style-type: none;
	height: auto;
	width: auto;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-left: 0px;
	color: #00F;
	}