/* 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 {
border-collapse:collapse;
border-spacing:0;
}

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

/*page fonts*/
.navlinks {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; text-decoration:none; color: #FFFFFF;}
A.navlinks:hover {color: #8CBFDA; text-decoration: underline}
.navlinks2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color:#000000; text-decoration:none;}
A.navlinks2:hover {color: #B03E37; text-decoration: underline}
.smalltext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; line-height: 1.5em; color: #8CBFDA;}
.headline {font-family: Georgia, "Times New Roman", Times, serif; color: #000000; font-size: x-large; font-weight: bold; letter-spacing: 1px; line-height: 1.5em;}
.headline2 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-size: medium; font-weight: bold; color: #ffffff; line-height: 1.5em;}
.datetime {color: #999999; font-size: x-small;}
.headnavy {color: #003366; font-size: large; font-weight: bold; letter-spacing: 1px;}
.bodytextsm {font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; line-height: 1.75em; text-decoration:underline; color: #000000;}
.bodytextsm:hover {color: #003366; text-decoration: none}
.bodytextblue {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 1.75em; color:#003366; font-weight: bold;}
.bodytextwhite {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 1.75em; color:#FFFFFF; font-weight: bold;}
.bodytextwhite11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.75em; color:#FFFFFF;}
.bodytextwhite12 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.75em; color:#FFFFFF;}
.bodytextwhite14 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.75em; color:#FFFFFF;}
.bodytext12bluebld {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color:#003366; font-weight: bold;}
.bodytext12bluebldIta {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color:#003366; font-weight: bold; font-style: italic;}
.bodytext12bld {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; font-weight: bold;}
.bodytext12gold {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 1.5em; font-weight: bold; color:#dba606;}
.bodytext12 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em;}
.bodytext14 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em;}
.bodytext14link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; text-decoration:underline; color: #003366;}
A.bodytext14link:hover {color: #f39028; text-decoration: none;}
.bodytext16 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.5em; font-weight: bold;}
.bodytext16linkbld {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight: bold; font-size: 16px; line-height: 1.5em; text-decoration:none;}
A.bodytext16linkbld {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; line-height: 1.5em; text-decoration:underline; color: #340000;}
A.bodytext16linkbld:hover {color: #f39028; text-decoration: none;}
.bodytext12blu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color:#003366;}
.bodytext11 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em;}
.bodytext11bld {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; font-weight: bold;}
.bodytext12red {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; font-weight: bold; color:#FF0000;}
.bodytext12red_sm {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 1.5em; font-weight: bold; color:#FF0000;}
.bodytext11red_sm {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; color:#FF0000;}
.bodytext11red_sm_bld {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 1.5em; color:#FF0000;}
.bodytext12link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; text-decoration:none; color: #003366;}
A.bodytext12link:hover {color: #f39028; text-decoration: none;}
.bodytext12redlink {font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; font-size: 12px; line-height: 1.5em; text-decoration:underline; color: #FF0000;}
A.bodytext12redlink:hover {color: #FF0000; text-decoration: none;}
.bodytext11link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; text-decoration:none; color: #003366;}
A.bodytext11link:hover {color: #f39028; text-decoration: none;}
.bodytext11whtlink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; text-decoration:none; color: #ffffff;}
A.bodytext11whtlink:hover {color: #ffffff; text-decoration: underline;}
.bodytext12linkU {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; text-decoration: underline; color: #000000;}
A.bodytext12linkU:hover {color: #f39028; text-decoration: none;}
.bodytextwhite12u {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 1.75em; text-decoration:underline; color: #FFFFFF;}
A.bodytextwhite12u:hover {color: #FFFFFF; text-decoration: none}
.bodytextbld {font-family: Georgia, "Times New Roman", Times, serif; font-size: small; font-weight: bold; line-height: 1.5em; }
.headlinelg {font-family: Georgia, "Times New Roman", Times, serif; color: #000000; font-size: x-large; font-weight: bold; letter-spacing: 1px;}
.bulletnavy {color: #003366; font-size: medium; font-weight: bold;}
.bodytext12bar {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; text-decoration:none; color: #cbe0ff;}
A.bodytext12bar:hover {color: #f3c740; text-decoration: underline;}

hr {color: #ccc; border: 1px dotted #003366; border-style: none none solid; width: 100%;}
.hr2{
color: #fff; background-color: #fff; border: 10px solid #003366; width: 99%;
}

/*spam prevention hidden field*/
.hidden {
display:none;
visibility:hidden;
}

.paragraph-header2{
	padding-bottom: 1px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url('images/page-header.jpg');
	background-repeat: no-repeat;
	background-position:bottom left;
}

.paragraph-header3{
	padding-bottom: 1px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url('images/page-header.jpg');
	background-repeat: no-repeat;
	background-position:bottom center;
}
	

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

body {
z-index:-100;
font:14px Arial, Helvetica, sans-serif;
width:100%;
min-width:962px;
}

/*set width of top banner area*/
#headerwrap {
background-repeat:repeat-x;
background-position:center top;
height:120px;
}

#nav {
z-index:10;
position:relative;
font:bold 14px/100% Tahoma, Geneva, sans-serif;
margin-top:3px;
}

#navwrap2 {
z-index:2;
background-image:url(images/nav-bg.jpg);
background-repeat:repeat-x;
height:34px;
padding-top:3px;
padding-left:15px;
}

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

#horz-nav {
z-index:10;
height:34px;
}

#horz-nav2 {
height:15px;
}

#content {
clear:both;
background:#FFF;
padding-top:15px;
padding-bottom:15px;
border-right:1px solid #fff;
border-left:1px solid #fff;
font:1em/1.5em Arial, Helvetica, sans-serif;
position:relative;
margin-top:25px;
}

#bottomfeature {
background:#014e84 url(images/bottom-feature-fade.png) repeat-x center top;
clear:both;
color:#ddd;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
font:12px/120% Arial, Helvetica, sans-serif;
padding-top:20px;
padding-bottom:20px;
}

.headerTitle{
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 140px;
	padding-right: 0px;
	
}

/* Height parameter controls footer box
----------------------------------------------------------------------------------------------------*/
#footer {
clear:both;
background-image:url(images/footer-bg2.jpg);
background-repeat:repeat-x;
height:50px;
padding-top:10px;
padding-bottom:18px;
margin-bottom:15px;
}

#footer2 {
clear:both;
background:#f1f1f1;
height:300px;
padding-top:10px;
padding-bottom:0px;
}

.footerleft {
	padding-left:20px;
}

a:link {
	font-weight:normal;
	text-decoration:underline;
color:#000000;
}

a:hover {
  text-decoration:none;
}

a,a:active {
font-weight:normal;
color:#000000;
text-decoration:none; 
}

.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;
border-top:1px solid #ccc;
}

.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;
margin-bottom:10px;
}

.shadow {
-moz-box-shadow:0 0 3px 0 #ccc;
-webkit-box-shadow:0 0 3px 0 #ccc;
box-shadow:0 0 3px 0 #ccc;
}

.paragraph-bubble{
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url('images/bubble.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

.paragraph-bubble2{
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url('images/bubble-2.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

.paragraph-bubble3{
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url('images/bubble-3.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

/* 960 Grid System Containers
----------------------------------------------------------------------------------------------------*/
.full_width {
margin-left:auto;
margin-right:auto;
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%;
}

.clearfix {
display:block;
}

/* Background styles
----------------------------------------------------------------------------------------------------*/
.bg1 {
background:#EFEFEF url(images/backgrounds/body-bg1.png) repeat-x center 90px;
}

.bg2 {
background:#E7E4DA url(images/backgrounds/body-bg2.png) repeat-x center 90px;
}

.bg3 {
background:#ffffff url(images/body-bg3.png) repeat-x center 90px;
}

.bg3home {
background:#fff5d8 url(images/body-bg3-home.png) repeat-x center 90px;
}

.bg4 {
background:#FFF url(images/backgrounds/body-bg4.png) repeat-x center 90px;
}

.bg5 {
background:#FFF url(images/backgrounds/body-bg5.png) repeat-x center 90px;
}

.bg6 {
background:#FFF url(images/backgrounds/body-bg6.png) repeat-x center 90px;
}

.bg6home {
background:#FFF url(images/body-bg7home.png) repeat-x center 155px;
}

.bg7 {
background:#FFF url(images/body-bg7.png) repeat-x center 90px;
}

.bg8 {
background:#E7E4DA url(images/backgrounds/body-bg8.png) repeat-x center 90px;
}

.bg9 {
background:#E7E4DA url(images/backgrounds/body-bg9.png) repeat-x center 90px;
}

.bg10 {
background:#E7E4DA url(images/backgrounds/body-bg10.png) repeat-x center 90px;
}

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

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

.sf-menu {
line-height:1.0;
margin-left:55px;
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 a {
display:block;
position:relative;
white-space:nowrap;
font-weight:bold;
}

.sf-menu li li a {
font-family:Tahoma, Geneva, sans-serif;
font-weight:bold;
font-size:12px;
}

.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 12px;
text-decoration:none;
}

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

.sf-menu li li a {
border-bottom:1px solid #ccc;
/* sub menu borders */
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding:10px 12px;
/* set drop down menu height by adjusting the 10px value */
}

.sf-menu li li:first-child {
border-top:1px solid #ccc;
/* sub menu top border */
}

.sf-menu a,.sf-menu a:visited {
/* main level menu color */
color:#ffffff;
}

.sf-menu li li a,.sf-menu li li a:visited {
/* sub menu text color */
color:#FFFFFF;
}

/* Body class color scheme settings */
/* body class="grey" */
.grey .sidebarbox h3,.grey .submitbutton {
background:#374049 url(images/sidebar-nav-title-background.png) repeat-x center bottom;
}

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

.grey .sf-menu li li,.grey .sf-menu li li li,.grey #footer,.grey #headerwrap {
background-color:#fbe091;
/* drop-down menu, footer and header background color */
}

.grey h1,.grey .posttitle,.grey .posttitle a,.grey #content a,.grey h3,.grey h5,.grey #content a {
color:#374049;
}

/* body class="white" */
.white .sidebarbox h3,.white .submitbutton {
background:#ebe7e0 url(images/sidebar-nav-title-background.png) repeat-x center bottom;
}

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

.white .sf-menu li li,.white .sf-menu li li li,.white #footer,.white #headerwrap {
background-color:#295aa6;
/* drop-down menu, footer and header background color */
}

.white h1,.white .posttitle,.white .posttitle a,.white #content a,.white h3,.white h5,.white #content a {
color:#013267;
}

/* body class="red" */
.red .sidebarbox h3,.red .submitbutton {
background:#9c0000 url(images/sidebar-nav-title-background.png) repeat-x center bottom;
}

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

.red .sf-menu li li,.red .sf-menu li li li,.red #footer,.red #headerwrap {
background-color:#9c0000;
/* drop-down menu, footer and header background color */
}

.red h1,.red .posttitle,.red .posttitle a,.red #content a,.red h3,.red h5,.red #content a {
color:#9c0000;
}

/* body class="blue" */
.blue .sidebarbox h3,.blue .submitbutton {
background:#06519b url(images/sidebar-nav-title-background.png) repeat-x center bottom;
}

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

/* headerwrap - change color of top banner and footer areas */
.blue .sf-menu li li,.blue .sf-menu li li li,.blue #footer,.blue #headerwrap {
background-color:#ffffff;
/* drop-down menu, footer and header background color */
}

.blue h1,.blue .posttitle,.blue .posttitle a,.blue #content a,.blue h3,.blue h5,.blue #content a {
color:#1e4193;
}

.blue .sf-menu li li:hover,.blue .sf-menu li li.sfHover,.blue .sf-menu li li a:focus,.blue .sf-menu li li a:hover,.blue .sf-menu li li a:active {
background-image:none;
}

/* body class="green" */
.green .sidebarbox h3,.green .submitbutton {
background:#3c7b0e url(images/sidebar-nav-title-background.png) repeat-x center bottom;
}

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

.green .sf-menu li li,.green .sf-menu li li li,.green #footer,.green #headerwrap {
background-color:#3c7b0e;
/* drop-down menu, footer and header background color */
}

.green h1,.green .posttitle,.green .posttitle a,.green #content a,.green h3,.green h5,.green #content a {
color:#3c7b0e;
}

.green .sf-menu li li:hover,.green .sf-menu li li.sfHover,.green .sf-menu li li a:focus,.green .sf-menu li li a:hover,.green .sf-menu li li a:active {
background-image:none;
}

/* body class="orange" */
.orange #navwrap,.orange .sidebarbox h3,.orange .submitbutton {
background:#bf7500 url(images/sidebar-nav-title-background.png) repeat-x center bottom;
}

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

.orange .sf-menu li li,.orange .sf-menu li li li,.orange #footer,.orange #headerwrap {
background-color:#bf7500;
/* drop-down menu, footer and header background color */
}

.orange h1,.orange .posttitle,.orange .posttitle a,.orange #content a,.orange h3,.orange h5,.orange #content a {
color:#bf7500;
}

.orange .sf-menu li li:hover,.orange .sf-menu li li.sfHover,.orange .sf-menu li li a:focus,.orange .sf-menu li li a:hover,.orange .sf-menu li li a:active {
background-image:none;
}

/* body class="purple" */
.purple #navwrap,.purple .sidebarbox h3,.purple .submitbutton {
background:#75009c url(images/sidebar-nav-title-background.png) repeat-x center bottom;
}

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

.purple .sf-menu li li,.purple .sf-menu li li li,.purple #footer,.purple #headerwrap {
background-color:#75009c;
/* drop-down menu, footer and header background color */
}

.purple h1,.purple .posttitle,.purple .posttitle a,.purple #content a,.purple h3,.purple h5,.purple #content a {
color:#75009c;
}

.purple .sf-menu li li:hover,.purple .sf-menu li li.sfHover,.purple .sf-menu li li a:focus,.purple .sf-menu li li a:hover,.purple .sf-menu li li a:active {
background-image:none;
}

/* body class="teal" */
.teal #navwrap,.teal .sidebarbox h3,.teal .submitbutton {
background:#0a6f67 url(images/sidebar-nav-title-background.png) repeat-x center bottom;
}

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

.teal .sf-menu li li,.teal .sf-menu li li li,.teal #footer,.teal #headerwrap {
background-color:#0a6f67;
/* drop-down menu, footer and header background color */
}

.teal h1,.teal .posttitle,.teal .posttitle a,.teal #content a,.teal h3,.teal h5,.teal #content a {
color:#0a6f67;
}

.teal .sf-menu li li:hover,.teal .sf-menu li li.sfHover,.teal .sf-menu li li a:focus,.teal .sf-menu li li a:hover,.teal .sf-menu li li a:active {
background-image:none;
}

/* body class="maroon" */
.maroon #navwrap,.maroon .sidebarbox h3,.maroon .submitbutton {
background:#410116 url(images/sidebar-nav-title-background.png) repeat-x center bottom;
}

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

.maroon .sf-menu li li,.maroon .sf-menu li li li,.maroon #footer,.maroon #headerwrap {
background-color:#410116;
/* drop-down menu, footer and header background color */
}

.maroon h1,.maroon .posttitle,.maroon .posttitle a,.maroon #content a,.maroon h3,.maroon h5,.maroon #content a {
color:#410116;
}

.maroon .sf-menu li li:hover,.maroon .sf-menu li li.sfHover,.maroon .sf-menu li li a:focus,.maroon .sf-menu li li a:hover,.maroon .sf-menu li li a:active {
background-image:none;
}

/* body class="black" */
.black #navwrap,.black .sidebarbox h3,.black .submitbutton {
background:#000000 url(images/sidebar-nav-title-background.png) repeat-x center bottom;
}

.black .sf-menu li li:hover,.black .sf-menu li li.sfHover,.black .sf-menu li li a:focus,.black .sf-menu li li a:hover,.black .sf-menu li li a:active {
background-color:#919090;
/* drop-down menu hover background color */
}

.black .sf-menu li li,.black .sf-menu li li li,.black #headerwrap {
background-color:#4b4a4a;
/* drop-down menu, footer and header background color */
}

.black #footer {
color:#000000;
}

