﻿/* CSS Document */

/* hides accessibility & handheld elements */

.hide {
	position: absolute;
	left: -9999px;
	background:inherit;
}
.handheld {
	display: none;
}


/*********** General Styles ***********/

body {
font-family: Roboto, Arial, Helvetica, sans-serif;
font-size: 80%;
background-color: #F3EDDF !important;
background-position:inherit;
margin: 0px;
padding: 0px;
text-align: center;
}

a {
	color: #000099;
	text-decoration: none;
}

a:visited {
	color:#660066;
}
a:hover {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #333333;
}

p {
	margin: 0px;
	padding: .3em 10px .7em 10px;
	font-size: 95%;
}
h1{
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 2em;
	padding: 0em 10px 0em 10px;
    color: #000000;
    text-align: center; 
    font-weight: bold;
}

h2 {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	padding: .5em 10px .5em 10px;
    color: #000000;
}

h3 {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px;
	padding: .5em 10px .5em 10px;
	color: #000000;
}
h4 {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-style: oblique;
	font-size: 1em;
	margin: 0px;
	padding: .2em 10px .1em 10px;
	color: #000000;
}

ul {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
ol {
	margin: 0px;
	padding: 0px;
}
li {
	margin: 5px 5px 5px 5px;
}
.imgL {
	float: left;
	padding-right: 10px;
}
.imgR {
	float: right;
	padding-left: 10px;
}
.imgC {
	text-align: center;
	padding: 0px 10px 0px 10px;
}
.clear {
	clear:left;
}
.linkListing {
    color: #000000 !important;
    font-size: 16px !important;
}
.disabledLinkListing {
    color: #808080 !important;
    font-size: 16px !important;
}
.descriptiveInfo {
    font-size: 16px; 
    font-style: normal; 
    font-weight: normal;
}
.listingTable {
    width: 95%; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 0em 0em 0em 70px;
}
.headerDescription {
    width: 90% !important; 
    text-align: justify; 
    margin-left: auto; 
    margin-right: auto;
    padding: .3em 10px .7em 10px;
    display: block;
    font-size: 16px !important; 
}

.otherRecordList {
    width: 90% !important;
    margin-left: auto; 
    margin-right: auto;
    padding: .3em 10px .7em 10px;
    display: block;
    font-size: 16px !important;
}
/*********** Page Layout ***********/

#container {
	width: 100% !important;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top:0px;
	margin-bottom:0px;
	background-color: #666666;
	padding: 0px;
	
}
#background{
   	background-image: url(../images/banner2.jpg);
	background-position:top center;
	background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

/* for IE6 and below */
* html #banner {
	height: 107px;
}

#mdlogo {
	float: left;
    height: auto;
	width: 130px;
}
@media handheld {
#mdlogo { display: none; }
}

#global {
	float: right;
	padding: 0px 0px 5px 5px;
}
#global2 {
	float: right;
	clear: right;
	margin: 0px;
	padding: 0px 10px 10px 12px;
	*padding: 5px 10px 0px 10px; /* IE only padding */
}

#searchForm {
	float: right;
	padding: 20px 10px 0px 0px;
	*padding: 10px 10px 0px 0px; /* IE only padding */
}
.searchButton {
	left: -4px;
	*left: -8px; /* IE only position */
	position: relative;
	top: 8px;
	*top: 4px; /* IE only position */
}
.searchTextBox {
	height: 16px;
	font-size: .6875em; /* (10/16) */
}
#tools {
	float: right;
	clear: right;
	margin: 5px 15px 0px 0px;
	font-size: 85%;
}
#tools a {
	color:#CC3300;
}
#tools ul {
	margin:0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}
#tools li {
	display: inline;
	margin: 0px 0px 0px 5px;
	padding-left: 20px;
} 
.mail {
	background-image: url(../images/icons/mail.gif);
	background-position: left;
	background-repeat: no-repeat;
}
.print {
	background-image: url(../images/icons/print.gif);
	background-position: left;
	background-repeat: no-repeat;
}
#page {
	float: left;
	width: 100%;
	margin:0px;
}

#leftSide {
	width: 148px;
	float: left;
	padding: 0px 10px 10px 10px;
	margin:0px;
}
#content, ContentPlaceHolder1  {
	float: left;
	display: inline;
	position: relative;
	width: 820px;
	background-color: #F5F0EA;
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0px 0px 10px 0px;
}

#content li {
	font-size: 16px;
}

