/* 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;
}

table {
  width: 100%;
	border-collapse:collapse;
	border-spacing:0;
  padding: 8px;
}

table.gridtable {
  width: 100%;
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
  text-align:center; 
  vertical-align: center;
  font-weight: bold;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
  vertical-align: top;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}


fieldset, img {
border:0;
}

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
----------------------------------------------------------------------------------------------------*/

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

#headerwrap {
background-color: #4D5559;
background-image: url(images/header-background.png);
background-position: center top;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #313639;
background-repeat: repeat-x;
float: left;
}

#header {
}

#navwrap {
clear:both;
float:left;
background-color: #1E2122;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #4B5B76;
background-image: url(images/nav-background.png);
background-repeat: repeat-x;
background-position: center top;
}

#topfeaturewrap {
background-color:#EAEBEC;
padding-top: 15px;
padding-bottom: 10px;
clear: both;
background-repeat: repeat-x;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #CDCFD1;
}

#topfeature {
position:relative;
height:auto;
color: #666;
}

#contentwrap {
background-color:#fff;
padding: 15px 0;
background-image: url(images/page-background.png);
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/content-background.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:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.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
----------------------------------------------------------------------------------------------------*/
.fullwidth {
margin-left:auto;
margin-right:auto;
position:relative;
width: 100%;
}

.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%;
}

/* Header text styles
----------------------------------------------------------------------------------------------------*/

#header p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color: #B8BDC0;
text-align: right;
padding-top: 20px;
text-shadow:1px 1px #000;
}

#header p span {
font-weight: bold;
color: #EFC400;
}

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

#nav a.homelink {
background-image: url(images/home-icon.png);
background-repeat: no-repeat;
background-position: 0px -26px;
height: 25px;
width: 30px;
margin-top: 11px;
margin-left: 8px;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 0px;
}

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

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

#nav li.socialmediaicons {
float:right;
}

#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:left;
margin-bottom:0;
width: 100%;
}

.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;
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;
background-image: url(images/nav-border.png);
background-repeat: no-repeat;
background-position: right center;
}

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

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

.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;
background-image: none;
}

.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 {
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;
}

a, a:active {
outline:none;
font-weight:bold;
text-decoration:none;
}

a {
color:#476472;
}

a:hover {
color:#1A1D1E;
}

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

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

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

h2 {
color:#757E84;
margin-bottom:10px;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 30px;
line-height: 34px;
font-weight: bold;
}

h3 {
font:normal 24px/28px 'PT Sans Narrow', sans-serif;
margin-bottom:10px;
}

h4 {
margin-bottom:8px;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 22px;
font-style: normal;
line-height: 26px;
font-weight: normal;
font-variant: normal;
color: #666666;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #B9C0C4;
padding-bottom: 5px;
}

h5 {
font:bold 18px/22px 'PT Sans Narrow', sans-serif;
margin-bottom:5px;
}

/* 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;
}

.sidebarbox h3 {
height:1%;
font-weight:bold;
font-family:'PT Sans Narrow', sans-serif;
color:#FFF;
padding:8px;
font-size:18px;
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-color: #4D5559;
}

.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:#222628;
padding-bottom: 5px;
padding-left: 8px;
}

.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 {
clear:both;
background-image: url(images/slider-background.jpg);
background-repeat: repeat-x;
background-position: center top;
height: 250px;
overflow: hidden;
}

.slidebackground {
position:relative;
width:960px;
height:250px;
padding-bottom: 0px;
margin-bottom:15px;
background-image: url(images/slider-inner-background.jpg);
background-repeat: no-repeat;
background-position: center top;
}

.slide930 {
height:250px;
width:960px;
padding:0px;
margin:0;
overflow:hidden;
}

.slideshowitem {
padding:0px;
height: 250px;
width: 960px;
position: relative;
}

.slidertopcontent {
position:absolute;
height:145px;
width: 620px;
top:0px;
right:0px;
}

.slidertopcontent p {
font-family:'PT Serif', serif;
font-size: 40px;
line-height: 100%;
color:#FFFFFF;
font-weight: bold;
text-shadow: 0em 0em .2em #1E2122;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

.sliderbottomcontent {
position:absolute;
height:60px;
width: 620px;
top:170px;
right:0px;
}

.sliderbottomcontent p {
font-family:'PT Serif', serif;
font-size: 16px;
line-height: 100%;
color:#FFFFFF;
font-weight: normal;
text-shadow: .1em .1em .05em #1E2122;
padding:0px;
}

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

#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;
}

a.linkbutton {
margin-top:5px;
background-color:#F3F4F4;
color: #333;
font-size:11px;
font-weight: bold;
text-shadow: 1px 1px #fff;
padding: 5px 8px;
background-image: url(images/button-gradient.png);
background-repeat: repeat-x;
background-position: center bottom;
border-top: 1px solid #CCC;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 1px solid #CCC;
float: left;
margin-bottom: 10px;
}

a.linkbutton:hover {
background-color:#ccc;
}

a.linkbutton:after {
clear:both;
}

/* 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;
}

.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;
padding-right: 15px;
}

.alignright {
float:right;
text-align:right;
padding-left: 15px;
}

.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%;
}

ul.dotted li {
padding-bottom:5px;
}

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

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

ol.lower-alpha {
list-style-type:lower-alpha;
margin-left:25px;
}

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

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

ol.lower-greek {
list-style-type:lower-greek;
margin-left:25px;
}

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

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

ol.lower-latin {
list-style-type:lower-latin;
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 */
#topfeature, #content, #bottomfeature, #footer {
font-size:1.3em;
line-height:1.8em;
}

#mobilenav {
float:left;
width:100%;
display:block;
text-align:center;
padding: 8px 0;
}

#mobilenav select {
width:90%;
background: transparent;
padding: 5px;
font-size: 16px;
border: 1px solid #ccc;
height: 34px;
color: #999;
}

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

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

#header .grid_4 {
text-align:center;
}

#header p {
text-align:center;
padding-left:8px;
}

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

#nav {
float:left;
margin:5px 10px;
}

#nav li.socialmediaicons {
float:none;
text-align:center;
}

#nav li.socialmediaicons a {
display: inline-block;
float:none;
padding: 0 2px 0 2px;
margin:5px 0 0 0;
}

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;
}

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

img {
max-width:320px;
}

#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, #topfeature, #nav, #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%;
}

img#logo {
max-width:none;
}

.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.666666666667%;
}

.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%;
}
}