.black h1,.black .posttitle,.black .posttitle a, .black #content a,.black h3,.black h5 {
color:#dd6e02;
}

.black .sf-menu li li:hover,.black .sf-menu li li.sfHover,.black .sf-menu li li a:focus,.black .sf-menu li li a:hover,.black .sf-menu li li a:active {
background-image:none;
}

.sf-menu li li,.sf-menu li li li {
background-image:none;
}

.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active {
outline:0;
}

.sf-menu li:hover,.sf-menu li.sfHover {
background:transparent url(images/nav-item-hover.png) repeat-x center top;
border-top-right-radius:0px;
border-top-left-radius:0px;
}

.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-image:none;
outline:0;
border-top-right-radius:0;
border-top-left-radius:0;
}

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

#content a:hover {
color:#333;
}

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

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

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

h2 {
font:bold 24px/28px 'PT Sans Narrow', sans-serif;
color:#464545;
margin-bottom:1px;
}

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

h4 {
font:normal 24px/28px 'PT Sans Narrow', sans-serif;
color:#000000;
margin-bottom:8px;
}

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

/* Sidebar content and nav styles
----------------------------------------------------------------------------------------------------*/
.sidebarbox {
border:1px solid #CCC;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:15px;
background-color:#fbe091;
}

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

.sidebarbox p {
padding:8px;
}

.sidebarbox ul {
margin:0;
zoom:1;
padding: 3px 3px 2px;
background-color:#FFF;
-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,.simple ul li {
list-style:none;
display:inline;
}

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

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

.simple {
margin-bottom:15px;
}

.simple ul li a {
display:block;
zoom:1;
padding:4px 4px 4px 27px;
border-bottom:1px solid #EAEAEA;
line-height:18px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

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

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

.iconmenu {
margin-bottom:15px;
background-color:#F1F1F1;
border:solid 1px #ddd;
padding:6px 0;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

.iconmenu a {
display:block;
zoom:1;
padding:8px 4px 8px 5px;
border-bottom:1px solid #ddd;
line-height:18px;
text-decoration:none;
font:normal 21px/21px Georgia, "Times New Roman", Times, serif;
letter-spacing:-1px;
color:#333;
}

.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:#F9F9F9;
}

.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:4px;
clear:both;
}

.slidebackground {
padding:0px;
position:relative;
width:960px;
height:356px;
}

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

.slide960 {
height:356px;
width:960px;
padding bottom:16px;
margin:0;
overflow:hidden;
}

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

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

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

#slidenav a:focus {
outline:none;
}

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

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

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

.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 {
display:block;
background:url(images/gold-arrow.jpg) no-repeat left .9em;
padding:6px 0 0 12px;
}