#footer {
	clear: both;
	color: #E3E3E3;
	text-align: right;
	margin: 0px;
	padding: 10px 5px 5px 0px;
}
#footer a {
	color: #CC3300;
}



/*********** Content Layout ***********/
#ColumnRight {
	position: relative;
	width: 240px;
	display: inline;
	float:left;
	margin: 0px;
}
#ColumnMain {
	position:absolute;
	width: 1000px;
	display: inline;
	float:left;
	margin: 0px;
}

/* allows for up to 11 unique Columns - (need to add letters in html if more than 1 of same is used) -  */
#Column560, #Column560a, #Column560b, #Column560c, #Column560d, #Column560e, #Column560f, #Column560g, #Column560h, #Column560i, #Column560j,  
#Column470, #Column470a, #Column470b, #Column470c, #Column470d, #Column470e, #Column470f, #Column470g, #Column470h, #Column470i, #Column470j, 
#Column320, #Column320a, #Column320b, #Column320c, #Column320d, #Column320e, #Column320f, #Column320g, #Column320h, #Column320i, #Column320j, 
#Column275, #Column275a, #Column275b, #Column275c, #Column275d, #Column275e, #Column275f, #Column275g, #Column275h, #Column275i, #Column275j, 
#Column230, #Column230a, #Column230b, #Column230c, #Column230d, #Column230e, #Column230f, #Column230g, #Column230h, #Column230i, #Column230j, 
#Column180, #Column180a, #Column180b, #Column180c, #Column180d, #Column180e, #Column180f, #Column180g, #Column180h, #Column180i, #Column180j,
#Column800, #Column800a, #Column800b, #Column800c, #Column800d, #Column800e, #Column800f, #Column800g, #Column800h, #Column800i, #Column800j,
#Column152, #Column152a, #Column152b, #Column152c, #Column152d, #Column152e, #Column152f, #Column152g, #Column152h, #Column152i, #Column152j,
#Column132, #Column132a, #Column132b, #Column132c, #Column132d, #Column132e, #Column132f, #Column132g, #Column132h, #Column132i, #Column132j,
#Column1000, #Column1000a   
{
	position: relative;
	float: left;
	display: inline;
	margin: 0px 0px 0px 0px;
	padding:0px;
	background-color: #F5F0EA;
}
#Column1000, #Column1000a {
	width: 1000px;
}
#Column900, #Column900a {
	width: 900px;
}

#Column800, #Column800a,#Column800b, #Column800c, #Column800d, #Column800e {
	width: 800px;
}
#Column560, #Column560a, #Column560b, #Column560c, #Column560d, #Column560e, #Column560f, #Column560g, #Column560h, #Column560i, #Column560j {
	width: 560px;
}
#Column470, #Column470a, #Column470b, #Column470c, #Column470d, #Column470e, #Column470f, #Column470g, #Column470h, #Column470i, #Column470j {
	width: 470px;
}
#Column320, #Column320a, #Column320b, #Column320c, #Column320d, #Column320e, #Column320f, #Column320g, #Column320h, #Column320i, #Column320j {
	width: 320px;
}
#Column275, #Column275a, #Column275b, #Column275c, #Column275d, #Column275e, #Column275f, #Column275g, #Column275h, #Column275i, #Column275j {
	width: 275px;
}
#Column230, #Column230a, #Column230b, #Column230c, #Column230d, #Column230e, #Column230f, #Column230g, #Column230h, #Column230i, #Column230j {
	width: 25%;
    top: 0px;
    left: 0px;
}
#Column180, #Column180a, #Column180b, #Column180c, #Column180d, #Column180e, #Column180f, #Column180g, #Column180h, #Column180i, #Column180j {
	width: 180px;
}
#Column152, #Column152a, #Column152b, #Column152c, #Column152d, #Column152e, #Column152f, #Column152g, #Column152h, #Column152i, #Column152j { 
	width: 152px;
}
#Column132, #Column132a, #Column132b, #Column132c, #Column132d, #Column132e, #Column132f, #Column132g, #Column132h, #Column132i, #Column132j { 
	width: 132px;
}

.imgFloat {  /* when using images INSTEAD of Columns - (width should be one of above) */
	position: relative;
	float: left;
	margin: 0px 0px 10px 10px;
}
.imgGov {  /* rises 10px higher */
	position: relative;
	float: left;
	display: inline;
	margin: -10px 0px 10px 10px;
}

