﻿/* == STYLESHEET FUNCTIONS - Global reset and base element styling
------------------------------------------------------------------------------------------------------------------------ 

/* == Global Reset 
------------------------------------------------------------------------------------------------------------------------ */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td, textarea, input {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: inherit;
	font-family: inherit;
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}


/* == Base Element Styling
------------------------------------------------------------------------------------------------------------------------ */

body{color: #6f7c85;font-family: Arial, Verdana, sans-serif;font-size: 75%; background: #eaf0f0;padding-bottom: 40px;}

h1, h2, h3, h4, h5, h6{font-size: 200%;margin: 20px 0;font-weight: bold;color: #252525;}
h1{margin: 0 0 10px 0;color: #003e37;letter-spacing: -2px;line-height: 0.9em;}
h2{font-size: 150%;color: #78a09c;border-top: dashed 1px #e1e1df;border-bottom: dashed 1px #e1e1df;padding: 5px 0;}
h3{font-size: 140%;}
h4{font-size: 130%;}
h5{font-size: 120%;}
h6{font-size: 110%;}

h1.home{font-size: 250%;}
h1.home a {text-decoration: none;}
h2.curve{border: 0;color: #143c33;font-size: 110%;background: url(../_img/title-grey-curve.gif) top left no-repeat;height: 35px; line-height: 35px;border-bottom: solid 1px #d2d1ce;padding: 0 0 0 10px;margin: 0 0 10px 0;}
h2.greyLozenge{border: 0;padding: 0;color: #143c33;font-size: 140%;background: url(../_img/title-grey-left.gif) top left no-repeat;margin: 0 0 10px 0;}
h2.greyLozenge.home{border: 0;padding: 0;color: #143c33;font-size: 110%;background: url(../_img/title-grey-left.gif) top left no-repeat;margin: 0 0 10px 0;}
h2.greyLozenge span{display: block;height: 36px;line-height: 36px;background: url(../_img/title-grey-right.gif) top right no-repeat;padding-left: 8px;position: relative;}
h2.greyFade{border: 0;padding: 0;color: #df8107;font-size: 140%;background: url(../_img/title-fade-left.gif) top left no-repeat;margin: 0 0 10px 0;}
h2.greyFade span{display: block;height: 36px;line-height: 36px;background: url(../_img/title-fade-right.gif) top right no-repeat;padding-left: 13px;}
h2.greenCurve{background: url(../_img/title-green-curve.gif) top left no-repeat;height: 27px; line-height: 27px;border: 0; padding: 0 0 0 20px;color: #fff;font-size: 120%;margin: 0 0 20px 0;}

p{margin: 20px 0;line-height: 1.7em;}
blockquote{margin: 20px;}

ul{margin: 10px 0 20px 30px; list-style-image: url(../_img/bullet-default.gif);}
ul li{margin: 5px 0;}
ol{margin: 20px 0 20px 25px; list-style-type: decimal;}
ol li{margin: 10px 0;}

dl{margin: 10px 0;}
dt{font-weight: bold;}
dd{text-indent: 15px;}

table{border-collapse: collapse;}
thead{}
tfoot{}
th{border: solid 1px #aaa;padding: 3px;}
tr{}
td{border: solid 1px #ddd;padding: 3px;}

form{margin: 10px 0;}
fieldset{}
legend{font-weight: bold;}
input.text{margin: 3px 0;border: solid 1px #a5acb2;font-size: 95%;padding: 2px;background: url(../_img/input-bg.gif) top left repeat-x;}
select{margin: 3px 0;border: solid 1px #a5acb2;font-size: 95%;}
.submitSmall{height: 23px; width: 51px; background: url(../_img/btn-small.gif) top left no-repeat;border: 0; padding: 0; color: #333333; text-align: center;font-size: 90%; letter-spacing: 0;font-weight: bold;cursor: pointer;}

a.info{background: url(../_img/info-btn-right.gif) top right no-repeat;padding: 5px 30px 5px 0;}
a.info span{background: url(../_img/info-btn-left.gif) top left no-repeat;padding: 5px 0 5px 10px;}
em{}

/* Cross browser hr styling */
hr{border: 0;border-top: solid 1px #ccc; height: 1px; margin: 5px 0;}
div.hr{margin: 5px 0px; border: none; border-top: 1px dashed #ccc;clear:both;}
div.hr hr{display:none;}

a{color: #34796e;text-decoration: underline;}
a:hover{text-decoration: none;}

img{vertical-align: bottom;}

/* = Independent Global Styles
------------------------------------------------------------------------------------------------------------------------ */

/** layout **/
.floatLeft{float: left;}
.floatRight{float: right;}
/** clearing **/
.clr{clear: both;}
.clrSml{clear: both;line-height:1px;height:1px;}
.clrz{clear: both;line-height:1px;height:1px;}
/** presentation **/
.fade{color: #d4d4d1;}
.orange{color: #df8107;}
.light{color: #75a6a1;}
.intro{font-size: 110%;line-height: 1.5em;}
.zoneOne p {margin: 10px 0;}
.templateOne .intro{font-size: 120%;}
.imgLeft{margin: 3px 11px 10px 0;}
.date{color: #256ec2; font-size: 95%;}
.sml{font-size: 95%;}
.viewLink{background: url(../_img/arrow.gif) center right no-repeat; padding-right: 15px;}
.backLink{color: #999; text-decoration: none;background: url(../_img/arrow-back.gif) center left no-repeat; padding-left: 15px;}
.titleRSS{position: absolute; bottom: 5px; right: 8px;}
.print{background: url(../_img/print.gif) center left no-repeat;padding: 5px 0 5px 35px;height: 25px; line-height: 25px;float: left;margin-right: 60px;}
.printPDF{background: url(../_img/pdf.gif) center left no-repeat;padding: 5px 0 5px 27px;height: 25px; line-height: 25px;float: left;margin-right: 60px;}
.send{background: url(../_img/send.gif) center left no-repeat;padding: 5px 0 5px 35px;height: 25px; line-height: 25px;float: left;}
.standoutText{color: #014c40;}
.hide{display:none;}

.h10 {height: 10px;}
.h20 {height: 20px;}

