@charset "UTF-8";
* {
margin: 0;
padding: 0;
}
body {
	margin: 0;
	padding: 0;
	color: #000;
	min-width:960px;
	background:url(/images/body_bg.jpg) repeat #fff;
}
img {border:none;}
h2 {font-weight:normal;font-size:100%;text-transform:uppercase;}
h3.dotted { background: url(/images/bottomColsDots.png) no-repeat bottom center; padding-bottom: 3px; margin-bottom: 10px; }
.rightCol h2 { background: url(/images/rightColLine.jpg) no-repeat bottom left; padding-bottom: 3px; }
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.hide {display: none;}
.centerWrapper {
	margin:0 auto;
	width: 960px;
}
.contentWrapper {
	padding: 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a.more { padding-top: 15px; display: block; font-weight: bold;}
a.more:hover { text-decoration: underline; }

.contentWrapper h2 { font-family: 'Varela', sans-serif; font-size: 1.5em; border-bottom: solid 2px #000030; margin: 15px 0 5px 0; }
.contentWrapper h3 { font-family: 'Varela', sans-serif; font-size: 1.3em; margin: 15px 0 5px 0; text-transform: uppercase; }
.contentWrapper h4 { margin: 15px 0 5px 0; text-transform: uppercase; }
.contentWrapper ul { list-style: disc; margin-left: 20px; }
.contentWrapper ul li { padding: 2px 0; }
.contentWrapper table { width: 100%; }
.contentWrapper table th { text-align: left; }
.contentWrapper table th, .contentWrapper table td { padding: 2px; }
.contentWrapper a{
	text-decoration:none;
	color:#072845;
}
.contentWrapper a:hover{
	text-decoration:underline;
}

.opening {font-size:110%;line-height:135%;margin-top:5px;}

#topBar {
	font-family:Arial;
	font-size:10px;
	height:23px;
	min-width:960px;
	background:url(/images/topBar_bg.jpg) repeat-x;
	padding-top:2px;
}
#topBar a{
	color:#003d9d;
	font-weight:bold;
	text-decoration:none;
}
#topBar a:hover{
	color:#165c55;
}
.topBarText {
	float:left;
	padding-top:5px;
}

.topDropdown {
	float:right;
}
#logoContainer {
	height:97px;
	min-width:960px;
	background:url(/images/logo_bg.jpg) repeat-x;
	background-position:top center;
}
#noticeWrapper { text-align: center; display: none; }
#noticeWrapper p { font-family: 'Varela'; font-size: 0.8em; background: url(/images/banner_mid.png) repeat-x; text-transform: uppercase; color: #fff; display: block; height: 35px; line-height: 35px; margin: 0; }
#noticeWrapper p a { color: #fff; text-decoration: none; border-bottom: solid 1px #fff; }
#noticeWrapper p a:hover, #noticeWrapper p a:active { color: #000; border-color: #000; }
#noticeWrapper p a.closeBtn { float: right; border: none; line-height: 35px; margin-right: 10px; }

#headerLogo a{	
	float:left;
	margin-top:4px;
	width:257px;
	height:82px;
	background:url(/images/logo-wateratlas-sarasota.png) no-repeat;
	text-decoration: none;
	}
#headerLogo a span {
	position: relative; 
	left: -5000px; 
}
.logo a{
	display:block;
	width:257px;
	height:82px;
	border:none;
	outline: 0;
	text-decoration:none;
}

.logoLine{
	float:left;
	margin-top:25px;
	margin-left:10px;
	width:3px;
	height:64px;
	/*background:url(/images/logoLine.jpg) no-repeat;*/
}

.countyLogo{
	float:left;
	margin-top:35px;
	margin-left:20px;
	/*width:144px;*/
	height:47px;
	/*background:url(/images/logo-county-sarasota.png) no-repeat;*/
}
.countyLogo a{
	display:block;
	width:257px;
	height:82px;
	border:none;
	outline: 0;
	text-decoration:none;
}

