html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
}
body {
	background-color:#688396;
	/*	background-image:url(../images/background-top.gif);
	background-repeat:repeat-y;*/
}
.index #hometab{
display:none;	
}
/* hide mobile only elements */
.mobileonly{display:none;}
.smallscreen{visibility:hidden;}
.hidden{position: absolute;
	left: -1000em;
	width: 20em;
	color:#fff}
/* hide from everyone but screen readers */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* common styles */
ul, ol {
	margin-top:2px;
	margin-bottom: 15px;
	
}
img {
	border:0;
}
table {
	
	margin-top: 5px;
}
th, td {
	padding: 3px;
	
}
th {
	background-color:#204662;
	color:#fff;
}
th a:link{color:#fff;}
th a:visited{color:#fff;}

legend {
	font-weight:bold;
	/*font-size: 110%;
	color:#204662;*/
	padding: 5px;
}
fieldset {
	padding: 20px;
	margin-bottom: 10px;
}
fieldset p {
	padding-bottom: 10px;
}
input {
	padding-left:3px;
	padding-right:3px;
}
td blockquote, td p{margin-top: 0px; margin-bottom: 0px; margin-right: 0px;}
button{cursor:pointer; padding-left: 5px; padding-right:5px; }
a:link {
	text-decoration:underline;
	color:#000066;
}
a:visited {
	text-decoration:underline;
	color:#551651
}
a:hover {
	text-decoration:none;
}
/* design styles */
#bg {
	position:fixed;
	width:100%;
	height:100%;
}
#PrimaryHeader {
	background-color:#fff;
	/*margin-top: 10px;*/
	border-top: 1px solid #000;
}
p.deptheader{margin-left:25px; margin-top: 20px; margin-bottom: 5px; font-weight:bold;}
ul#headerMenu{position:absolute; right: 0px; top: 5px; z-index: 75; color:#fff; list-style:none; font-size: 110%;}
#headerMenu li{display:inline; margin-right: 17px; }
#headerMenu a {color:#fff;  text-decoration: none; border-bottom:1px dotted #fff;}
#headerMenu a:hover { border-bottom:1px solid #fff;}
.increase {
	font-size:110%
}
.decrease {
	font-size:95%
}
#logosearchbar{
	background-color:#51617a;
	height: 83px;
	
}
#logosearchbar a{color:#fff;}
#logoheaderimage{position:absolute; z-index: 10;}

#headerimgbar {
		height: 211px;
}
#transparencyImage {
	position:absolute;
	z-index:55;
	right: 0px;
	top: 0px;
	display:none;
}
#topcurve {
	position: absolute;
	top:119px;
	z-index: 50;
	border-top: 1px solid #000;
	}
#socialmedialinks{margin-bottom: 50px; position:absolute; top: 398px; left: 820px; z-index:100; color:#fff;}
#breadCrumb {
	position:absolute;
	top: 325px;
	left:200px;
	z-index: 55;
	width: 550px;
	text-transform:uppercase;
}
#breadCrumb a{color:#224662; text-decoration:none; white-space:nowrap; border-bottom: 1px dotted #000;}
/*  remove the following style once all templates have been updated. used to correct problem with breadcrumb blocking content in adobe contribute edit mode. */
#breadCrumb #breadCrumb{
	position:absolute;
	top: 0px;
	left:0px;
	z-index: 55;
	width: 550px;
	text-transform:uppercase;
}
h1.PageHeader {
	font-size: 140%;
	color: #224662;
	margin: 15px;
}
#bodywrapper {
	width: 1005px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	z-index:1;
	background-image:url(../images/background-bars.gif);
	background-repeat:repeat-y;
	background-color:#fff;
}
#bodywrapper p {
	margin-top: 7px;
}
#bodywrapper h2 {
	margin-top: 20px;
}
#bodywrapper h3 {
	margin-top: 20px;
}
#PrimaryLeftColumn {
	position:relative;
	z-index: 55;
	width: 201px;
	float:left;
	min-height: 200px;
	background-color:#224662;
	color:#fff;
}
#PrimaryCenterColumn {
	position:relative;
	z-index: 50;
	float:left;
	width:570px;
	padding: 10px;
	background-color:#fff;
	margin-top: 70px;
	border-left: 8px solid #fff;
	min-height: 300px;
}
#PrimaryCenterColumn li {
	margin-bottom: 3px;
}
#centerTop{background-color:#fff;}
#centerLeft{float:left; width:274px; padding: 5px; background-color:#fff;}
#centerRight{float:left; width:274px; padding: 5px; background-color:#fff;}
#centerBottom{clear:both; background-color:#fff;}
#PrimaryRightColumn {
	position:relative;
	z-index: 20;
	width: 180px;
	float:right;
	color:#fff;
	padding: 10px;
	padding-bottom: 0px;
	padding-top: 97px;
	min-height: 200px;
	margin-top: 80px;
	background-color:#224662;
}

