@media screen {

/*  =reset.css 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-weight : inherit; font-style : inherit; font-size : 100%; font-family : inherit; vertical-align: baseline; background : transparent; }

:focus { outline : 0; } 
ol, ul { list-style : none; }
table { border-collapse : collapse; border-spacing : 0; }
caption, th, td { text-align : left; font-weight : normal; }
blockquote:before, blockquote:after, q:before, q:after { content : ""; }
blockquote, q { quotes : "" ""; }

body {
background-image: url(images/bg.jpg);
background-position: center top;
background-repeat: repeat-y;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}

/* Centered Website Start */
#websiteContainer{
color: #222222;
position: relative;
visibility: visible;
width: 1000px;
height: 100%;
margin: 0 auto;
}

/* Top Content */
#topBox {
position: relative;
visibility: visible;
width: 1000px;
height: 84px;
}

#logoBox {
position: relative;
visibility: visible;
width: 1000px;
height: 84px;
}

#logoBox img {
float:left;
}

#logoBoxA {
position: relative;
visibility: visible;
width: 1000px;
height: 84px;
border-bottom: thin solid #222222;
}

#globalNavigation {
float: left;
top: 31px;
left: 96px;
position: relative;
visibility: visible;
width: 330px;
height: auto;
}

#globalNavigation a {
font-size: 12px;
font-weight: bold;
color: #222222;
}

#globalNavigation a:hover {
font-size: 12px;
font-weight: bold;
color: #f05a28;
}

#searchBox {
float: left;
position: relative;
visibility: visible;
width: 300px;
height: auto;
top: 30px;
left: 110px;
}

#shareThis {
width: auto;
height: auto;
position: absolute;
visibility: visible;
top: 7px;
right: 18px;	
}

/* Website Main Menu */
#menuBox {
position: relative;
visibility: visible;
width: 1000px;
height: 279px;
background-image:url(images/bannerBg.jpg);
border-bottom: thin solid #222222;
border-top: thin solid #222222;
}

#mainNavigation {
top: 0px;
left: 0px;
position: absolute;
visibility: visible;
width: 256px;
height: 279px;
}

#mainNavigation a {
letter-spacing: 1px;
position: relative;
visibility: visible;
color: #ffffff;
text-decoration:none;
font-size:14px;
width: 238px;
height: 16px;
display: block;
padding-top: 10px;
padding-bottom: 9px;
padding-left: 18px;
padding-right: 0px;
}

#mainNavigation a:hover {
letter-spacing: 1px;
position: relative;
visibility: visible;
color: #ffffff;
background-color: #f05a28;
text-decoration:none;
font-size:14px;
width: 238px;
height: 16px;
display: block;
padding-top: 10px;
padding-bottom: 9px;
padding-left: 18px;
padding-right: 0px;
}

#mainNavigation #active {
letter-spacing: 1px;
position: relative;
visibility: visible;
background-color: #f05a28;
color: #ffffff;
font-size:14px;
width: 238px;
height: 16px;
display: block;
padding-top: 10px;
padding-bottom: 9px;
padding-left: 18px;
padding-right: 0px;
}

#mainNavigation a.last {
letter-spacing: 1px;
position: relative;
visibility: visible;
color: #ffffff;
text-decoration:none;
font-size:14px;
width: 238px;
height: 16px;
display: block;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 18px;
padding-right: 0px;
}

#mainNavigation a:hover.last {
letter-spacing: 1px;
position: relative;
visibility: visible;
color: #ffffff;
background-color: #f05a28;
text-decoration:none;
font-size:14px;
width: 238px;
height: 16px;
display: block;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 18px;
padding-right: 0px;
}

#mainNavigation #active.last {
letter-spacing: 1px;
position: relative;
visibility: visible;
background-color: #f05a28;
color: #ffffff;
font-size:14px;
width: 238px;
height: 16px;
display: block;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 18px;
padding-right: 0px;
}


/* Website Banner */
#mainBanner {
top: 0px;
left: 256px;
position: absolute;
visibility: visible;
width: 744px;
height: 279px;
}