.siteSearch{
	float:right;
	padding-top:33px;
}
.searchbox {
	float:left;
	margin-right:10px;
	height:23px;
	width:250px;
	border:solid 1px #000;
	color:#000;
	font-size:18px;
	padding: 5px 10px;
}
.searchbox_submit{
	color:#000;
	font-family:Arial;
	font-size:16px;
	padding: 6px;
}

#navigation {
	height:36px;
	color:#fff;
	min-width:960px;
	background:url(/images/nav_bg.jpg) repeat-x;
	font-size:16pt;
	font-family: 'Varela', sans-serif;
	text-transform:uppercase;
}
#navigation a{
	text-decoration:none;
	color:#fff;
}
#navigation a:hover{
	text-decoration:none;
	color:#8a8a8a;
}
.centerNav {
	width:930px;
	margin:0 auto;
}
#navigation ul{
	list-style:none;
	padding-top:4px;
    padding-left: 9px;
}
#navigation li{
	float:left;
	width: 180px;
	text-align: center;
}

#navLinks { 
	z-index: 9999;
	position: absolute;
	left: 50%;
	margin-left: -465px;
	height: 335px;
	display: none; 
	background: url(/images/menu2.png) no-repeat;
	font-size:12pt;
	font-family: Arial;
	text-transform:uppercase;
	padding-bottom: 5px;
	text-align: left;
    background: #bebebe; /* Old browsers */
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQANr165NY0QWAwkEBwfPggvCBECKwILIAmBBdAGQIAB64BJzXjPT/wAAAABJRU5ErkJggg==), -moz-linear-gradient(top,  #bebebe 0%, #d6d6d6 7%, #dadada 11%, #dbdbdb 19%, #dedede 28%, #dadada 43%, #d6d6d6 47%, #d4d4d4 51%, #cecece 64%, #cacaca 69%, #cacaca 73%, #c8c8c8 73%, #c6c6c6 83%, #c4c4c4 83%, #c2c2c2 88%, #b6b6b6 93%, #979797 100%); /* FF3.6+ */
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQANr165NY0QWAwkEBwfPggvCBECKwILIAmBBdAGQIAB64BJzXjPT/wAAAABJRU5ErkJggg==), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebebe), color-stop(7%,#d6d6d6), color-stop(11%,#dadada), color-stop(19%,#dbdbdb), color-stop(28%,#dedede), color-stop(43%,#dadada), color-stop(47%,#d6d6d6), color-stop(51%,#d4d4d4), color-stop(64%,#cecece), color-stop(69%,#cacaca), color-stop(73%,#cacaca), color-stop(73%,#c8c8c8), color-stop(83%,#c6c6c6), color-stop(83%,#c4c4c4), color-stop(88%,#c2c2c2), color-stop(93%,#b6b6b6), color-stop(100%,#979797)); /* Chrome,Safari4+ */
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQANr165NY0QWAwkEBwfPggvCBECKwILIAmBBdAGQIAB64BJzXjPT/wAAAABJRU5ErkJggg==), -webkit-linear-gradient(top,  #bebebe 0%,#d6d6d6 7%,#dadada 11%,#dbdbdb 19%,#dedede 28%,#dadada 43%,#d6d6d6 47%,#d4d4d4 51%,#cecece 64%,#cacaca 69%,#cacaca 73%,#c8c8c8 73%,#c6c6c6 83%,#c4c4c4 83%,#c2c2c2 88%,#b6b6b6 93%,#979797 100%); /* Chrome10+,Safari5.1+ */
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQANr165NY0QWAwkEBwfPggvCBECKwILIAmBBdAGQIAB64BJzXjPT/wAAAABJRU5ErkJggg==), -o-linear-gradient(top,  #bebebe 0%,#d6d6d6 7%,#dadada 11%,#dbdbdb 19%,#dedede 28%,#dadada 43%,#d6d6d6 47%,#d4d4d4 51%,#cecece 64%,#cacaca 69%,#cacaca 73%,#c8c8c8 73%,#c6c6c6 83%,#c4c4c4 83%,#c2c2c2 88%,#b6b6b6 93%,#979797 100%); /* Opera 11.10+ */
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQANr165NY0QWAwkEBwfPggvCBECKwILIAmBBdAGQIAB64BJzXjPT/wAAAABJRU5ErkJggg==), -ms-linear-gradient(top,  #bebebe 0%,#d6d6d6 7%,#dadada 11%,#dbdbdb 19%,#dedede 28%,#dadada 43%,#d6d6d6 47%,#d4d4d4 51%,#cecece 64%,#cacaca 69%,#cacaca 73%,#c8c8c8 73%,#c6c6c6 83%,#c4c4c4 83%,#c2c2c2 88%,#b6b6b6 93%,#979797 100%); /* IE10+ */
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQANr165NY0QWAwkEBwfPggvCBECKwILIAmBBdAGQIAB64BJzXjPT/wAAAABJRU5ErkJggg==), linear-gradient(to bottom,  #bebebe 0%,#d6d6d6 7%,#dadada 11%,#dbdbdb 19%,#dedede 28%,#dadada 43%,#d6d6d6 47%,#d4d4d4 51%,#cecece 64%,#cacaca 69%,#cacaca 73%,#c8c8c8 73%,#c6c6c6 83%,#c4c4c4 83%,#c2c2c2 88%,#b6b6b6 93%,#979797 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#979797',GradientType=0 ); /* IE6-9 */
    background-repeat: repeat;
    -webkit-box-shadow: inset 0 -6px 1px 7px #285481, inset 0 -10px 6px 6px #000, inset 0 -12px 1px 1px white;
    -moz-box-shadow: inset 0 -6px 1px 7px #285481, inset 0 -10px 6px 6px #000, inset 0 -12px 1px 1px white;
    box-shadow: inset 0 -6px 1px 7px #285481, inset 0 -10px 6px 6px #000, inset 0 -12px 1px 1px white;
    background-size: auto!important;
    padding-bottom:30px!important;
}
#navLinks ul { 
	float: left; 
	width: 180px; 
	font-size: 10pt; 
	list-style: none;
	padding-top: 25px;	
}
#navLinks ul.first { margin-left: 15px; }
#navLinks li { 
	background-image: none; 
	padding: 5px 10px; 
	text-shadow: 0px 1px 1px #ffffff;
	background: url(/images/arrow2.png) no-repeat 0 2px;
}
#navLinks li a { color: #000; text-decoration: none; padding-left: 8px; display: inline-block; font-weight: bold; }
#navLinks li a:hover { color:#165c55; text-decoration: underline; }
#navLinks li.hl { background: url(/images/arrow3.png) no-repeat 0 3px; }
#navLinks li.hl a { color: #000; font-weight: bold; }
#navLinks ul.colselect a { color: #a00; }
#navLinks ul.colselect li.hl a { color: #700; font-weight: bold; }