/*********** BOX STYLES  ***********/


/*********** For Content Area (& Right Sidebar) ***********/
/*********** Background = #CCCCCC ***********/

/*********** GENERIC BOXES  ***********/

/****** boxBlank ******/
.boxBlank {
	background-color: #F5F0EA;
	padding-bottom: 5px;
	background-image: url(../images/page/cornerbottomright.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.boxBlank h1{
	background-image: url(../images/page/cornertopleft.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.boxBlank h2 {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-style: oblique;
}
.boxBlank h3 {
}
.boxBlank p {
}
.boxBlank img {
	margin: 10px 0px 0px 0px;
}

/****** boxWhite ******/
.boxWhite {
	background-color: #FFFFFF;
	background-image: url(../images/page/cornerbottomright.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
}
.boxWhite h2 {
	padding: 5px 5px 5px 10px;
	background-image: url(../images/page/cornertopleft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border-bottom: 2px solid #FFFFFF;
	font-family: Roboto, Arial, Helvetica, sans-serif;
}
.boxWhite h3 {
}
.boxWhite ul {
	margin-top: 5px;
	padding: 0px 7px 5px 10px;
	list-style-image: url(../images/icons/arrowOchre.gif);
	background-repeat: no-repeat;
}
.boxWhite ol {
	margin-top: 5px;
	padding: 0px 7px 5px 20px;
}
.boxWhite li {
	margin-left: 15px;
}
.boxWhite p {
	border-bottom: 2px dotted #CCCCCC;
	padding-bottom: 4px;
}

/****** boxColor ******/
.boxColor {
	background-color: #D8EEF3;
	background-image: url(../images/page/cornerbottomright.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
}
.boxColor h2 {
	padding: 5px 5px 5px 10px;
	background-image: url(../images/page/cornertopleft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border-bottom: 2px solid #95CED7;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	background-color: #BBD6DF;
	color: #000000;
}
.boxColor h3 {
	color: #286D88;
}
.boxColor h4 {
	text-transform: uppercase;
	font-style: normal;
	font-size: 90%;
	color: #283F4F;
}
.boxColor ul {
	margin-top: 5px;
	padding: 0px 7px 5px 10px;
	list-style-image: url(../images/icons/arrowslate.gif);
	background-repeat: no-repeat;
}
.boxColor ol {
	margin-top: 5px;
	padding: 0px 7px 5px 20px;
}
.boxColor li {
	margin-left: 15px;
}
.boxColor p {
	border-bottom: 2px dotted #FFFFFF;
	padding-bottom: 4px;
}

/*********** SUBJECT BOXES  ***********/

/****** boxNews ******/
.boxNews {
	background-color: #333333;
	background-image: url(../images/page/hbottom.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	color: #CCCCCC;
}
.boxNews h3 {
	text-transform: uppercase;
	font-size: 90%;
	padding-bottom: 0px;
	color: #FFFFFF;
	height:25px;
}
.boxNews h4 {
	color: #CCCCCC;
	font-size: 90%;
	height:20px;
}
.boxNews ul {
	list-style-type: none;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
}
.boxNews li {
	border-bottom: 2px dotted #666666;
	margin: 0px 5px 3px 0px;
	padding-bottom: 3px;
}
.boxNews a {
	color: #FFFFFF;
}
.boxNews a:visited {
	color: #CCCCCC;
}
.boxNews a:hover {
	color: #FFFFCC;
}
.boxNews p {
	padding: 0px 10px 5px 10px;
}
.boxNews h2 {
	padding: 5px 5px 5px 40px;
	background-image: url(../images/page/hnews.gif);
	background-repeat: no-repeat;
	border-right: 2px solid #999999;
	background-color: #E6E6E6;
	font-style:oblique;
	color: #000000;
    height:20px;
}

/****** boxServices ******/

.boxServices {
	background-color: #F8F9DB;
	background-image: url(../images/page/hbottom.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	padding-bottom: 5px;
}
.boxServices h3 {
	text-transform: uppercase;
	font-size: 90%;
	padding-bottom: 0px;
	color: #000000;
	height:20px;
}
.boxServices ul {
	margin-top: 5px;
	padding: 0px 7px 0px 10px;
	list-style-image: url(../images/icons/arrowOchre.gif);
	background-repeat: no-repeat;
}
.boxServices ol {
	margin-top: 5px;
	padding: 0px 7px 5px 20px;
}
.boxServices li {
	margin-left: 15px;
}
.boxServices p {
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
	border-top: 2px dotted #FFFFFF;
}
.boxServices h2 {
	padding: 5px 5px 5px 40px;
	background-image: url(../images/page/hservices.gif);
	background-repeat: no-repeat;
	border-right: 2px solid #999999;
	background-color: #E6E6E6;
	font-style:oblique;
	color: #000000;
	height:20px;
}

/****** boxFindit******/

.boxFindit {
	background-color: #DFF3DE;
	background-image: url(../images/page/hbottom.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	padding-bottom: 5px;
}
.boxFindit h3 {
	text-transform: uppercase;
	font-size: 90%;
	padding-bottom: 0px;
	color: #000000;
	height:20px;
}
.boxFindit ul {
	margin-top: 5px;
	padding: 0px 7px 0px 10px;
	list-style-image: url(../images/icons/arrowgreen.gif);
	background-repeat: no-repeat;
}
.boxFindit ol {
	margin-top: 5px;
	padding: 0px 7px 5px 20px;
}
.boxFindit li {
	margin-left: 15px;
}
.boxFindit p {
	padding: 5px 3px 5px 3px;
	margin-right: 5px;
	margin-left: 5px;
	border-top: 2px dotted #FFFFFF;
}
.boxFindit h2 {
	padding: 5px 5px 5px 40px;
	background-image: url(../images/page/hfindit.gif);
	background-repeat: no-repeat;
	border-right: 2px solid #999999;
	background-color: #E6E6E6;
	font-style:oblique;
	color: #000000;
	height:20px;
}

/****** boxPopular ******/

.boxPopular {
	background-color: #F8E9EA;
	background-image: url(../images/page/hbottom.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
}
.boxPopular h3 {
	text-transform: uppercase;
	font-size: 90%;
	padding-bottom: 0px;
	color: #000000;
	height:20px;
}
.boxPopular ul {
	list-style-type: none;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
}
.boxPopular ol {
	padding-left: 20px;
	margin-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
}
.boxPopular li {
	border-bottom: 2px dotted #E6B0B5;
	margin: 0px 5px 3px 0px;
	padding-bottom: 3px;
}
.boxPopular p {
	padding: 0px 10px 5px 10px;
}
.boxPopular h2 {
	padding: 5px 5px 5px 40px;
	background-image: url(../images/page/hpopular.gif);
	background-repeat: no-repeat;
	border-right: 2px solid #999999;
	background-color: #E6E6E6;
	font-style:oblique;
	color: #000000;
	height:20px;
}

/****** boxFAQ ******/

.boxFAQ {
	background-color: #F5EBC9;
	background-image: url(../images/page/hbottom.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
}
.boxFAQ h3 {
	text-transform: uppercase;
	font-size: 90%;
	padding-bottom: 0px;
	color: #000000;
	height:20px;
}
.boxFAQ ul {
	margin-top: 5px;
	padding: 0px 7px 0px 10px;
	list-style-image: url(../images/icons/arrowred.gif);
	background-repeat: no-repeat;
}
.boxFAQ ol {
	margin-top: 5px;
	padding: 0px 7px 5px 20px;
}
.boxFAQ li {
	margin-left: 15px;
}
.boxFAQ p {
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
	border-top: 2px dotted #FFFFFF;
}
.boxFAQ h2 {
	padding: 5px 5px 5px 40px;
	background-image: url(../images/page/hfaq.gif);
	background-repeat: no-repeat;
	border-right: 2px solid #999999;
	background-color: #E6E6E6;
	font-style:oblique;
	color: #000000;
	height:20px;
}

/****** boxConnected ******/

.boxConnected {
	background-color: #D6EBF3;
	background-image: url(../images/page/hbottom.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	padding-bottom: 5px;
}
.boxConnected h3 {
	text-transform: uppercase;
	font-size: 90%;
	padding-bottom: 0px;
	color: #000000;
	height:20px;
}
.boxConnected ul {
	margin-top: 5px;
	padding: 0px 7px 0px 10px;
	list-style-image: url(../images/icons/arrowslate.gif);
	background-repeat: no-repeat;
}
.boxConnected ol {
	margin-top: 5px;
	padding: 0px 7px 5px 20px;
}
.boxConnected li {
	margin-left: 15px;
}
.boxConnected p {
	padding: 5px;
	margin-right: 5px;
	margin-left: 5px;
	border-top: 2px dotted #FFFFFF;
}
.boxConnected h2 {
	padding: 5px 5px 5px 40px;
	background-image: url(../images/page/hconnect.gif);
	background-repeat: no-repeat;
	border-right: 2px solid #999999;
	background-color: #E6E6E6;
	font-style:oblique;
	color: #000000;
	height:20px;
}

/****** boxMedia ******/
.boxMedia {
	background-color: #464D6C;
	background-image: url(../images/page/hbottom.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	color: #CCCCCC;
}
.boxMedia h3 {
	text-transform: uppercase;
	font-size: 90%;
	padding-bottom: 0px;
	color: #CCFFFF;
	height:20px;
}
.boxMedia ul {
	list-style-type: none;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
}
.boxMedia li {
	border-bottom: 2px dotted #758CB7;
	margin: 0px 5px 3px 0px;
	padding-bottom: 3px;
}
.boxMedia a {
	color: #FFFFFF;
}
.boxMedia a:visited {
	color: #CCCCCC;
}
.boxMedia p {
	padding: 0px 10px 5px 10px;
	color: #C0E1F5;
}
.boxMedia h2 {
	padding: 5px 5px 5px 40px;
	background-image: url(../images/page/hmedia2.gif);
	background-repeat: no-repeat;
	border-right: 2px solid #999999;
	background-color: #E6E6E6;
	font-style:oblique;
	color: #000000;
	height:20px;
}



/****** boxEvents ******/

.boxEvents {
	background-color: #EBE7F5;
	background-image: url(../images/page/hbottom.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
}
.boxEvents h3 {
	text-transform: uppercase;
	font-size: 90%;
	padding-bottom: 0px;
	color: #000000;
	height:20px;
}
.boxEvents ul {
	list-style-type: none;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 0px;
}
.boxEvents li {
	border-bottom: 2px dotted #D1C9E9;
	margin: 0px 5px 3px 0px;
	padding-bottom: 3px;
}
.boxEvents p {
	padding: 0px 10px 5px 10px;
	color: #C0E1F5;
}
.boxEvents h2 {
	padding: 5px 5px 5px 40px;
	background-image: url(../images/page/hevents.gif);
	background-repeat: no-repeat;
	border-right: 2px solid #999999;
	background-color: #E6E6E6;
	font-style:oblique;
	color: #000000;
	height:20px;
}

/****** boxDocs ******/
.boxDocs {
	background-color: #E1E1E1;
	background-image: url(../images/page/hbottom.gif);
	background-repeat:no-repeat;
	background-position: bottom right;
	padding-bottom: 3px;
}
.boxDocs h3 {
	text-transform: uppercase;
	font-size: 90%;
	padding-bottom: 0px;
	color: #000000;
	height:20px;
}
.boxDocs p {
	padding: 3px 5px 3px 5px;
	margin-right: 5px;
	margin-left: 5px;
	border-top: 2px dotted #FFFFFF;
}
.boxDocs h2 {
	padding: 5px 5px 5px 40px;
	background-image: url(../images/page/hdocuments.gif);
	background-repeat: no-repeat;
	border-right: 2px solid #999999;
	background-color: #E6E6E6;
	font-style:oblique;
	color: #000000;
	height:20px;
}


/******** Document Types *****/

a[href$='.pdf'] { padding:0 2px 0 0; background:transparent url(../images/icons/acrobat.gif) no-repeat center right; }  
a[href$='.doc'],a[href$='.docx'] { padding:0 2px 0 0; background:transparent url(../images/icons/word.gif) no-repeat center right; }  
a[href$='.xls'],a[href$='.xlsx'] { padding:0 2px 0 0; background:transparent url(../images/icons/excel.gif) no-repeat center right; }  
a[href$='.mdf'] { padding:0 2px 0 0; background:transparent url(../images/icons/access.gif) no-repeat center right; }  
a[href$='.ppt'] { padding:0 2px 0 0; background:transparent url(../images/icons/powerpoint.gif) no-repeat center right; }  
a[href$='.txt'] { padding:0 2px 0 0; background:transparent url(../images/icons/text.gif) no-repeat center right; }
a[href$='.jpg'],a[href$='.gif']  { padding:0 2px 0 0; background:transparent url(../images/icons/image.gif) no-repeat center right; }  
a[href$='.zip'] { padding:0 2px 0 0; background:transparent url(../images/icons/zip.gif) no-repeat center right; }  