#singleBanner {
top: 0px;
left: 256px;
position: relative;
visibility: visible;
width: 744px;
height: 279px;
}

/* Middle Content */
#middleBox {
position: relative;
visibility: visible;
width: 1000px;
height: auto;
}

#middleBox a {
font-weight: bold;
color: #222222;
}

#middleBox a:hover {
font-weight: bold;
color: #f05a28;
}

/* Left Content */
#leftContent {
float: left;
position: relative;
visibility: visible;
width: 220px;
height: auto;
padding: 18px;
}

#leftContentM {
font-size: 16px;
line-height: 24px;
text-align: center;
float: left;
position: relative;
visibility: visible;
width: 220px;
height: auto;
padding: 18px;
}

#leftContentM h1 {
font-size: 20px;
font-weight:bold;
padding-bottom: 5px;
padding-top: 19px;
color: #f05a28;
}

#leftContentA {
font-size: 14px;
line-height: 18px;
text-align: left;
float: left;
position: relative;
visibility: visible;
width: 220px;
height: auto;
padding: 18px;
}

#leftContentA a {
font-size: 12px;
font-weight: bold;
color: #222222;
}

#leftContentA a:hover {
font-size: 12px;
font-weight: bold;
color: #f05a28;
}

#leftContentD {
float: left;
font-size: 12px;
position: relative;
visibility: visible;
width: 220px;
height: auto;
padding: 18px;
}

#leftContentD h1 {
font-size: 16px;
font-weight:bold;
padding-bottom: 5px;
padding-top: 19px;
color: #f05a28;
}

#leftContentD h1.big-left-title{
	font-size: 19px;
	color: #333333;
	padding-bottom: 0px;
}

#leftContentD h2 {
font-size: 14px;
padding-bottom: 3px;
}

/* Page Title Styles */
#pageTitleMain {
font-size: 12px;
width: 708px;
height: 57px;
border-bottom: thin solid #222222;
margin-bottom: 18px;
}

#pageTitleMain h1 {
letter-spacing: 2px;
font-size: 26px;
padding-bottom: 12px;
}

#pageTitle {
font-size: 12px;
width: 708px;
height: 57px;
border-bottom: thin solid #222222;
margin-bottom: 6px;
}

#pageTitle h1 {
letter-spacing: 2px;
font-size: 26px;
padding-bottom: 12px;
}

#linkCrumbs {
height: auto;
width: auto;
position: relative;
font-weight: bold;
font-size: 10px;
margin-bottom: 20px;
}

#checkbox_group_col_1 {
float: left;
width: 236px;
height: auto;
}

#checkbox_group_col_2 {
float: left;
width: 236px;
height: auto;
}

#checkbox_group_col_3 {
float: left;
width: 236px;
height: auto;
}

.imageFloat {
float: left;
border: solid 10px #82a33e;
margin-right: 18px;
margin-bottom: 16px;
}

.imageFloatPro {
float: left;
border: solid 6px #56c7f3;
margin-right: 18px;
margin-bottom: 8px;
}

iframe.map {
border: solid 5px #4174a3;	
}

#google_translate_element {
text-align: center;	
}

#siteMapBox {
float: left;
position:relative;
visibility:visible;
width: 354px;
height: auto;
}

.clear{
clear: both;	
}

#clear{
clear: both;	
}

/* Right Content Blocks */
#rightContent {
letter-spacing: 1px;
line-height: 18px;
font-size: 14px;
float: left;
position: relative;
visibility: visible;
width: 708px;
height: auto;
padding: 18px;
}

#rightContent h2 {
font-size: 18px;
font-weight: bold;
}

#rightContent ul {
position: relative;
visibility: visible;
margin-left: 18px;
}

#rightContent li {
padding-top: 16px;
list-style-position:outside;
}

#rightContent li.greenBullet {
list-style:url(images/greenBullet.gif);
}

#rightContentA {
letter-spacing: 1px;
font-size: 10px;
float: left;
position: relative;
visibility: visible;
width: 708px;
height: auto;
padding: 18px;
}

#rightContentA h1 {
font-size: 16px;
font-weight: bold;
}

