/* Hants stylesheet*/

body, html { font-size: 100%; line-height:1.2em; font-family: arial, verdana, helvetica, sans-serif; margin: 0; padding: 0; 
border: 0; background-color: #ffffff; }
p {	margin: 5px 0;}
p.no-padding-no-margin {padding:0; margin:0;}
p.logo { color:#1B4A7E; clear: both; font-size: 0.75em; padding:0; font-weight: bold;}
	
hr { color: #C9E6F8; background-color: #C9E6F8; height: 1px; border:0; margin: 10px 0; /*_margin: 5px 0;*/	}	
blockquote { padding:0 0 0 12px; margin:12px 0 0 0;	background:url(../../images/bg-quote.png) no-repeat;	}
blockquote p { margin:2px 0;}
cite { font-size:.85em; margin:0; padding:0 0 0 6px;}
fieldset { padding:15px; border: 1px solid #C9E6F8;  }
legend { color:#1B4A7E;	padding:5px 3px 10px 3px; font-weight: bold;}
/* keep superscript and subscript text from breaking the line-spacing */
sub { position: relative; font-size: 0.8em; vertical-align: baseline; bottom: 0.00em; }
sup { position: relative; font-size: 0.8em; vertical-align: baseline; bottom: 0.25em; }

/* all text boxes to have yellow bg when selected */
input:focus {  background-color: Yellow;}

/* this is the iframe for the google search results - CHECK MAX-HEIGHT TO STOP HUGE GAP when searched from SSL pages 
REMOVE HEIGHT TO STOP RESULTS BEING CHOPPED OFF AT BOTTOM */
iframe { width: 450px; border: 0; min-height: 100% !important; 
/* height: 100% !important;  */ max-height: 100% !important; }
div.google {  height: 100% !important; border: 0;  }

/* alerts */
span.Low, span.Low a { color: #A3D06D !important; font-weight: bold;}
span.Low a:hover, span.Low a:focus { color: #A3D06D !important; font-weight: bold;}
span.Moderate, span.Moderate a { color: #F89C46 !important; font-weight: bold;}
span.Moderate a:hover, span.Moderate a:focus { color: #F89C46 !important; font-weight: bold;}
span.High, span.High a { color: #E33539 !important; font-weight: bold; }
span.High a:hover, span.High a:focus { color: #E33539 !important; font-weight: bold; }
span.VeryHigh, span.VeryHigh a { color: #B84B9A !important; font-weight: bold; }
span.VeryHigh a:hover, span.VeryHigh a:focus { color: #B84B9A !important; font-weight: bold; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img { border: 0; }
img.border { border: 1px solid #E3F2FB; }
img.float-left-margin { border: 1px solid #768eb5; float: left; margin-right: 5px }
img.float-left-margin-noborder { border: 0; float: left; margin-right: 5px }
img.float-right-margin { border: 1px solid #768eb5; float: right; margin-left: 5px }
img.darker-border {  border: 1px solid #C9E6F8; }
img.logo { border: 0; margin: 0; float: right; }
img.air-alert-icon {  border: 0; margin: 0 5px 0 0; float: left; }
img.map { border: 1px solid #e9eef7  !important; margin: 0; z-index: 0 !important;}
img.competition { margin: 10px 10px 2px 10px!important; }


/* ######## FLASH ##### */

object#flash-fade { margin: 0; padding: 0; border: 0; float: left; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS  - CHECK FONT SIZE FOR RESIZING TEXT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
h1, h2, h3, h4, h5, h6 { font-size:1.8em; font-family: Arial Rounded MT, arial, verdana, helvetica, sans-serif; line-height:1.1em;
 margin:5px 0; color: #1b4384;}
h1 { margin-bottom: 0;}
h1.page-title { font-size: 1.6em; display: inline;}
h1, h2 {margin-top: 0;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}
h3.small {font-size:1.2em;}
h4 {font-size:1.1em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	DEFAULT LINKS STYLE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a, a:link {color:#F89C46; text-decoration:none; font-weight: bold !important;}
a:visited {color:#F89C46; text-decoration: none;}
a:hover {color:#F89C46 !important; text-decoration: underline !important; background-color:#768eb5;}
a:active {color:#F89C46; text-decoration: underline !important;}
a:focus {color:#F89C46; text-decoration: underline !important; background-color:#768eb5;}
a.no-bg:hover { background-color: Transparent !important;}
a.no-bg:focus { background-color: Transparent !important;}

a.Low, a.Low:hover, a.Low:focus { color: #A3D06D !important; font-weight: bold;}
a.Moderate, a.Moderate:hover, a.Moderate:focus { color: #F89C46 !important; font-weight: bold;}
a.High, a.High:hover, a.High:focus { color: #E33539 !important; font-weight: bold; }
a.VeryHigh, a.VeryHigh:hover, a.VeryHigh:focus { color: #B84B9A !important; font-weight: bold; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP NAVIGATION 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#top-navigation { z-index: 1; background-color: #e9eef7; background-image: url(../../images/bg-nav-pale-blue.png); background-repeat: no-repeat; 
margin-top: 20px; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 750px; padding: 0; position: relative; 
font-weight: bold; /* MAKES TEXT RESIZE TOO BIG font-size: 1em;*/ font-family: Arial Rounded MT, arial, verdana, helvetica, sans-serif;  }

/* div for curved corner */
div#top-navigation div#corner { position:absolute; top:0; right:0;  z-index: 0; background-color: #e9eef7; 
background-image: url(../../images/bg-nav-side-pale-blue.png); background-position: top right; background-repeat: no-repeat; 
width:2%; /*_width:2.5%;*/ height: 5px; padding: 0; }

div#top-navigation ul { margin: 0; padding: 10px; text-align: center; }
div#top-navigation ul li { color:#1b4384; margin: 0; padding: 3px; list-style-image: none; list-style-type: none; display: inline;}
div#top-navigation a, a:link { color:#1b4384; text-decoration:none;}
div#top-navigation a:hover, a:focus { color:#F89C46 !important; text-decoration: underline !important; background-color:#e9eef7; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	WEB BANNER
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#photo-banner { border: 0; margin-top: 3px; margin-left:auto; margin-right:auto; width:750px; height: 141px; background-color:#ffffff; 
position:relative;}
div#photo-banner img.web-banner { display:block; margin-right: 3px !important;  border: 1px solid #e9eef7 !important;}
div#feature-area-home {	background-color:#e9eef7 ; position:absolute; top:0; right:0; width:186px; height: 141px; padding: 0; margin: 0;}
div#feature-area-home img.features-image { margin: 0; border: 1px solid #e9eef7  !important; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BREADCRUMBS
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#bread-crumbs { position: relative; width: 75%; height: 100%; margin: 0 0 10px 0; padding: 0; border: 0; 
font-family: arial, verdana, helvetica, sans-serif; color:#1b4384; font-size: 0.8em; font-weight: bold;}
div#bread-crumbs a, a:link { color:#F89C46; text-decoration:none;}
div#bread-crumbs a:visited {color:#F89C46; text-decoration: none;}
div#bread-crumbs a:hover {color:#F89C46 !important; text-decoration: underline !important;}
div#bread-crumbs a:active {color:#F89C46; text-decoration: underline !important;}
div#bread-crumbs a:focus {color:#F89C46; text-decoration: underline !important;}
div#bread-crumbs img.icon { margin: 0 10px 0 0; }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#content-container-two-column {font-size: 0.8em; margin-top: 5px; margin-left:auto; margin-right:auto; padding:15px 15px 10px 15px;
	width:718px; border:1px solid #e9eef7 ;	background:url(../../images/bg-content-side.png) repeat-y 100% 0; position:relative;	}
	
div#content-main-two-column { width:540px; float:left; }
div#content-main-two-column img { border: 0; margin: 0; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAP CONTAINER - POSITION COUNTIES FROM TOP LEFT OF THIS DIV
       OVERRIDE THE HEIGHT AND WIDTH FOR OTHER COUNTY MAPS - DEFAULT IS FOR SUSSEX

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#map-container { position: relative; border: 0; margin: 0; padding: 0; width: 535px; height: 211px; }

/* counties */
div#map-container div.Hants { display: none; }
div#map-container div.Southampton-Moderate { position: absolute; border: 0; margin: 0; padding: 0; top: 22px; left: 28px; width: 265px; height: 190px;
background: url(../../images/maps/Hants/Southampton_Moderate.png) 0 0 no-repeat; z-index: 10; }
div#map-container div.Southampton-High { position: absolute; border: 0; margin: 0; padding: 0; top: 22px; left: 28px; width: 265px; height: 190px;
background: url(../../images/maps/Hants/Southampton_High.png) 0 0 no-repeat; z-index: 10; }
div#map-container div.Southampton-VeryHigh { position: absolute; border: 0; margin: 0; padding: 0; top: 22px; left: 28px; width: 265px; height: 190px;
background: url(../../images/maps/Hants/Southampton_VeryHigh.png) 0 0 no-repeat; z-index: 10; }

/* links to forecast  - must be display: block for Firefox  */
div#map-container a.county { display: block; border: 0;  z-index: 1; color: Black !important; font-weight: bold;}
div#map-container a.county:hover { background-color: Transparent; border: 0;}
div#map-container a.county:active { background-color: Transparent;}
div#map-container a.county:focus { background-color: Transparent; border: 0;}
div#map-container a.county:visited { background-color: Transparent;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - SIDE TWO COLUMN - SEARCH, ALERT, NEWS AND LOGIN AREAS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* right hand container - make relative and place before breadcrumbs div - floating right */
div#content-side-two-column { overflow: inherit; height: auto; position: relative; top: 0; left: 8px; 
float:right; width: 170px; border: 0; padding: 0 0 10px 0; margin: 0;}

/* make sure width is 100% of parent to use all space */
div.SearchArea { width: 100%; margin: 10px 0 0 0; padding: 0; border: 0; }
div.SearchArea input.search-input { float: left; display: inline; width: 110px; border: 1px solid #1b4384; margin: 0; } 
div.SearchArea input.search-button { float: right; display: inline; width: 50px; border: 0; background-color: #1b4384;
padding: 3px; font-size: 0.8em; margin: 0; font-weight: bold; color: #fff;} 

/* pollution alert - curved borders - no fill*/
div.Low-Alert-Top {background: url(../../images/alerts/dot-low.gif) 0 0 repeat-x; width: 100%; margin: 35px 0 10px 0;}
div.Low-Alert-Bottom {background: url(../../images/alerts/dot-low.gif) 0 100% repeat-x;}
div.Low-Alert-Left {background: url(../../images/alerts/dot-low.gif) 0 0 repeat-y;}
div.Low-Alert-Right {background: url(../../images/alerts/dot-low.gif) 100% 0 repeat-y;}
div.Low-Alert-BottomLeft {background: url(../../images/alerts/bl-low.gif) 0 100% no-repeat;}
div.Low-Alert-BottomRight {background: url(../../images/alerts/br-low.gif) 100% 100% no-repeat;}
div.Low-Alert-TopLeft {background: url(../../images/alerts/tl-low.gif) 0 0 no-repeat; }
div.Low-Alert-TopRight {background: url(../../images/alerts/tr-low.gif) 100% 0 no-repeat; padding:10px; font-size: 0.8em;}

div.Moderate-Alert-Top {background: url(../../images/alerts/dot-mod.gif) 0 0 repeat-x; width: 100%; margin: 35px 0 10px 0;}
div.Moderate-Alert-Bottom {background: url(../../images/alerts/dot-mod.gif) 0 100% repeat-x;}
div.Moderate-Alert-Left {background: url(../../images/alerts/dot-mod.gif) 0 0 repeat-y;}
div.Moderate-Alert-Right {background: url(../../images/alerts/dot-mod.gif) 100% 0 repeat-y;}
div.Moderate-Alert-BottomLeft {background: url(../../images/alerts/bl-mod.gif) 0 100% no-repeat;}
div.Moderate-Alert-BottomRight {background: url(../../images/alerts/br-mod.gif) 100% 100% no-repeat;}
div.Moderate-Alert-TopLeft {background: url(../../images/alerts/tl-mod.gif) 0 0 no-repeat; }
div.Moderate-Alert-TopRight {background: url(../../images/alerts/tr-mod.gif) 100% 0 no-repeat; padding:10px; font-size: 0.8em;}

div.High-Alert-Top {background: url(../../images/alerts/dot-high.gif) 0 0 repeat-x; width: 100%; margin: 35px 0 10px 0;}
div.High-Alert-Bottom {background: url(../../images/alerts/dot-high.gif) 0 100% repeat-x;}
div.High-Alert-Left {background: url(../../images/alerts/dot-high.gif) 0 0 repeat-y;}
div.High-Alert-Right {background: url(../../images/alerts/dot-high.gif) 100% 0 repeat-y;}
div.High-Alert-BottomLeft {background: url(../../images/alerts/bl-high.gif) 0 100% no-repeat;}
div.High-Alert-BottomRight {background: url(../../images/alerts/br-high.gif) 100% 100% no-repeat;}
div.High-Alert-TopLeft {background: url(../../images/alerts/tl-high.gif) 0 0 no-repeat; }
div.High-Alert-TopRight {background: url(../../images/alerts/tr-high.gif) 100% 0 no-repeat; padding:10px; font-size: 0.8em; }

div.VeryHigh-Alert-Top {background: url(../../images/alerts/dot-veryhigh.gif) 0 0 repeat-x; width: 100%; margin: 35px 0 10px 0;}
div.VeryHigh-Alert-Bottom {background: url(../../images/alerts/dot-veryhigh.gif) 0 100% repeat-x;}
div.VeryHigh-Alert-Left {background: url(../../images/alerts/dot-veryhigh.gif) 0 0 repeat-y;}
div.VeryHigh-Alert-Right {background: url(../../images/alerts/dot-veryhigh.gif) 100% 0 repeat-y;}
div.VeryHigh-Alert-BottomLeft {background: url(../../images/alerts/bl-veryhigh.gif) 0 100% no-repeat;}
div.VeryHigh-Alert-BottomRight {background: url(../../images/alerts/br-veryhigh.gif) 100% 100% no-repeat;}
div.VeryHigh-Alert-TopLeft {background: url(../../images/alerts/tl-veryhigh.gif) 0 0 no-repeat; }
div.VeryHigh-Alert-TopRight{background: url(../../images/alerts/tr-veryhigh.gif) 100% 0 no-repeat; padding:10px; font-size: 0.8em; }


/* blue curved corners and fill*/
/* The background colour must always be assigned to the very first CSS rule to stop overlapping bg images */
/* Whichever element we assign padding to, each of the elements inside it will inherit that padding. So apply to very last DIV*/

div.login-account-bl { background: url(../../images/bl-blue.gif) 0 100% no-repeat #e9eef7 ; width: 100%; margin: 10px 0 10px 0;  }
div.login-account-br {background: url(../../images/br-blue.gif) 100% 100% no-repeat}
div.login-account-tl {background: url(../../images/tl-blue.gif) 0 0 no-repeat ;}
div.login-account-tr {background: url(../../images/tr-blue.gif) 100% 0 no-repeat; padding: 10px;  font-size: 0.8em; }
div.login-account-tr input.search-input-username { margin: 0; padding: 0; float: none; display: inline; width: 80px; border: 1px solid #e9eef7 ;  } 
div.login-account-tr input.search-input-password { margin: 0; padding: 0; float: none; display: inline; width: 80px; border: 1px solid #e9eef7 ;  } 
div.login-account-tr input.search-button { margin: 0; float: none; display: inline; width: 50px; border: 0; 
background-color: #1b4384; font-weight: bold; color: #fff; padding: 3px; font-size: 0.8em;}
div.login-account-tr a {color:#F89C46; }
div.login-account-tr a:hover, a:focus { text-decoration: underline; }
div.login-account-tr table { margin: 0; padding: 0; border: 0; width: 95%;  }
div.login-account-tr table td { padding: 0; }

div.quotes-bl {background: url(../../images/bl-blue.gif) 0 100% no-repeat #e9eef7 ; width: 100%; margin: 10px 0 10px 0; }
div.quotes-br {background: url(../../images/br-blue.gif) 100% 100% no-repeat;}
div.quotes-tl {background: url(../../images/tl-blue.gif) 0 0 no-repeat ;}
div.quotes-tr {background: url(../../images/tr-blue.gif) 100% 0 no-repeat; padding: 10px 8px 10px 8px; color: #1b4384; 
font-weight: normal; font-size: 0.75em; font-style: italic; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN - REGISTRATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#content-container-three-column { margin-top:3px; /*margin-left:auto; margin-right:auto;*/ padding:0; width: 540px;
	border: 0; position:relative;}
	
div#content-main-three-column { width: 100%; float:left; margin: 0; }

/* lists */
div#content-main-three-column ul { margin: 0; padding: 0; border: 0; }
div#content-main-three-column ul li { margin: 0; padding: 0 0 0 15px; border: 0; background: url(../../images/arrow.gif) 0 8px no-repeat; 
 list-style-type: none; }
div#content-main-three-column ul li a {color:#F89C46; }
div#content-main-three-column ul li a:hover, a:focus { text-decoration: underline; }

div#content-main-three-column ol { margin: 0; padding: 0; border: 0; }
div#content-main-three-column ol li { margin: 0 0 0 25px; padding: 0 0 0 5px; border: 0; }
div#content-main-three-column ol li a { color:#F89C46; }
div#content-main-three-column ol li a:hover, a:focus { text-decoration: underline; }
/* verisign flash */
div#content-main-three-column object { float: left; margin: 0 10px 0 0;}

/* registration form */
div#content-main-three-column table.registration { margin: 0; padding: 0; border: 0; width: 95%; }
div#content-main-three-column table.registration td { padding: 0; border: 0; }
div#content-main-three-column table.registration td span { margin: 0; display: inline; padding: 0; border: 0; }

div#content-main-three-column select:focus { background-color: Yellow;}
div#content-main-three-column input:focus { background-color: Yellow;}
div#content-main-three-column input.Submit { margin: 5px 5px 0 0; float: none; width: 200px; border: 0; 
background-color: #1b4384; font-weight: bold; color: #fff; padding: 3px; font-size: 0.8em;}
div#content-main-three-column input.Submit:hover, div#content-main-three-column input.Submit:focus { color: #F89C46 !important; cursor: pointer;}

/* end registration form */

/* edit your details page */
div#content-main-three-column table.User-Table { width: 95% !important; position: relative; }
div#content-main-three-column table.User-Table th { padding: 3px; border-top: 0; border: 1px solid #e9eef7 ; background-color: #e9eef7 ; color: #1b4384; text-align: left;}
div#content-main-three-column table.User-Table td { padding: 3px; border:1px solid #e9eef7 ; text-align: left;}
div#content-main-three-column table.User-Table tr.bold td { font-weight: bold; }

div#content-main-three-column fieldset { width: 89%; padding:15px; border: 1px solid #e9eef7 ;  }
div#content-main-three-column legend { color:#1b4384; padding:5px 3px 10px 3px; font-weight: bold;}

div#content-main-three-column input.Admin { margin: 5px 5px 0 0; float: none; display: inline; width: 200px; border: 0; 
background-color: #1b4384; font-weight: bold; color: #fff; padding: 3px; font-size: 0.8em;}
div#content-main-three-column input.Admin:hover, div#content-main-three-column input.Admin:focus { color: #F89C46 !important; cursor: pointer;}

div#content-main-three-column input.RSS { margin: 5px 5px 5px 0; float: none; display: inline; width: 200px; border: 0; 
background-color: #1b4384; font-weight: bold; color: #fff; padding: 3px; font-size: 0.8em;}
div#content-main-three-column input.RSS:focus { color: #F89C46;}

/* submit buttons for no javascript page */

div#content-main-three-column input.select { margin: 0; width: 50px; border: 0; 
background-color: #1b4384; font-weight: bold; color: #fff; padding: 3px; font-size: 0.8em;}
div#content-main-three-column input.select:focus { color: #F89C46;}

div#content-main-three-column input.edit { margin: 0; width: 200px; border: 0; 
background-color: #1b4384; font-weight: bold; color: #fff; padding: 3px; font-size: 0.8em;}
div#content-main-three-column input.edit:focus { color: #F89C46;}

/* decryptor page buttons */
div#content-main-three-column input.Decrypt { margin: 5px 5px 0 0; float: none; width: 70px; border: 0; 
background-color: #1b4384; font-weight: bold; color: #fff; padding: 3px; font-size: 0.8em;}
div#content-main-three-column input.Decrypt:hover, div#content-main-three-column input.Decrypt:focus { color: #F89C46 !important; cursor: pointer;}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE LAYOUT - THREE COLUMN SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/






/* 3 COLUMN */
div#three-column-container { background:url(../../images/bg-three-column-home.png) repeat-y; padding :0; margin: 30px 0 10px 0; }
div#three-column-container p { font-size: 0.85em; }

div#three-column-side1 { float:left; width:30%;	}

div#three-column-side2 { float:right; width:30%;}
div#three-column-side2 ul { margin: 0; padding: 0; border: 0; }
div#three-column-side2 ul li { margin: 0; padding: 0 0 0 15px; border: 0; background: url(../../images/arrow.gif) 0 8px no-repeat; 
 list-style-type: none; }
div#three-column-side2 ul li a {color:#F89C46; }
div#three-column-side2 ul li a:hover, a:focus { text-decoration: underline; }

div#three-column-middle {width:30%; margin:0px 32% 0px 35%;}
	
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#footer { clear: both; background: #e9eef7 url(../../images/bg-nav-pale-blue.png) bottom left no-repeat; margin-top:3px; margin-left:auto;
	margin-right:auto; width:730px; padding: 0.8em 0 1em 20px; position:relative; color:#1b4384; font-size:0.7em; font-weight: bold;}
div#footer div#blue-corner { z-index:0 !important; background: url(../../images/bg-nav-side-pale-blue.png) 100% 100% no-repeat #e9eef7;
width:2%; /*_width:2.5%;*/ position:absolute; top: 20px; right: 0; padding: 0;}

div#footer span { position: absolute; top: 0.8em; right: 20px; bottom: 0; /*left: 0;*/ z-index: 5; margin: 0; padding: 0; 
display: inline; border: 0; }

div#footer a:link, #footer a:visited {color:#1b4384; text-decoration:none;}
div#footer a:hover { color:#1b4384; text-decoration: underline;}
div#footer a:active { color:#F89C46;}
div#footer a:focus { color:#F89C46;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.none { display: none !important; }
.block { display: block !important;}
.clear { clear: both;}
.arrow { vertical-align: middle;	}
.inline { display: inline;}
.orange {color:#F89C46; }
.bold { font-weight: bold; }
.bold-larger { font-weight: bold; font-size: larger; }
.left-quote { font-size: x-large; vertical-align: middle; line-height: inherit;}
.right-quote { font-size: x-large; vertical-align: bottom; line-height: inherit;}

.float-left { float: left;}
.float-right { float: right;}
.float-left-table { float: left; display: inline-table;}
.float-right-table { float: right; display: inline-table;}

.backgroundRed { background-color : Red !important;}
.small-italic { font-style: italic; font-size: smaller;}
.smaller-text { font-size: smaller;}
.red-bold { color: Red; font-weight: bold;}
.no-bg { background-color: Transparent;}
.white-space { white-space: normal;}
.forecast-text { font-size: 0.85em !important;} 
.centre { text-align: center;}
.red-bold-centre { color: Red; font-weight: bold; text-align: center;}
.vertical-top { vertical-align: top;}