/* 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#;*/
border:none;
}
img.brdr{
	border-style:solid;
	border-width:thin;
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}

/*
Dennis updated 6/13/13 
removed the list-style-type: none setting because it was effeccting all lists.  
created a new css definition for the series and design ul to handle that setting for the menu items. 
*/
ul,ol {
	font-family: Arial, Helvetica, sans-serif;
}


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
----------------------------------------------------------------------------------------------------*/
html {
	height:100%;
	}
body {
z-index:-100;
font:12px Arial, Helvetica, sans-serif;
width:100%;
/*min-width:962px;*/
height:100%;
}


.clmn-flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;


    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;


    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;

    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    

}	
.row-flex-container {
	
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    }


#sidebar-container {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	width:150px;
	padding-right:5px;
    }

#gallery-container {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	padding:0px 5px;
    }

#accordion-container {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
	padding-left:5px;
    }


#headerwrap{
	height: 100%;

	-webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;

	
}

#headerwrap,#footer{
	/*background:#000 url(images/backgrounds/bgtest.jpg) no-repeat center center fixed; */
	background-color:gray;
	background-size:100% 100%;
	height: 100%;
}



#contentwrapper {
  background-size:100% 100%;  
  min-height: 100%;
}

#content {
-webkit-flex: 2 0 auto;
-ms-flex: 2 0 auto;
flex: 2 0 auto;
background:#FFF;
padding-top:15px;
padding-bottom:15px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
font:1em/1.5em Arial, Helvetica, sans-serif;
position:relative;
}


#bottomfeature {
/*background:#444 url(images/bottom-feature-fade.png) repeat-x center top;*/
background: black; /*url(images/backgrounds/bgtest.jpg); */
height:100%;

clear:both;
color:#ddd;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
font:12px/120% Arial, Helvetica, sans-serif;
padding-top:5px;
padding-bottom:5px;
width:100%;

/*-webkit-flex:none;
flex:0 0 auto;*/
/*flex:none;*/

}

#footer {
/*background:url(images/bottom-feature-fade.png) repeat-x center top;*/
/*
background: url(images/backgrounds/bgtest.jpg); */
clear:both;
height:100%;
color:#F4F3EE;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
font:11px Arial, Helvetica, sans-serif;
padding-top:5px;
padding-bottom:0px;

width:100%;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;


/*
-webkit-flex:none;
flex:0 0 auto;*/
/*align-items:flex-end;*/
}

a,a:active {
outline:none;
font-weight:lighter;
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;
padding:5px;
}

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

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

.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;
	clear: right;
}

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

.grid_2 {
	width: 110px;
}

.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:100%;
	max-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:#E7E4DA url(images/backgrounds/body-bg3.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;
}

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

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

.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: 0px;
	float: left;
	clear: both;
	padding-left: 0px;
	padding-top: 0px;
}





/* 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 26px/30px 'PT Sans Narrow', sans-serif;
color:#444;
margin-bottom:10px;
}

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

h4 {
font:normal 22px/26px 'PT Sans Narrow', sans-serif;
margin-bottom:8px;
}

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

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

.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 20px;
border-bottom:1px solid #EAEAEA;
line-height:18px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
background:transparent url(images/nav-arrow.png) no-repeat 3px center;
}

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

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

.slidebackground {
background-color:#FFF;
padding:15px;
border:1px solid #CCC;
position:relative;
width:930px;
height:250px;
}

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

/* Slideshow navigation styles
----------------------------------------------------------------------------------------------------*/
#slidenav {
width:500px;
height:15px;
margin:0 auto;
position:absolute;
bottom:20px;
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;
}

.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/nav-arrow.png) no-repeat left .8em;
padding:8px 0 0 15px;
}

