html, body { padding: 0; margin: 0; height: 100%; width: 100%; }
body, td, th, input, select, textarea { font: 12px/1.5 "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; }
.clear { clear: both; }
.hide {display: none;}
div.region-content div.content div .hide {display: none;}
a { color: #194E84; font-weight: bold; text-decoration: none;}
a:hover { color: #1b416b; text-decoration: underline; }
a img { border: none; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { margin: .5em 0; padding: 0; font-weight: bold; text-align: left; }
h1 { font-size: 200%; color: #194E84; border-bottom: 1px dotted #A1B4CD; text-align: center; }
h2 { font-size: 150%; color: #7595b5; }
h3 { font-size: 130%; color: #666; }
h4 { font-size: 110%; color: #333; margin: 0; }
h5 { font-size: 100%; margin: 0; }
h6 { font-size: 90%; margin: 0; }

#webform-client-form-800 .webform-component-date {
display: inline;
clear: both;
}
#webform-client-form-800 .webform-component-date .form-item {
float: left;
margin: 0; 
padding: 0;
}
#webform-client-form-800 .webform-component-webform_time .form-item {
display: inline-block;
margin: 0; 
padding: 0;
}
#webform-client-form-800 .webform-component-webform_time .form-radios {
display: inline-block;
margin: 0; 
padding: 0;
}


body { min-width: 750px; }

#webform-client-form-800 #edit-captcha {
clear: left;
margin-top: 10px;
}

.right { float: right; }
.left { float: left; }
.nobr { white-space: nowrap; }

p { padding: 0; margin: 0.5em 0; }
ul { list-style-image: url('li-diamond2.gif'); }
body.page { background: url(body-bg.gif) left top repeat-y; }
#top-nav { background-color: #000; border-bottom: 1px solid #fff; font-size: 75%; letter-spacing: 1px; }
#top-nav ul { float: right; display: block; margin: 0; padding: 0; }
#top-nav li { display: inline; margin:0; padding: 0; margin: 0; float: none; }
#top-nav a { color: #fff; padding: .2em 1em; display: block; float: left; border-left: 1px solid #666; }
#top-nav a:hover { color: #000; background-color: #fff; border-color: #fff; }
#top { background:#194E84 url(masthead-main-new2.jpg) no-repeat; height: 98px; font-size: 75%; }
#top h1 { margin: 0; padding: 0; }
#top h1 a { display: block; height: 98px; width: 400px; }
#top h1 span { visibility: eden; }
#nav { background: url(tabs-bg.gif) repeat-x left top; border-top: 1px solid #fff; }
#nav ul { margin: 0; padding: 0; }
#nav li { margin: 0; padding: 0; display: inline; float: none; background-image: url(nav-tabs.gif); }
#nav a { display: block; float: left; margin: 0; padding: 0; height: 40px; background-image: url(nav-tabs3.gif); text-indent: -1000px; }

#n1 a, #n1 {width: 99px; background-position: 0 0;}
#n1 a:hover {background-position: 0 -40px;}
#n1 a.current {background-position: 0 -80px;}
#n2 a, #n2 {width: 73px; background-position: -99px 0;}
#n2 a:hover {background-position: -99px -40px;}
#n2 a.current {background-position: -99px -80px;}
#n3 a, #n3 {width: 59px; background-position: -172px 0;}
#n3 a:hover {background-position: -172px -40px;}
#n3 a.current {background-position: -172px -80px;}
#n4 a, #n4 {width: 71px; background-position: -231px 0;}
#n4 a:hover {background-position: -231px -40px;}
#n4 a.current {background-position: -231px -80px;}
#n5 a, #n5 {width: 99px; background-position: -302px 0;}
#n5 a:hover {background-position: -302px -40px;}
#n5 a.current {background-position: -302px -80px;}
#n6 a, #n6 {width: 70px; background-position: -401px 0;}
#n6 a:hover {background-position: -401px -40px;}
#n6 a.current {background-position: -401px -80px;}
#n7 a, #n7 {width: 101px; background-position: -471px 0;}
#n7 a:hover {background-position: -471px -40px;}
#n7 a.current {background-position: -471px -80px;}
#n8 a, #n8 {display: none; width: 137px; background-position: -569px 0;}
#n8 a:hover {display: none; background-position: -569px -40px;}
#n8 a.current {display: none; background-position: -569px -80px;}

#breadcrumb { background-color: #fff; padding: .1em .5em; border-bottom: 1px solid #194e84; font-size: 80%; }
#columns { position: relative; max-width: 997px; min-width: 200px; zoom: 1; }
* html #columns { width: expression(document.body.clientWidth > 997 ? "997px" : "auto" ); }
#left-col { width: 150px; position: absolute; top: 0; left: 0; font-size: 80%; }

#left-col .lads { padding-bottom: 5px; }
#left-col .lads .content p { margin: 0; padding: 0; }
#left-col .lads .content a { padding: 5px 5px 0 5px; display: block; margin: 0; }
#left-col .lads .content img { padding: 0; margin: 0; display: block; }

#center-col { margin-left: 180px; padding: 1em 0; }
#center-inner { /* width: 800px; */ padding-right: 0px; }
body.two-sidebars #center-inner { /* width: 590px; */ padding-right: 227px; }
#right-col { position: absolute; right: 0px; top: 13px; width: 200px; font-size: 80%; line-height: 1.5em; }
#right-col h5 { color: #999; font-size: 120%; }
#right-col .block h2 { background: url(boxtop.gif) top left no-repeat; margin: 0; padding: 6px 10px 4px 10px; font-size: 12px; color: #194E84; text-align: center; }
#right-col .rightblue .content { border: 1px solid #b3c5d6; width: 198; overflow: hidden; background: #fff; }
#right-col .rightblue .block2 { padding: 7px; }
#right-col img { display: block; }
#search { float: right; margin: 1em; color: #fff; font-weight: bold; letter-spacing: 1px; }
#flag { display: block; }
#right-col .block { margin-bottom: 10px; }

#right-col .content ul, #right-col .content li { list-style: none; margin: 0; padding: 0; }
#right-col .content li { display: block; background: transparent url('doit.gif') left top no-repeat; padding-left: 15px; }

.block-admin-links { text-align: center; font-size: 9px; }
#block-user-1 { padding: 5px; }

.linklist ul, .linklist li { list-style: none; margin: 0; padding: 0; display: inline; }
.linklist a { display: block; background-color: #eaeeee; padding: 1px 5px 1px 9px; border-bottom: 1px solid #C3C8CB; border-top: 1px solid #FEFEFE; }
.linklist a:hover { background-color: #fff; border-top: 1px solid #d6dadd; color: #5e83a9; }

.leftmenu { border-bottom: 1px solid #C3C8CB; background-color: #ffffff; }
.leftmenu .content ul, .leftmenu .content li { display: inline; margin: 0; padding: 0; list-style: none; }
.leftmenu .content ul li a { display: block; font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; font-size: 10px; padding: 0.3em 5px 0.3em 9px; font-weight: normal; }
.leftmenu .content ul li a.strong { font-weight: bold; display: block; padding: 0.3em 5px 0.3em 9px; border: 1px solid #C3C8CB; border-width: 1px 0; background-color: #EAEEEE; color: #194E84; }
.leftmenu .content ul li a.strong:hover { background-color: #fff; }
.leftmenu .content ul li a:hover { background-color: #EBF0F4; text-decoration: underline; }

.lm2 { background-color: #ffffff; }
.lm2 .content p { margin: 0; padding: 0; }
.lm2 .content a,
.lm2 .content p strong { display: block; font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; font-size: 10px; padding: 3px 5px 3px 9px; font-weight: normal; }
.lm2 .content p a,
.lm2 .content p strong { font-weight: bold; display: block; padding: 1px 5px 0px 9px; border-bottom: 1px solid #C3C8CB; border-top: 1px solid #fff; background-color: #EAEEEE; }
.lm2 .content p a:hover { text-decoration: underline; background-color: #fff; }
.lm2 .content ul { border-bottom: 1px solid #C3C8CB; display: block; margin: 0; padding: 0; padding-bottom: 6px; list-style: none; }
.lm2 .content ul li { display: inline; margin: 0; padding: 0; list-style: none; }
.lm2 .content ul li a:hover { background-color: #EBF0F4; text-decoration: underline; }
.lm2 .content ul strong { display: block; padding: 10px 5px 2px 9px; border-top: 1px solid #C3C8CB; }
.lm2 .content ol { margin: 0; padding: 0; display: block; border-top: 1px solid #FEFEFE; border-bottom: 1px solid #C3C8CB; background-color: #F1F1F1; list-style: none; color: #666; padding-bottom: 6px; border-bottom: 1px solid #C3C8CB; }
.lm2 .content ol li { display: block; margin: 0; padding: 0; list-style: none; }
.lm2 .content ol li a { display: block; padding: 2px 5px 1px 9px; }
.lm2 .content ol li a:hover { text-decoration: underline; }
.lm2 .content ol li strong { display: block; padding: 10px 5px 2px 9px; }


#ql ul { display: none; }
#ql.open { border-bottom: 1px solid #000; }
#ql.open ul { display: inline; }
#ql-toggle { background: #194E84 url(plus.gif) right center no-repeat; color: #fff; border: none; font-weight: normal; }
#ql.open #ql-toggle { background-image: url(minus.gif); }
.padb { padding: 5px; }

#switcher { height: 20px; width: 150px; overflow: hidden; position: relative; background: #fff url(switcher.gif) 0 -20px; }
#switcher ul, #switcher li { list-style: none; display: inline; margin: 0; padding: 0; }
#switcher a { display: block; background: transparent url(switcher.gif) no-repeat; height: 20px; width: 30px; float: left; text-decoration: none; text-indent: -5000px; }
#sstyle a { background-position: 0 -20px; width: 30px; }
#sstyle a:hover { background-position: 0 0; }
#mstyle a { background-position: -30px -20px; width: 20px; }
#mstyle a:hover { background-position: -30px 0; }
#lstyle a { background-position: -50px -20px; width: 30px; }
#lstyle a:hover { background-position: -50px 0; }
#emailpage a { background-position: -80px -20px; width: 30px; }
#emailpage a:hover { background-position: -80px 0; }
#printpage a { background-position: -110px -20px; width: 40px; }
#printpage a:hover { background-position: -110px 0; }

p.borders { border: 1px dotted #A1B4CD; border-width: 1px 0; padding: 8px; }

#gtranslate { padding-left: 5px; }
#gtranslate select { width: 130px; }
#gtranslate a { display: block; }

h3.cal-heading { text-align: center; }
.cal-prev { float: left; }
.cal-next { float: right; }
.cal-prev a { display: block; padding: 5px; }
.cal-next a { display: block; padding: 5px; }

div.region-contact { border: 1px solid #A1B4CD; max-width: 168px; margin: 0 0 1em 1.5em; display: inline; float: right; padding: 7px; font-size: 80%; background: #fff; }
div.region-contact h2 { font-size: 110%; color: #194E84; font-weight: bold; margin-top: 0; }
div.region-contact h3 { font-size: 110%; color: #666; font-weight: bold; }
div.region-contact h4 { font-size: 100%; color: #666; font-weight: bold; }
div.region-contact h5 { font-size: 100%; color: #666; font-weight: bold; }

/* Hack to get text flow around contact blocks in IE7 o_O */
/* div.region-content,
div.region-content div { display: inline; }
div.region-content div.content div { display: block; }
div.webform-container-inline div, div.webform-container-inline div.form-item { display: inline !important; } */

#columns span.calendar-tid-1 a { color: #090;  }
#columns span.calendar-tid-2 a { color: #33f;  }
#columns span.calendar-tid-3 a { color: #f60;  }



.dg3 { margin-bottom: 2em; border: 1px solid #b5b5b5; width: 100%; border-collapse: collapse; -moz-box-shadow: #b5b5b5 0px 3px 6px; -webkit-box-shadow: #b5b5b5 0px 3px 6px; }
.dg3 td { margin: 0; padding: 3px 5px; text-align: left; border-top: 1px solid #b5b5b5; vertical-align: top; }
.dg3 th { background-color: #eee; font-weight: bold; color: #777; padding: 3px 5px; border-bottom: 2px solid #b5b5b5; text-align: left; vertical-align: top; }
.dg3 tr { background-color: #eee; }
.dg3 tr.odd { background-color: #e7e7e7; }
.dg3 tr.even { background-color: #eee; }

.dg4 { margin-bottom: 2em; width: 100%; border-collapse: collapse; }
.dg4 td, .dg4 th { margin: 0; padding: 3px 5px; text-align: left; vertical-align: top; }
.dg4 th { font-weight: bold; color: #777; text-align: left; vertical-align: bottom; }
.dg4 thead { border-bottom: 2px solid #b5b5b5; }
.dg4 tbody { border-bottom: 1px solid #b5b5b5; }
.dg4 .odd { background-color: #f8f8f8; }

.imgleft { padding: 5px; margin-right: 5px; border: 1px solid #a1b4cd; float: left; clear: left; margin-bottom: 5px; }
.imgright { padding: 5px; margin-left: 5px; border: 1px solid #a1b4cd; float: right; clear: right; margin-bottom: 5px; }

.blueinfo { width: 85%; text-align: center; background: #EEF3F7; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; padding: 8px; margin: 8px 30px 14px 30px; }
p.backtotop a { display: block; font-size: 80%; color: #194E84; text-align: center; padding: 8px; border-top: 1px dotted #A1B4CD; border-bottom: 1px dotted #A1B4CD; clear: both; }
p.backtotop a:hover { background: #EEF3F7; }

hr { border: none; border-bottom: 1px dotted #A1B4CD; color: #fff; height: 0; background-color: #fff; }

.dim { color: #888; }

div#block-system-main div.node { display: inline; }

.node tbody { border-top: 0; }
.block tbody { border-top: 0; }

p.img-caption-left { padding: 5px; margin-right: 5px; border: 1px solid #a1b4cd; float: left; clear: left; margin-bottom: 5px; color: #666; font-size: 80%; }
p.img-caption-left img { display: block; }
p.img-caption-right { padding: 5px; margin-left: 5px; border: 1px solid #a1b4cd; float: right; clear: right; margin-bottom: 5px; color: #666; font-size: 80%; text-align: right; }
p.img-caption-right img { display: block; margin-botom: 5px; }

div#block-block-5 { clear: both; display: block; }

#right-col .lscroll .content { border: 1px solid #b3c5d6; padding: 7px; position: relative; }
#right-col .lscroll .content li { margin: 0; padding: 0; list-style: none; background: transparent; width: 184px; padding-bottom: 14px; }
#right-col .lscroll .content ul { list-style: none; margin: 0; padding: 0; }
.jcarousel-clip { overflow: hidden; }
#right-col .lscroll .jcarousel-prev { background: url(left-arrow.gif) center center no-repeat; width: 15px; height: 15px; float: left; cursor: pointer; position: absolute; bottom: 0; right: 15px; }
#right-col .lscroll .jcarousel-next { background: url(right-arrow.gif) center center no-repeat; width: 15px; height: 15px; float: right; cursor: pointer; position: absolute; bottom: 0; right: 0; }

div.request-bid { padding-bottom: 5px; }
div.request-bid span { color: #800; float: left; margin-left: 10px; padding: 3px 0; }
div.request-bid a { font-weight: bold; background-color: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 5px; display: block; float: left; }
div.request-bid a:hover { background-color: #ddd; text-decoration: none; }


.filter-help a { display: none; }

li.dir.closed { list-style-image: url(folder_add.gif); }
li.dir { list-style-image: url(folder_delete.gif); }
li.dir.closed ul { display: none; }
li.file { list-style-image: url(page_white.gif); }
li.dir a, li.file a { padding-left: 5px; }

legend { font-weight: bold; }

#center-inner div.onlineformbox { background: url(/files/ads/LogoOnlineFormBox.gif) no-repeat top center;
	border: 1px solid #c00;
	border-top: 4px solid #c00;
	padding-top: 10px; padding-left: 20px;
}

#center-inner div.clerkboxgold { background: url(/files/clerk/images/mclogo-gold-lt.png) center top no-repeat #fcd538;
	border: 1px solid black; border-top: 4px solid black;
	padding-top: 10px; padding-left: 20px; 	margin-top: 20px;
}
#center-inner div.clerkboxgreen { background: url(/files/clerk/images/mclogo-green-lt.png) center top no-repeat #37a415;
	border: 1px solid black; 
	padding-top: 10px; padding-left: 20px;
	border-top: 4px solid black;
}

#easyhtml5video { right:  9px; top:  2px;
}


.err { color: #a00; }

div.files h2 { margin: 1em 0 0 0; }
table.files { width: 100%; }
table.files tr, table.files tr.even, table.files tr.odd { background-color: #fff; }
table.files tr.odd { background-color: #f0f0f0; }
table.files * { border: none; }
table.files th { border-bottom: 1px solid #888; }
table.files td, table.files th { padding: 0 8px 0 0; width: 50%; }
table.files h3 { margin-bottom: 0; }
a.files-show-link { background-color: #194E84; border-radius: 3px; color: #fff; text-align: center; padding: 0 4px; margin-top: 1px; }




.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#center-col .content img { max-width: 100% !important; height: auto !important; }

.purple-box { color: #fff; padding: 5px 10px; background: #404; color: #fff; border-radius: 5px; }
.purple-box a { color: #fff; text-decoration: underline; }

.red-alert { color: #900; font-weight: bold; text-align: center; font-size: 14px; }
.red-alert a { color: #900; text-decoration: underline; text-decoration-color: #900; }
.red-alert a:hover { color: #400; }