#rightContentA h2 {
font-size: 14px;
font-weight: bold;
color: #f05a28;
padding-top: 10px;
padding-bottom: 10px;
}

#rightContentA ul {
position: relative;
visibility: visible;
font-size: 10px;
letter-spacing: 0px;
padding-bottom: 14px;
}

#rightContentA li {
padding: 5px;
list-style-position:inside;
list-style:square;
}

#rightContentD {
font-size: 14px;
letter-spacing: 1px;
line-height: 18px;
float: left;
position: relative;
visibility: visible;
width: 708px;
height: auto;
padding: 18px;
}

#rightContentD h2 {
font-size: 18px;
font-weight: bold;
padding-bottom: 10px;
}

#rightContentD h3 {
font-size: 16px;
font-weight: bold;
padding-bottom: 6px;
}

#categoryContainer {
line-height: 18px;
}

#rightContentD #categoryContainer {
padding: 12px;
}

#rightContentD #categoryContainer a {
font-size: 12px;
font-weight: bold;
color: #222222;
background-color: #ffffff;
border: 0px;
border-width:0px;
text-decoration: underline;
color: #222222;
}

#rightContentD #categoryContainer a:hover {
font-size: 12px;
font-weight: bold;
color: #f05a28;
border-style: none;
background-color:#ffffff;
text-decoration: underline;
outline:0 none;
}

#listingContainer {
padding: 12px;	
}

#rightContentD #listingContainer a {
font-size: 12px;
font-weight: bold;
color: #222222;
background-color: #ffffff;
border: 0px;
border-width:0px;
text-decoration: underline;
color: #222222;
}

#rightContentD #listingContainer a:hover {
font-size: 12px;
font-weight: bold;
color: #f05a28;
border-style: none;
background-color:#ffffff;
text-decoration: underline;
outline:0 none;
}

#listingContainer img {
float: right;
border: dotted 1px #222222;
background-color: #f5f5f5;
margin-top: 4px;
margin-left: 10px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
}

#rightContentD ul {
position: relative;
visibility: visible;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
}

#rightContentD li {
line-height: 18px;
letter-spacing: 1px;
font-size:12px;
padding-bottom: 5px;
padding-top: 5px;
list-style-position: outside;
list-style:none;
}

#rightContentD li.list-title {
line-height: 12px;
letter-spacing: 1px;
font-size:12px;
padding-bottom: 0px;
padding-top: 5px;
list-style-position: outside;
list-style:none;
}

#rightContentD ul.arrows {
position: relative;
left: 30px;
width: 660px;
visibility: visible;
padding-bottom: 10px;
}

#rightContentD ul.arrows li {
list-style-image: url(images/listarrows.jpg);
line-height: 18px;
letter-spacing: 1px;
font-size:12px;
padding-bottom: 2px;
padding-top: 2px;
list-style-position: outside;
}

#rightContentISA {
font-size: 14px;
letter-spacing: 1px;
line-height: 18px;
float: left;
position: relative;
visibility: visible;
width: 708px;
height: auto;
padding: 18px;
}

#rightContentISA ul {
position: relative;
visibility: visible;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 20px;
}

#rightContentISA li {
line-height: 18px;
letter-spacing: 1px;
font-size:12px;
padding-bottom: 5px;
padding-top: 5px;
list-style-position: outside;
list-style:none;
}

#rightContentDI {
font-size: 12px;
line-height: 18px;
float: left;
position: relative;
visibility: visible;
width: 708px;
height: auto;
padding: 18px;
}

#rightContentDI h2 {
font-size: 18px;
font-weight: bold;
padding-bottom: 10px;
}

/* Directory Accordions */
#content {
  width:100%;
  margin:0 auto;
  padding-bottom:20px;
  overflow:hidden;
}
.demo {
  margin:0;
  padding:0;
  position:relative;
}

#content .collapse li a {
font-weight: bold;
color: #222222;
background-color: #ffffff;
border:0px;
border-width:0px;
text-decoration:underline;
border-style:none;
outline:0 none;
}

#content .collapse li a:hover {
font-weight: bold;
color: #f05a28;
background-color: #ffffff;
border:0px;
border-width:0px;
text-decoration:underline;
border-style:none;
outline:0 none;
}
 