#bannerWrapper {
	height:293px;
	min-width:960px;
	background:url(/images/banner_bg.jpg) repeat-x;
}
#sliderWrapper{
	width:785px;
	margin:0 auto;	
}
#sliderPush {
	float:left;
	margin-top:14px;
	z-index:999;
	overflow:visible;
}
#bannerBottom{
	height:47px;
	background:url(/images/bannerBottom_bg.png) no-repeat;
	background-position:top center;
	z-index:-999;
}
#bannerBottomTheme{
	height:18px;
	background:url(/images/bannerBottomTheme_bg.png) no-repeat;
	background-position:top center;
	z-index:-999;
}

#welcome{
	height:48px;
	width:960px;
	margin:0 auto;
	padding-top:55px;
	background:url(/images/welcome.png) no-repeat;
	font-family: 'Varela', sans-serif;
	color:#fff;
	text-align:center;
	font-size:15px;
}

#banner2{
	height:88px;
	width:960px;
	margin:0 auto;
	background:url(/images/bannerBlank.png) no-repeat;
	text-align:center;
	padding-top: 15px;
}
#banner2 h1, #banner2 h2 { 
	font: 45px/50px 'LeagueGothicRegular', Arial, sans-serif;
	letter-spacing: 0; 
	text-transform: uppercase; 
	color: #fff; 
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1.0)), to(rgba(0,0,0,0.65)));  
}
#banner2 p { 
	font-family: 'Varela', sans-serif;
	color:#fff;
	font-size:15px;
}