/* 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:#f2f2f2;
padding:10px;
border:1px solid #cccccc;
margin-bottom:15px;
}

.boxblue {
background:#EEF2F7;
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:46px;
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:#999;
display:block;
background-color:#333;
border:1px solid #665;
padding:3px 0 3px 8px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

#footer a {
color:#F4F3EE;
}

/* 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: 880px) {
.sidebar,#sidebar-container {
	display:none;
	}
}

@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:100%;
height:100%;
}

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

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_12{
	margin-left:5px;
	margin-right:5px;
	}
.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 0;
}

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%;
}
#
#header,#footer,#bottomfeature {
width:100%;  /* Do not put below 100% of the fotter will not be the right size on portrait ipad*/
}
#content{
 width:98%;	
	}

#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%;
	float: left;
}

/* 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%;
}
}
#slogan {
	/*font-family: alexa-std;*/
/*    font-family: 'Raleway', sans-serif;
	font-size:32px;
	font-style: normal;
	font-weight: 400;
	top: 10px;
	color: #FFF;
	text-align: center; */
}

@media only screen and (min-width: 1048px) {	
#bottomfeature,#footer {
font-size:1.2em;
line-height:1.5em;
}

#slogan{
	/*font-size:48px;*/
	}
}



#search {
	top: 15px;
}
.Search {
	top: 15px;
}


/*Set the design element colors on the sidenav menu. */
ul.design li h5 { color: gray}

ul.design {
	list-style-type: none;
}
ul.series {
	list-style-type: none;
}


.grid_12 blockquote ul {
	margin-left: 10px;
}


/*Set table elements that in inside of accordians menu. */


#accordion div table tr td {
	padding-left:2px;
	padding-bottom:2px;
	padding-top:2px;
    valign:top;
	

}

#accordion div table tr #first-column {
	/*background-color: rgba(223,223,223,1);*/
	color:#1f2932 /*colortag*/;
	padding-left:5px;
	font-weight:bold
}



#accordion > div { display: none; 
                   padding-bottom:10px;
				   padding-left:10px;   /*12/10/15 changed for Quartz Top colors on collection page.*/
				   padding-right:10px;  /*12/10/15 changed for Quartz Top colors on collection page.*/

}         /*  > selection select on the child.  A space includes everything below. */
#accordion > h3 { display: none; }





.ColorBold {
	color: #333;
}

/*  _______________________________________

	CONTACT FORM Lora added 7/30/13
    _______________________________________  */



.contact_form label, 
.contact_form legend {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}
.contact_form legend {
	margin-bottom:10px;
}
.contact_form {
	display: block;
	margin-bottom:10px;
}
.contact_form label {
	display: inline-block; 
	float: left; 
	height: 36px; 
	line-height: 36px; 
	width:80px;
	font-size:12px; 
}
.contact_form input, 
.contact_form textarea, 
.contact_form select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:200px;
	padding: 5px;
	margin: 7px 0; 
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
}   
.contact_form textarea {
	resize:none;
}   
.contact_form .required {
	color:#C00;
}
.contact_form .form_buttons {
	margin:4px 0 0 80px;
}
.contact_form input.button {
	width: 80px;
	margin-right:10px;
	cursor: pointer;
	padding: 4px 7px 4px 7px;
}
.contact_form .special {
	display:none;
}
.contact_form .error, 
.contact_form .sent {
	font-size:11px;
	padding:2px 5px 2px 5px;
	text-shadow:none;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	border-radius: 3px;
}
.contact_form .error {
	background:#FBE5E2; 
	border:#F2A197 solid 1px; 
	color:#992213;
}
.contact_form .sent {
	background:#E1F8CB; 
	border:#C6D880 solid 1px; 
	color:#37620d;
}


/*-------------------------------------------------------------------------------------------------------------*/
/*   Nested Accordion css */
/*-------------------------------------------------------------------------------------------------------------*/

#nestedAccordion{
	width:99%;
}
#nestedAccordion h2, #nestedAccordion h3, 
#nestedAccordion div, #nestedAccordion ol, 
#nestedAccordion li{
	/* reset styles for accordion */
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
	list-style:circle;
}

