/* Structure */
html{
	//background: #cdcdcd;
	background-image: url("../images/bkg.jpg");
}

body {
  padding: 0px;
  background: #fff;
  color: #333;
  margin: 0 auto;
  max-width: 900px;
  font: 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;  
  -webkit-box-shadow:0px 2px 5px #999;
	-moz-box-shadow:0px 2px 5px #999;
	box-shadow:0px 2px 5px #999;
}
  
a {
  color: #008D83;
}

header {
	background: #DCDCDC;	
}

header h1{
	margin-bottom: 0;
	font-size: 1.7em;
	padding: 0 0 0 .5em;	
	color: #000;
}

header span{
	display: block;
	color: rgba(255,255,255,.4);
	font-weight: 300;
	margin-bottom: .5em
}

h2{
	margin-bottom: 0;
	font-size: 1.5em;
}

[role=main]{
	padding:1em 3em;
}

/*
.wide {
	//padding:0 0 0 2em;
	margin:0 0 0 2em;
}
*/

article{
	padding: 1em 0;
}

footer{
	background: #909090;
	color: #fff;
	font-size: .8em;
	width:100%;
	padding: .1em;	
}

footer a{	
	color: #fff0f0;
	font-size: .9em;
	padding: .1em;
	margin: 1em;
}

/* Typography */

p{
	font: 1em/1.5 "trebuchet MS", verdana;
}

img{
	max-width: 100%;
	height: auto;	
}

.img_frm img {
/* This centers the image */
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 1em;
}

blockquote{
	float: left;
	margin: 1em 3em;
}

blockquote p{
	font-size: 1.4em;
	line-height: 1.2;
	font-weight: 700;
	font-style:italic;
}

/* Tabs */

.js-on #tabs article
{
	display:none
}

#tabs, #tabs nav a.active{
	background: #ddd;
	color: #111;
}

#tabs nav
{
	position: relative;
	overflow: hidden;
	display: table;
	background: #BCBCBC;
}

#tabs nav a
{
	width:150px;
	display:table-cell;
	padding:1em;
	text-align:center;
	color: #333;
	text-decoration: none;
}

#tabs nav a:hover,#tabs nav a:focus
{
	background:#CF6CBF;
}

#tabs article
{
	padding:1em;
}

.js-on #tabs article.active
{
	display:block;
}
#tabs #mobiles{
	display:none;
	border-radius: 0;
}
#tabs #mobiles a, #tabs #mobiles a:first-child, #tabs #mobiles a:last-child{
	width:300px;
	border-radius: 0;
}

/* Media queries */ 
@media screen and (min-width:900px)
{
	body{font-size: 1.1em;}
}

@media screen and (max-width:600px)
{
	#tabs nav{
			display: none;
			position: relative;
		}
		#tabs #mobiles{
		display:block;
		}
		#tabs article {
		display:block;
		}
}
@media screen and (max-width:480px)
{
	blockquote{
	float: none;
	}
	
	header nav{
		float: none;
		//margin: -.5em -3em 0;
		background: #fff;
		overflow: hidden;
		text-align: center
	}

#primary_nav_wrap ul li
{
  width:100%;
  border: 1px solid #999;
}

#noshow
{
  	display:none !important;
}

#primary_nav_wrap ul li.current-menu-item
{
  //background:#EAEFE1;
  border: 1px solid #333;
  color: #000;
}

		
	[role=main]{
	padding:1.5em 2em;
	}
	
	header nav div{
	display: none;
	}
	
	header h1{
	display: none;
	}
	
	.img_frm img{
	width: 100%;
	}
}

span.redcaps
{
	color:#96276D;
	font-size:1.5em;
}

div.cell {
	display: inline-block;
	//border-style: solid;
	//border-width:15px;
	padding: 0px;
	margin: 10px 10px 10px 10px;	
	font-weight:500;
	font-size:150%;
	//background-color: #D0A583;
}

table.expand {
table-layout:fixed;
width:100%;
border:1px;
text-align:left;
background:#dedede;
}

table.expand td {
width:100%;
border:1px;
text-align:left;
background:#efefef;
border-style:solid;
border-color: #ddd
}

/*styling for lists*/

#warn ul li{
list-style-image:url("images/warn.jpg");
}

#copybull ul li{
list-style-image:url("images/copybullet.jpg");
}

/*DROPDOWN MENU*/

#primary_nav_wrap
{
  margin-top:15px
}

#primary_nav_wrap ul
{
  list-style:none;
  position:relative;
  float:left;
  margin:0;
  padding:0
}

#primary_nav_wrap ul a
{
  display:block;
  color:#A7171C;
  text-decoration:none;
  font-weight:700;
  font-size:16px;
  line-height:32px;
  padding:0 15px;
  font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
  position:relative;
  float:left;
  margin:0;
  padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
  background:#EAEFE1;
  border: 1px solid #333;
}

#primary_nav_wrap ul li:hover
{
  	color:#FBC65E;
	background: #fff;
	border: 1px solid #333;
}

#primary_nav_wrap ul ul
{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  background:#fff;
  padding:0
}

#primary_nav_wrap ul ul li
{
  float:none;
  width:200px
}

#primary_nav_wrap ul ul a
{
  line-height:120%;
  padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
  top:0;
  left:100%
}

#primary_nav_wrap ul li:hover > ul
{
  display:block
}