.bodyBG{
	width:930px;
	margin:0 auto;
	background:#eeeeee;
}
.bodyBG-theme{
	padding-top: 5px;
	background:#fff;
	color: #072845;
}
.leftCol {
	float:left;
	width:545px;
	padding-left:20px;
	padding-top:15px;
	min-height:375px;
	font-family: 'Varela', sans-serif;
	color:#072845;
}
.leftCol p{
	margin:15px 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.leftCol a{
	font-size:10px;
	text-decoration:none;
	color:#072845;
	font-weight:bold;
}
#wrSearchForm img { position: relative; left: -20px; }
#wrSearchForm a { font-size: 12px; }
#wrSearchForm a:hover { text-decoration: underline; }
.resoucesearchbox {
	float:left;
	margin-right:10px;
	margin-top:20px;
	height:23px;
	border:solid 1px #000;
	color:#000;
	font-size:18px;
}
.resourcesearchbox_submit{
	background:url(/images/findresource_bg.jpg) no-repeat;
	height:25px;
	width:116px;
	margin-top:20px;
	border:none;
	color:#fff;
	font-family:Arial;
	font-size:12px;
}
#conditionsBox{
	margin-top:10px;
	width:526px;
	border-top:solid 5px #515458;
	border-left:solid 3px #515458;
	border-right:solid 3px #515458;
	border-bottom:solid 3px #53565a;
    text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table.codeplaceholder{
	margin:0;
	padding:0;
	border-collapse:collapse;
}
tr.cellHeight {
	border-bottom:solid 1px #53565a;
}
tr.cellHeight td { padding: 5px 0; }
td.name{
	text-align:center;
	font-size:1.2em;
	width:161px;
}
td.name span { font-size:.75em; }
td.sample{
	text-align:center;
	font-size:12px;
	width:161px;
	color:#58626c;
}
td.sample span, td.history span { font-size: 1.2em; color:#0c2e4d;font-weight:bold; padding: 3px 0; display: block; }
#conditionsBox td.sample span a { font-weight: bold; }
td.sample span i { margin-left: 5px; }
td.history{
	text-align:center;
	font-size:12px;
	width:161px;
	color:#58626c;
}
#conditionsBox a{
	font-size:1.0em;
	font-weight: normal;
}
#conditionsBox a:hover{
	color:#2d2d2d;
	text-decoration: underline;
}