#switch, .switch {margin-bottom:10px; margin-top:-19px; text-align:right;}
 
/* --- Headings  --- */
#content h1 {
margin-top: 0px;
font-size:20px; 
font-weight:bold; 
color:#222222;
}
#content h1.mid-heading {
margin-top: 0px;
font-size:20px; 
font-weight:bold; 
color:#222222;
padding-bottom: 10px;
}
#content h2{
font-size:18px;
font-weight: bold;
padding-bottom: 0px;
}
 
/* --- Links  --- */
#content a:link, #content a:visited {
  background-color: #ffffff;
  border:1px dotted #222222;
  border-width:0 0 1px;
  text-decoration:none;
  color: #222222;
}
#content a:hover, #content a:active, #content a:focus {
  border-style:solid;
  background-color:#f05a28;
  outline:0 none;
}
#content a:active, #content a:focus {
  color: #ffffff;
}
.expand a {
  display:block;
  padding:3px 10px;
}
.expand a:link, .expand a:visited {
  border-width:1px;
  background-image:url(images/arrow-down.gif);
  background-repeat:no-repeat;
  background-position:98% 50%;
}
.expand a:hover, .expand a:active, .expand a:focus {
  text-decoration:underline;
}
.expand a.open:link, .expand a.open:visited {
  border-style:solid;
  background:#eee url(images/arrow-up.gif) no-repeat 98% 50%;
}

/* Bottom Content */
#bottomBox1 {
background-color: #222222;
font-size: 12px;
position: relative;
visibility: visible;
width: 1000px;
height: auto;
}

#bottomBox1 a {
font-weight: bold;
color: #ffffff;
}

#bottomBox1 a:hover {
font-weight: bold;
color: #f05a28;
}

#bottomBox1A {
background-color: #222222;
position: relative;
visibility: visible;
width: 1000px;
height: 1px;
}

#leftBoxB1 {
color: #ffffff;
float: left;
position: relative;
visibility: visible;
width: auto;
height: auto;
padding: 18px;
}

#rightBoxB1 {
color: #ffffff;
font-size: 10px;
float: right;
position: relative;
visibility: visible;
width: auto;
height: auto;
padding: 18px;
}

#bottomBox2 {
font-size: 12px;
position: relative;
visibility: visible;
width: 1000px;
height: auto;
}

#bottomBox2 a {
font-weight: bold;
color: #222222;
}

#bottomBox2 a:hover {
font-weight: bold;
color: #f05a28;
}

#leftBoxB2 {
font-size: 12px;
color: #222222;
float: left;
position: relative;
visibility: visible;
width: 800px;
height: auto;
padding-right: 18px;
padding-left: 18px;
padding-top: 24px;
padding-bottom: 24px;
}

#govLogos {
float:left;
position: relative;
visibility: visible;
width: 540px;
height: auto;
margin-right: 24px;
margin-top: 2px;
}

#rightBoxB2 {
color: #222222;
font-size: 10px;
text-align: right;
float: left;
position: relative;
visibility: visible;
width: 128px;
height: auto;
padding-right: 18px;
padding-left: 18px;
padding-top: 10px;
padding-bottom: 10px;
}

/* Universal Classes */
.bold {
font-weight: bold;
}

.boldI {
font-weight: bold;
font-style:italic;
}

.italic {
font-style:italic;
}

.boldIs {
font-weight: bold;
font-size: 12px;
font-style:italic;
}

.boldA {
font-weight: bold;
font-size: 12px;
}

.boldAU {
font-weight: bold;
font-size: 14px;
text-decoration:underline;
}

.boldU {
font-weight: bold;
text-decoration:underline;
}

.hide {
visibility: hidden;	
}

.blue {
color: #4175a5;
}

.green {
color: #81a23e;
}

.purple {
color: #8e298c;
}

.yellow {
color: #fff003;
}

.orange {
color: #f05a28;
}

.altH2tag{
font-weight: bold;
font-size: 13px;
color: #f05a28;
padding-bottom: 0px;
}
}