#PrimaryRightColumn a:link, #PrimaryRightColumn a:visited {
	color:#fff;
}
#PrimaryRightColumn h2 {
	color:#f1c858;
	text-transform:uppercase;
	font-size: 100% !important;
}

#PrimaryRightColumn img {max-width: 182px;}
/*home page links */
#PrimaryRightColumn .homeColumnLinks a, #PrimaryLeftColumn .homeColumnLinks a{
	display:block;
	padding-bottom: 3px;
	padding-top: 3px;
	border-top: 1px solid #fff;
	text-decoration:none;
	color:#fff;
		font-size: 90%;
white-space: nowrap;
	font-weight: bold;
}
#PrimaryRightColumn .homeColumnLinks a:last-child, #PrimaryLeftColumn .homeColumnLinks a:last-child{
border-bottom: 1px solid #fff;	
}
#PrimaryLeftColumn .homeColumnLinks a{
	font-size: 100%; 
}
#PrimaryLeftColumn .homeColumnLinks a:first-child{
border-top: 0px solid #fff;	
}
.toplefthomecolumnlinks{
margin-top: 20px !important;	
}
#rightContent {
	margin-top: 20px;

}
#leftContent {
	margin-top: 20px;
	}
#leftContent a:link, #leftContent a:visited {
	color:#fff;
}	
/* search boxes */
#bodywrapper #searchbox {
	position:absolute;
	right: 17px;
	top: 38px;
	z-index: 100;
}
#searchbox #searchform label{position:absolute;
left:-5000px;
top:auto;
}
#searchbox input {margin-left: 10px; padding: 0; }
#searchbox #goword, #searchbox #q {
	background-color:#fff;
	color:#000;
	width: 225px;
	border:0px;
	font-weight:bold;
	font-size: 95%;
	font-style:italic;
	float: left;
	margin-top: 6px;
}

#assist {
	position: absolute;
	z-index: 300;
	opacity:0.9;
	filter:alpha(opacity=90)
}
#assist span {
	background-color:#fff;
	border: 1px solid #eee;
	color:#000;
	padding-left: 5px;
}
#service_search_assist {
	position: absolute;
	margin-left: -100px;
	z-index: 300;
	opacity:0.9;
	filter:alpha(opacity=90);
	text-align: left;
}
#service_search_assist span {
	background-color:#fff;
	border: 1px solid #eee;
	color:#000;
	padding-left: 5px;
	font-weight:normal;
}
span.assist {
	display:block;
	width: 165px;
	font-size: 90%;
}
#assist span:hover, #service_search_assist span:hover {
	cursor:pointer;
}
#footmenu {
	clear:both;
	text-align: center;
	padding:15px;
	background: #b8c2b5;
	color:#fff;
	height: 60px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	position:relative;
	/*z-index: 50;*/
}
#footmenu a, #footmenu a:link, #footmenu a:visited {
	color:#000;
}
#footmenu a {
	margin: 15px;
	
}
#copyright  {
	color:#000;
	padding-top: 15px;
}
/* apps icon */
.appsicon{
	position:absolute;
	right: 190px;
	top: 87px;
z-index:55;
}
#crumbs {
	margin: 10px;
	margin-top: 0px;
	font-size: 80%;
	padding: 10px;
}

/* google translate */
#bodywrapper #googlelng {
	position:absolute;
	right: 25px;
	top: 91px;
z-index:55;
}
#googlelng #translatebutton{vertical-align:top; }
#googlelng select {
	border:1px solid #000;
	background-color:#fff;
	color:#000;
	font-weight:bold;
	padding-top: 1px;
	padding-bottom: 1px;

}
/* social media button */ 
.addthis_default_style, #sa_share_bar{
	position:absolute;
	right: 175px;
	border: 1px solid #000;
	padding: 3px;
	margin-top: 7px;
	background-color:#fff;
	width: 120px;
	z-index:55;
	height: 16px;
}
#sa_share_bar img{border:none;}