.rightCol {
	float:left;
	width:330px;
	padding-left:35px;
	padding-top:15px;
	min-height:375px;
	background:url(/images/rightColShadow.jpg) top left no-repeat;
	font-family: 'Varela', sans-serif;
	color:#072845;
}
.rightCol ul{
	margin-left:15px;
	margin-top:10px;
	margin-bottom:0px;
	margin-right: 5px;
	font-size:11px;
	list-style-image: url(/images/ulDot.jpg);
}
.rightCol li{
	margin-bottom:5px;
}
.rightCol a{
	font-size:10px;
	text-decoration:none;
	color:#072845;
	font-family:Arial, Helvetica, sans-serif;
}
.rightCol li a{
	font-size:12px;
	text-decoration:none;
	color:#072845;
	font-family:Arial, Helvetica, sans-serif;
}
.rightCol li a:hover{
	text-decoration:underline;
}
#events {
	margin-top:20px;
	margin-bottom: 10px;
	min-height: 270px;
}
.eventsDate{
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-family:Arial;
	font-size:12px;
	color:#ea7a07;
	margin-top:15px;
	font-weight:bold;
}
.eventText{
	float:left;
	width:280px;
	text-align:left;
	font-family:Arial;
	font-size:11px; 
	color:#072845;
	margin-top:15px;
	margin-left:8px;
}
.eventText a{
	text-align:left;
	font-family:Arial;
	font-size:12px; 
	color:#072845;
	font-weight:bold;
}
.eventText a:hover{
	text-decoration:underline;
}
.eventText i { display: block; padding-top: 5px; }
#topRibbon{
	width:960px;
	height:19px;
	background:url(/images/topRibbon.png) no-repeat;
}
#ribbon{
	width:960px;
	height:346px;
	background:url(/images/ribbon_bg.jpg) no-repeat;
	font-family: 'Varela', sans-serif;
	text-transform:uppercase;
	color:#fff;
	font-size:18px;
}
.ribbonShadow{
	width:960px;
	height:20px;
	background:url(/images/ribbonShadow.png) no-repeat;
}
.ribbonWrapper{
	width:870px;
	margin:0 auto;
}
.ribbonCol {
	float:left;
	width:50%;
	margin-top:5px;
	position: relative;
}
.ribbonColFix h3, .ribbonColFix div { margin-left: 15px; }
h3.ribbonHead { font-size: 18px; border-bottom: solid 2px #fff; width: 96%; font-weight: normal; }
h3.ribbonHead a { font-size: 0.70em; float: right; color: #dedede; text-decoration: none; line-height: 23px; display: block; }
h3.ribbonHead a:hover { color: #fff; }
.ribbonImage {
	margin-top:5px;
	height: 275px;
	width: 414px;
}
.ribbonCaption {
	font-family: Arial;
	font-size: 10pt;
	background-color: #555;
	display: block;
	padding: 5px;
	position: absolute;
	width: 404px;
	bottom: 5px;
	left:0;
	opacity: .7;
	text-transform: none;
}
.videoThumbnail {position:relative;}
.videoButton { position:absolute;display:block;width:97px;height:60px;top:105px;left:175px; border: none; }
.videoPlayer { display: none; }
.bottomBodyBG {
	background-color:#fdfdfd;
	width:930px;
	margin:0 auto;
	background:url(/images/bottomCols.jpg) top center no-repeat;
	min-height:250px;
}
.bottomLeftCol {
	float:left;
	width:33%;
	text-align:center;
	padding-top:15px;
	color:#072845;
	font-family: 'Varela', sans-serif;
}
.bottomLeftCol h2, .bottomLeftCol h3{
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
}
.bottomLeftCol a{
	text-decoration:none;
	font-size:13px;
	font-family:Arial;
	color:#072845;
}
.bottomLeftCol a:hover{
	color:#000;
	text-decoration:underline;
}
.bottomCenterCol {
	float:left;
	width:33%;
	text-align:center;
	padding-top:15px;
	color:#072845;
	font-family: 'Varela', sans-serif;
}
.bottomCenterCol h1{
	font-size:22px;
	font-weight:bold;
	text-transform:uppercase;
}
.bottomCenterCol a{
	text-decoration:none;
	font-size:13px;
	font-family:Arial;
	color:#072845;
}
.bottomCenterCol a:hover{
	color:#000;
	text-decoration:underline;
}
.bottomRightCol {
	float:left;
	width:33%;
	text-align:center;
	padding-top:15px;
	color:#072845;
	font-family: 'Varela', sans-serif;
}
.bottomRightCol h2, .bottomRightCol h3{
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
}
.bottomRightCol p{
	color:#7a7a7a;
	font-size:12px;
	font-style:italic;
	margin: 0 auto;
	width: 80%;
}
.bigNumber { 
	font: 60px/68px 'LeagueGothicRegular', Arial, sans-serif;
	letter-spacing: 0; 
	text-shadow: 0px 1px 1px #000;
	-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1.0)), to(rgba(0,0,0,0.65)));  
}
.modal-header h3 {font-size:14px;font-family:'Varela',sans-serif}
.modal-body p {font-size:12px;font-family: Arial,Helvetica,sans-serif;}
.modal-body p a {font-size:12px;font-family: Arial,Helvetica,sans-serif;font-weight:bold;}

#footer{
	width:960px;
	height:308px;
	margin:0 auto;
	background:url(/images/footer_bg.png) no-repeat;
}
#footerWrapper{
	padding-left:30px;
	padding-top: 70px;
	margin:0 auto;
}
.footerCol{
	float:left;
	margin-top:25px;
	height:225px;
	width:20%;
	font-size:11px;
	line-height:14px;
	font-family:Arial;
	color:#fff;
}
.footerCol h5 { font-size: 12px; border-bottom: dotted 1px #fcff07; width: 90%; padding-bottom: 5px; margin-bottom: 7px; }
.footerCol ul { list-style: none; }
.footerCol a{
	color:#fff;
	text-decoration:none;
	line-height:14px;
	font-family:Arial;
	font-size:12px;
	text-shadow: 0px 1px 1px #000;
}
.footerCol ul a:hover{
	text-decoration: underline;
}
.socialIcons {
	border:0;	
	margin:2px;
}
.socialIcons a{
	text-decoration:none;
}
#copyright{
	font-family:Arial;
	font-size:10px;
	color:#252937;
	text-align:center;
	font-weight:bold;
	padding-bottom: 15px;
}
#copyright a{
	color:#252937;
}
#copyright a:hover{
	text-decoration:none;
}