.readmore2 {
display:block;
background:url(images/blue-arrow-wht.jpg) no-repeat left .9em;
padding:6px 0 0 12px;
}

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

#sidebaroptin input {
font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#333;
width:80%;
padding:5px;
border:1px solid #777;
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;
}

#sidebaroptin input.submitbutton:hover {
font-weight:bold;
}

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

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

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

.boxblue2 {
background:#065aa3;
padding:10px;
border:1px solid #BCD;
margin-bottom:15px;
}

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

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

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

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

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

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

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

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

/* 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:#fff;
display:block;
background-color:#013c65;
border:1px solid #d39b07;
padding:3px 0 3px 8px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}



/* 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.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 {
color:#000000;
border-collapse:collapse;
}

#signup td {
padding:4px;
}

#signup input,#signup textarea {
font-size:14px;
padding:4px;
border:1px solid #ccc;
}

#submitbutton {
cursor:pointer;
}

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

.labelcell {
font:11px Verdana, Geneva, Arial, 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, Arial, 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, Arial, Helvetica, sans-serif;
background-color:#D7E5F2;
color:#102132;
border:1px solid #284279;
margin-right:0;
}

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

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

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

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

.simple_faq dt.hover {
background:#D4D4D4;
}

.simple_faq dd {
background:#ffffff;
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 */
#content,#bottomfeature,#footer {
font-size:1.3em;
line-height:1.8em;
}

/* little larger font */
body,#headerwrap {
min-width:100%;
}

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

#slidewrap {
display:none;
}

/* hide slider */
.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%;
}

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