#nestedAccordion div{
	display:none;
	color:#555;
	overflow:hidden;
}
#nestedAccordion h2{
	cursor:pointer;
	color:#fff;
	font-size:1.4em; /*1.1em;*/
	moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	padding-left:5px;
	padding-right: 5px;
	margin-top:5px;
	margin-left:6px;
	background-color: #1f2932 /*colortag3*/; /*#4B8CFF;*/
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#4B8CFF), to(#447FE8));
	background-image: -webkit-linear-gradient(top, #4B8CFF, #447FE8);
	background-image: -moz-linear-gradient(top, #4B8CFF, #447FE8);
	background-image: -ms-linear-gradient(top, #4B8CFF, #447FE8);
	background-image: -o-linear-gradient(top, #4B8CFF, #447FE8);
	background-image: linear-gradient(to bottom, #4B8CFF, #447FE8);*/
}

#nestedAccordion td#pad_left{
	padding-left:6px;
	} 

#nestedAccordion h3 td{
	vertical-align:top;
	}

#nestedAccordion h3 table{
	width: 100%;
}
	
#nestedAccordion h3 td span{
	float:right;
	}
#nestedAccordion h3{
	cursor:pointer;
	padding:5px;
	color: #666;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
	font-size:1.4em; /*1em;*/
	line-height: 1;
	margin-left: 6px;

	
	background-color: #f5f5f5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ededed));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #ededed);
	background-image: -moz-linear-gradient(top, #f5f5f5, #ededed);
	background-image: -ms-linear-gradient(top, #f5f5f5, #ededed);
	background-image: -o-linear-gradient(top, #f5f5f5, #ededed);
	background-image: linear-gradient(to bottom, #f5f5f5, #ededed);

}

/*#nestedAccordion table#pad_left table,*/

#nestedAccordion h3:hover{
	color:#000;
}
#nestedAccordion h3 + div{
	padding:5px 5px 5px 5px;
	
	/*
	background-color:#F5F5F5;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ededed));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #ededed);
	background-image: -moz-linear-gradient(top, #f5f5f5, #ededed);
	background-image: -ms-linear-gradient(top, #f5f5f5, #ededed);
	background-image: -o-linear-gradient(top, #f5f5f5, #ededed);
	background-image: linear-gradient(to bottom, #f5f5f5, #ededed);
	*/
}
#nestedAccordion li{
	font-size:1.1em;

}
#nestedAccordion li:hover{
	color:#000;
	/*cursor:pointer;*/
}



table#show_border,
table#show_border td
{
  border:1px solid rgba(223,223,223,1) !important;
}

	
table#hide_border, 
table#hide_border td
{
   border-collapse:collapse !important;
   border-style:none !important;
   border: none !important;
   outline:none !important;
}

#breadcrumb {
	-webkit-flex:none;
	flex:0 0 auto;
	width:96%;
	
	}
#breadcrumb a {
	color: #666;
	}
#breadcrumb a:hover {text-decoration:underline;}	


div.selected {
  /*	background-color:#F1F1F1;*/
	background-color:rgba(204,204,204,1);
	
/*	background-color:rgba(255,255,102,1);*/

	}


div.inline	{
	display:inline-block;
	padding:5px 10px 5px 10px;
	vertical-align:text-top;
	
	
	}
div.two-column {
	width:45%;
	}



div.selected+span{
	color:rgba(51,102,0,1);
  }	
  

.wp_dark_background {
   background-color:#1f2932 /*colortag*/;
	}
.wp_light_background {
   background-color: #1f2932 /*colortag*/;
	}
.wp_dark{
   color:#1f2932 /*colortag*/;
	}
.wp_light{
   color: #1f2932 /*colortag*/;
	}

div.message {
	font-color:red;
	font-size:large;
	}
	


.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul.series > li > h4 a{
	font-weight:bold;
	
	}

.graybar{
	background-color:#CCC;
}

h5 > a, h5 > a:active {
	font-weight:bold;
}

img.ttwc {
 max-height:45px;
 float: none;
 position: absolute; 
 top: 0px;
 left: 8px;
}