img.line {
	display:block;
}
img.dots {
	display:block;
	margin:0 auto;
}

/*** Marco Polo ***/

#wrSearchForm img {
  display: none;
  margin-left: 10px;
  vertical-align: bottom;
}

form.mp_busy img {
  display: inline;
}

/* The input. */
input.mp_input {
  border: 1px solid #000000;
  font: inherit;
  font-size: 100%;
  margin: 0;
  outline: none;
  padding: 3px;
  width: 380px;
  float: none;
  display:block;
}

/* Ordered list for display results. */
ol.mp_list {
  background-color: #FFFFFF;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  overflow: auto;
  position: absolute;
  width: 386px;
  z-index: 99999;
  max-height: 400px;
}

/* Each list item, regardless of success, error, etc. */
ol.mp_list li {
  border-bottom: 1px solid #C0C0C0;
  padding: 4px 4px 5px;
}

/* Each list item from a successful request. */
ol.mp_list li.mp_item {

}

/* Each list item that's selectable. */
ol.mp_list li.mp_selectable {
  cursor: pointer;
}

/* Currently highlighted list item. */
ol.mp_list li.mp_highlighted {
  background-color: #E0E0E0;
}

/* When a request is made that returns zero results. */
ol.mp_list li.mp_no_results {

}

/* When a request is made that doesn't meet the 'minChars' length option. */
ol.mp_list li.mp_min_chars {

}

/* When a request is made that fails during the ajax request. */
ol.mp_list li.mp_error {

}

div.pleaseWait { display: none; width: 150px; height: 32px; margin: 0 auto; position: fixed; top: 50%; left: 50%; margin-left: -75px; margin-top: -16px; background-color: #fff; padding: 10px; border: outset 3px #aaa; line-height: 35px; z-index: 9999; }
div.pleaseWait img { float: left; }
body.redirecting div.pleaseWait { display: block; }

div.tool { background: url(/images/theme_bg5.png) no-repeat; width: 283px; display: inline-block; float: left; margin-left: 20px; margin-top: 10px; }
div.tool-head { padding: 5px; color: #fff; }
div.tool-head a { text-decoration: none; }
div.tool-head a:hover h3 { color:#8a8a8a; }
div.tool img { height: 130px; width: 273px;  }
div.tool h3 { text-transform: uppercase; text-align: right; font-size: 1.6em; font-family: 'LeagueGothicRegular', Arial, sans-serif; font-smooth: always; letter-spacing: 0; font-weight: normal !important; text-shadow: none !important; color: #fff; height: 30px; width: 100%; overflow: hidden; }
div.tool p { color: #072845; font-family: 'Varela', sans-serif; font-size: 13px; padding: 1.0em .5em .4em .5em; height: 135px; overflow: auto; text-align: justify; }
div.tool p a { color: #07287D; text-align: right; text-decoration: none; font-weight: bold; text-transform: uppercase; display: block; padding-top: 15px; }
div.tool p a:hover, div.tool p a:active { text-decoration: underline; }

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

/* Menu tweaks by Adhok */
#navLinks {
background-size: 100%;
width: auto;
padding: 10px;
height: auto;
display: none;
min-height: 250px;
}



@media print {
    *, :after, :before {
        color: #000!important;
        text-shadow: none!important;
        background: 0 0!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }

     #headerLogo a:after {
        content: url(/images/logo-WA-horiz-transparent.png) ;
        visibility:visible!important;
        display:block!important;
        top: 17px;
        left: 20px;
        position: absolute;
    }

}