/* category and a-z pages */
li.navCatLinks {
	margin-bottom: 7px;
}
/* content manager menu styles */
#cms-menu {
	text-align: right;
	padding-bottom: 10px;
	
}
#cms-menu a, #cms-menu a:link, #cms-menu a:active, #cms-menu a:visited {
	color: #fff;
	font-weight:bold;
	border-bottom: 1px dotted #fff;
	text-decoration:none;
	margin: 2px;
}
#cms-menu a:hover, #footer a:hover {
	text-decoration:underline;
}
/* various content styles */
#options div {
	cursor:move;
	margin: 10px;
}
#login {
	width: 300px;
}
.WebForms{ border: 1px solid #ccc; padding: 20px;}
.WebForms fieldset{ border:0px; margin-left: 0px; padding: 0px;}
.WebForms legend {
	font-weight:normal;
	padding: 5px; white-space:normal;
	 display: table; /* IE10 */
}
.WebForms table{margin-top: 0px;}
.WebForms div{margin-bottom:15px;}
.forms-list {
	width: 75%;
	border: 1px dashed navy;
	font-size: 90%;
	padding: 10px;
	margin-bottom: 5px;
}
.message {
	color:#009900;
}
.template {
	color:#00F;
}
.error {
	color:#CC0000;
	clear:both;
	
}
.ui-state-highlight {
	height: 1.5em;
	line-height: 1.2em;
	background-color:#FC9;
	width:250px;
	border: 1px solid #ccc;
}
#addform {
	display:none;
}
.progressMeterBack{background-color:#ccc; width: 700px;}
.progressMeterFORE{background-color:#003366; padding: 5px; color:#fff;}
.instructions {
	border: 1px dashed #ccc;
	background-color:#eee;
	padding: 5px;
	display:block;
	margin-bottom: 10px;
}
.logstats {
	float:right;
	padding: 5px;
	margin: 10px;
	border: 1px solid #000;
	background-color:#CCCCCC;
}
#yearsearch {
	background-color:#ccc;
	padding: 7px;
}
p.skiplink{height: 0px; margin:0; padding:0;}
a.skiplink {
	position: absolute;
	left: -1000em;
	width: 20em;
	color:#fff
}
/*  survey results   */
li.results {
	margin-bottom: 5px;
	width: 100%;
	list-style:none;
	padding-left: 0px;
	margin-left: 0px;
}
.statbars {
	background-color:#600;
	height: 10px;
	display:inline;
	margin-right: 10px;
}
.answerheader {
	font-weight: bold;
	margin-bottom: 2px;
	background-color:#006;
	color: #fff;
	padding: 5px;
}
.answer_group {
	border: 1px solid #000;
	padding: 5px;
	margin-bottom: 10px;
}
.highlight {
	background-color:#eee;
}
.total {
	font-weight:bold;
	text-align: right;
}
/* other */
a.button {
	margin-left: 5px;
}
#map {
	cursor:crosshair;
}
.deerhunt-table {
	font-size: 90%;
}
#center {
	margin-left:20px;
	width: 735px;
}
table img {
	margin: 3px;
}
.menuborder {
	border: 1px dashed #ccc;
	background-color:#eee;
	padding: 5px;
	display:block;
	margin-bottom: 10px;
	font-weight:bold;
}
#filter1, #filter2 {
	display:inline;
	margin-right: 20px;
}
/* search results */
.searchresult {
	background-color:#eee;
	padding: 10px;
	margin: 20px;
}
/* category page most requested and category and info columns */
div#toplinks {
	width: 300px;
	float: right;
	border: 1px solid #000;
	margin-right: 10px;
	font-size: 90%
}
div#toplinks h3 {
	background-color: #a4bb38;
	padding: 5px;
	color: #000;
	border-bottom: 1px solid #000;
	margin-top: 0px;
	font-size: 110%;
}
#toplinks li {
	margin-bottom: 7px;
}
#category_list ul, #information_list ul, #toplinks ul {
	list-style:none;
	margin-left: 5px;
}

#category_list h3, #information_list h3 {
	background-color:#ccc;
	padding: 3px;
	width: 300px;
	border: 1px solid #000;
	font-size: 100%;
}

/*sitemap */
.sitemapdiv{
	border: solid 1px #ccc; 
	padding:10px;
	margin-right: 5px;
	width: 235px;
	float:left;
}
.sitemapdiv h3{background-color:#224662; padding: 5px; margin:5px; color:#fff;}
.sitemapdiv h4{background-color:#ccc; padding: 5px; margin:5px;}

/* alert messages */
#alertMessage{width: 100%;  border: 2px solid #000; background-color:#5a0a04; color: #fff; font-size: 120%; background-image:url(../images/alert-agradiant.gif); background-repeat:repeat-x; margin-bottom: 10px; text-align:center; height: 30px;}
#alertMessage li{margin: 7px;}
#alertMessage a{color: #fff; text-decoration:none; border-bottom: 1px dotted #fff;}
#alertMessage a:hover{color: #ccc; }
#alertMessage p{position: absolute; z-index: 1000; right: 30px; top: -5px; border: 1px solid #fff; padding-left: 5px; padding-right: 5px; font-size: 90%; background-color:#000;}

.upgrade_error{background-color:#fff; padding: 5px; color:red; text-align:center;}
.sortable{cursor:pointer;}

/* font awesome */
.fa{
margin: 5px !important;	
	font-size: 1.25em  !important;	
}
a .fa{
color: #224662;	
}
#PrimaryRightColumn a .fa{
color: #fff;
	font-size: 200% !important;
	margin-bottom: 40px;
}
#PrimaryLeftColumn a .fa{
color: #fff;
	font-size: 250% !important;
} 
a.button .fa{
color: #fff;	
}