/* CSS Document */

body {
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:76%; /* ~12px based on 16px default font size */
	margin:0; padding:0;
	color:#333; background-color:#B8B8B8;
	background-image: url(assets/bg_body.gif);
}
div {text-align:left; margin:0; padding:0;}
p {font-size:0.92em; margin:0px 8px 8px 8px; padding:0; line-height:1.3em;} /* ~11px */
img {border:0;}
small {font-size:0.833em;} /* ~10px */
.required {color:#d00;}
big {font-size:1.0em;} /* ~12px */
tr {vertical-align:top;}
td {font-size:0.833em;} /* ~10px */
ul {margin:0; padding:6px 10px 8px 10px;}
li {font-size:0.92em; margin:0; padding:0 0 2px 10px; line-height:1.3em; list-style-type:none; list-style-image:none; background-image:url(assets/arrow_blue.gif); background-position:0px 4px; background-repeat:no-repeat;}
hr {margin:5px 8px; padding:0; border-width:0px; height:1px; border-bottom:1px solid #666;}

.smallImg {margin:3px 8px 10px 0; border:1px solid #000;}
.hidden {visibility:hidden; display:none;}
.right {float:right;}
.center {text-align:center}

/* ---------------------------------------------- */

/* headings */
h1 {visibility:hidden; display:none;}
h2 {font-family:Arial,Helvetica,sans-serif; font-size:1.0em; font-weight:bold; text-transform:uppercase; margin:0; padding:4px 4px 4px 9px; color:#1981A5;}
h3 {font-family:Arial,Helvetica,sans-serif; font-size:0.92em; font-weight:bold; text-transform:uppercase; margin:0; padding:4px 4px 4px 8px; color:#1981A5;}
h4 {font-size:0.92em; font-weight:bold; margin:0; padding:4px 8px 0px 8px; color:#1981A5;}
h2 small {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.83em; font-weight:bold; text-transform:none; padding-bottom:1px; vertical-align:middle;}
h2 span {display:none;}

/* default links */
a:link, a:visited {color:#1981A5; text-decoration:none;}
a:hover, a:focus, a:active {background-color:#e7e7e7; text-decoration:none;}
h2 a:link, h2 a:visited {display:block; padding:4px 4px 4px 8px; color:#fff;}
h2 a:hover, h2 a:focus, h2 a:active {display:block; padding:4px 4px 4px 8px; color:#fff; background-color:#e7e7e7;}

/* ---------------------------------------------- */

/* Main Layout */
#contentBox	{position:relative; width:998px; margin:0 auto; background-color:#fff;}
#header		{width:988px; margin:0 0 0 5px; padding:0; overflow:hidden; background-color:#00688B;}
#footer		{width:988px; margin:0 0 0 5px; background-color:#fff; clear:both;}

/* three columns */
#siteNav 	 {width:148px; float:left;  margin:6px 0px 4px 5px; padding:0; display:inline; }
#mainContent {position:relative; width:636px; float:left;  margin:6px 0px 4px 7px; padding:0;}
#sidebar 	 {width:190px; float:right; margin:6px 5px 4px 0px; padding:0; display:inline; }

/* ---------------------------------------------- */



#gN_Nav {
	clear:both; min-height:30px; min-width:790px;
	font-family:Helvetica,Arial,sans-serif; 
	font-size:11px !important; font-weight:bold; 
	text-align:center; margin:0 auto; padding:0;
	background:#666; 
	border-bottom:1px solid #000;
	} * html #gN_Nav {
		height:30px;
}

#gN_align {width:790px; text-align:left; margin:0 auto; padding:0;}

#gN_text {
	text-align:left; font-size:12px!important; font-weight:bold;
	font-family:Helvetica,Arial,sans-serif,Helvetica!important; 
	margin:0; padding:9px 0 5px 0; 
}
#gN_text span {visibility:hidden; display:none;}
#gN_home {margin-right:5px;}

/* Link colours */
#gN_Nav a:link, #gN_Nav a:visited {
	text-decoration:none; color:#eee; padding:0 14px;
}
#gN_Nav a:hover, #gN_Nav a:active, #gN_Nav a:focus {
	text-decoration:none; color:#ccc; background:#12799D; 
}

/* Latest Conditions - blue version at top */
#LatestCond {background-color:#edf3f7; background-image:url(assets/LatestCond_bg.gif);}
#LatestCond h2 {color:#fff; background-color:#12799D;}
#LatestCond h3 {color:#3182ad; background-color:transparent; border-top:1px dashed #A78073;}

#LatestCond a:link, .#LatestCond a:visited {color:#333; background-color:transparent;}
#LatestCond a:hover, #LatestCond a:focus, #LatestCond a:active {color:#333; background-color:#c4dbe2;}
#LatestCond h2 a:link, #LatestCond h2 a:visited {color:#fff;}
#LatestCond h2 a:hover, #LatestCond h2 a:focus, #LatestCond h2 a:active {color:#fff; background-color:#234263;}
#LatestCond h3 a:link, #LatestCond h3 a:visited {color:#3182ad; background-color:transparent;}
#LatestCond h3 a:hover, #LatestCond h3 a:focus, #LatestCond h3 a:active {color:#fff; background-color:#234263;}

/* adsection */
.adsection {margin:5px 0 6px 0; padding:0 0 10px 0; background-color:#F8F4E4; background-image:url(assets/explore_bg.gif);}
.adsection h2 {margin:0; padding:0; color:#fff; background-color:#D68316;}
.adsection h3 {margin:0; padding:6px 0 0 4px; color:#D68316; background-color:transparent; border-top:1px dashed #A78073;}
.adsection h3.first, .adsection h3#cat01 {border-top:0;}
.adsection h3.shop {color:#12799D;}
.adsection h3.solid {border-top:1px solid #A78073;}
.adsection ul {margin:2px 7px 0 0; padding:0;}
.adsection li {font-size:1.0em; font-weight: bold; text-transform:uppercase; margin:0; padding:0 0 7px 0; background-image:none;}
.adsection ul ul {margin:0; padding:0 0 0 8px;}
.adsection li li {font-size:0.84em; text-transform:none; font-weight:normal; margin:0; padding:0; display:inline;}

/* adsection links */
.adsection a:link, .adsection a:visited {color:#333; background-color:transparent;}
.adsection a:hover, .adsection a:focus, .adsection a:active {color:#333; background-color:#F1DCB1;}
.adsection h2 a:link, .adsection h2 a:visited {color:#fff;}
.adsection h2 a:hover, .adsection h2 a:focus, .adsection h2 a:active {color:#fff; background-color:#BB5D00;}
.adsection h3 a:link, .adsection h3 a:visited {display:block; padding-left:4px; color:#cc6600; background-color:transparent;}
.adsection h3 a:hover, .adsection h3 a:focus, .adsection h3 a:active {display:block; padding-left:4px; color:#fff; background-color:#D68316;}
.adsection h3.shop a:link, .adsection h3.shop a:visited {color:#12799D; background-color:transparent;}
.adsection h3.shop a:hover, .adsection h3.shop a:focus, .adsection h3.shop a:active {color:#fff; background-color:#12799D;}


/* Radars and other thumbnails */
#thumbs {margin:0 0 14px 0; background-color:#F7F7F7; border:1px solid #ccc;}
#thumbs h2 {color:#fff; background-color:#12799D;}
#thumbs h3 {color:#3182ad; background-color:transparent;}
#thumbs h4 {padding:4px 4px 0px 4px;}
#thumbs p {font-size:0.84em; clear:both;}
#thumbs h4 a:link, #thumbs h4 a:visited {display:block; padding:0 0 0 4px;}
#thumbs h4 a:hover, #thumbs h4 a:focus, #thumbs h4 a:active {display:block;}

/* ---------------------------------------------- */
/* NewsMain */
#NewsMain {margin:0 0 7px 0; background:#ececec; border:1px solid #cfcdcd; line-height:1.2;}
#NewsMain h2 {margin:-1px -1px 0 -1px; padding:4px 8px; color:#fff; background-color:#0d4d77;}
#NewsMain h2 small {font-weight:normal; margin-top:1px;}
#NewsMain h3 {font-size:1.25em; text-transform:none; color:#234263;}
#NewsMain h3 a:link, #NewsMain h3 a:visited {color:#234263;}
#NewsMain p {margin-bottom:0.5em;}
#NewsMain ul {margin-top:-0.5em;}

#NewsMain .story_no_image {width:317px; float:left; margin:5px 0;}
#NewsMain .story_no_image img {display:none;}

#NewsMain .story_small_image {width:317px; float:left; margin:5px 0;}
#NewsMain .story_small_image img {float:left; margin:4px 5px 0 8px; padding:3px; background:#fff; border:1px solid #D3D3D3;}

#NewsMain .story_big_image_left {width:634px; float:left;}
#NewsMain .story_big_image_left img {float:left; margin:0 8px 0 0;}

#NewsMain .story_big_image_right {width:634px; float:left;}
#NewsMain .story_big_image_right img {float:right; margin:0 0 0 8px;}

#NewsMain .big_image_with_overlay {width:315px; float:right; position:relative; margin-left:2px;}
#NewsMain .big_image_with_overlay div {position:absolute; width:315px; left:0px; bottom:0px; padding:5px 0 2em 0;}
#NewsMain>.big_image_with_overlay div {background:url(translucent_white_bg2.png);}

#NewsMain .big_image_with_overlay img {}
#NewsMain .big_image_with_overlay h3 {position:absolute; bottom:0; left:0; width:303px; padding:4px 4px 4px 8px; margin:0; font-size:1.0em; color:#fff; background-color:#b1717c;}
#NewsMain .big_image_with_overlay h3 a:link, #NewsMain .big_image_with_overlay h3 a:visited {display:block; padding:4px 4px 4px 8px; color:#fff;}
#NewsMain .big_image_with_overlay h3 a:hover, #NewsMain .big_image_with_overlay h3 a:focus, #NewsMain .big_image_with_overlay h3 a:active {display:block; padding:4px 4px 4px 8px; color:#fff; background-color:#925d66;}

#NewsMain .watch_now {margin:7px 8px 2px 8px; padding:5px 8px; background:#fff; border:1px solid #cfcdcd;}
#NewsMain .watch_now img {float:left; margin:0 5px 0 -3px;;}
#NewsMain .watch_now div {display:inline;}
#NewsMain .watch_now h3 {display:inline; margin:0 0.5em 0 0; padding:0; color:#a00;}
#NewsMain .watch_now p, #NewsMain .watch_now ul, #NewsMain .watch_now li {display:inline; margin:0; padding:0; font-size:1.0em;}
#NewsMain .watch_now ul {margin-left:1em;}
#NewsMain .watch_now li {padding:0 0.5em 2px 8px;}

/* bodycontents columns */
#bodycontents1 {width:315px; float:left;}
#bodycontents2 {width:313px; float:right;}
.bodycontents .smallImg {margin:2px 8px 0 0; padding:2px; border:1px solid #D3D3D3;}
.bodycontents h3 {margin:0 8px 0 9px; padding:0; border-bottom:1px dotted #D3D3D3;}

/* bodycontents links */
.bodycontents h3 a:link, .bodycontents h3 a:visited {display:block; padding-left:9px; background-image:url(assets/arrow_blue.gif); background-position:0px 4px; background-repeat:no-repeat;}
.bodycontents h3 a:hover, .bodycontents h3 a:focus, .bodycontents h3 a:active {}

/* bodycontents */
.bodycontentItem {position:relative; clear:both; min-height:80px; margin-bottom:13px; padding:0; border:1px solid #D3D3D3;}
* html .bodycontentItem {height:80px;} /* IE hack */
.bodycontentItem .cornerTR {position:absolute; top:-1px; right:-2px; width:7px; height:7px; z-index:10;}
.bodycontentItem h3 {margin:0; padding:0; background-color:#E6E6E6; border-bottom:1px solid #D3D3D3; line-height:1.3;}
.bodycontentItem .smallImg {float:right; margin:2px 0 0 5px; }

/* bodycontents links*/
.bodycontentItem h3 a:link, .bodycontentItem h3 a:visited {display:block; padding-left:18px; background-image:url(assets/arrow_blue.gif); background-position:9px 4px; background-repeat:no-repeat;}
.bodycontentItem h3 a:hover, .bodycontentItem h3 a:focus, .bodycontentItem h3 a:active {color:#fff; background-color:#419EBE; background-image:url(assets/arrow_white.gif);}



/* ---------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */