@charset "utf-8";
/* 
CSS Document for Northern Ireland Air Quality website 
www.airqualityni.co.uk
Hosted and maintained by AEA
*/


/*****************General***************************/
body  {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: #777777;
	margin: 0; 
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

ul, p {
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	padding-top:5px;

}

ul {
	margin-left:20px;
}


dd {
	margin-left:0px;
	padding:0px;
}

textarea {
	width:180px;
	height:100px;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;

}

ul.nobullet {
	list-style-type:none;
	margin-left:0px;
}

#container { 
	width: 960px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background:url(../images/contentTop.gif) top repeat-x #d9d9d9;
} 

#topWrapper {
	background:url(../images/bottom_edge_white.gif) bottom repeat-x;	
	padding-bottom:10px;
	height:1%; /* for IE6 only */
	padding-top:40px;
	border:0px solid #FF0000;
}
#bottomWrapper {
	padding-top:0px;
	margin-top:0px;
	padding-bottom:10px;
	margin-bottom:0px;
	background:url(../images/bg_homepage_bottom_cols.gif) no-repeat;	
	background-position:bottom left;
}
#floatedColumnWrapper {
	background-image:url(../images/bg_three_columns.gif);
	background-position:left;
	border:0px solid #993300;
	height:1%; /* for IE6 only */
}
#pageHead {
	width: 960px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
}

#contentWrapper {
}
#bottomEdge {
	clear:both;
	background:url(../images/contentBottom.gif)  repeat-x;
	background-position:bottom;
	height:5px;
}
#kidsCornerContentHomepage {
	margin-top:30px;
}
#polly {
	position:relative;
	margin-top:-15px;
}
#breadcrumb {
	text-align:right;
	line-height:270%;
	padding-left:5px;
	padding-right:5px;
	font-size:85%;
	position:absolute;
	bottom:-30px;
	right:10px;
}
#loading_content_message, 
#loading_content_message2 {
	display:none;
	position:absolute;
	bottom:-25px;
	background-color:#212063;
	color:#FFFFFF;
	right:2px;
	font-weight:bold;
	padding:3px;
	background-image:url(../images/small_loading.gif);
	background-position:5px 3px;
	background-repeat:no-repeat;
	padding-left:25px;
	padding-right:5px;
}
#loading_content_message2 { /* Used on the forecast/summary area */
	bottom:auto;
	top:26px;
	right:1px;
}
#threecol_col1,
#threecol_col3 {
	float:left;
	width:316px;
	border:0px solid #FF0000;
}
#threecol_col2 {
	float:left;
	width:316px;
	border:0px solid #FF0000;
	margin-left:6px;
	margin-right:6px;
}

#datadownload {
	margin-top:30px;
}
#datadownload label {	
	width:200px;
	float:left;
}
#datadownload label.nofloat {	
	float:none;
}
#datadownload .multipleselect {	
	width:200px;
	height:100px;
}
/*****************Generic Pages***************************/

/* Sidebar Styling */
#pageSidebar {
	width:200px;
	float:left;
	padding-bottom:20px;
	padding-top:20px;
	background-image:url(../images/bg_sidebar_top.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
#pageSidebar ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	border-top:1px solid #FFFFFF;
}
#pageSidebar ul li {
	background-image:url(../images/bg_sidebar_default.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-bottom:0px;
	border-bottom:1px solid #FFFFFF; /* Needed for IE6 spacing problem but provides the white line at the bottom on all browsers */
}
#pageSidebar ul li.selected {
	border-top:3px solid #0070C0;
	background-image:url(../images/bg_sidebar_selected.png);
}
#pageSidebar ul li a:link,
#pageSidebar ul li a:visited {
	display:block;
	color:#000000;
	text-decoration:none;
	padding:6px;
	font-family:"Candara", Verdana, Helvetica, sans-serif;
	font-size:115%;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:0px;
}
#pageSidebar ul li a:hover,
#pageSidebar ul li a:active {
	background-color:#C4C4C4;
	background-image:url(../images/bg_sidebar_hover.png);
	background-position:bottom right;
}
/* -------------- Level 2 Nav ----------------- */
#pageSidebar ul li ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	border-top:1px solid #FFFFFF;
}

#pageSidebar ul li li {
	background-image:none;
	background-color:#C4C4C4;
	padding-bottom:0px;
	border-bottom:1px solid #FFFFFF; /* Needed for IE6 spacing problem but provides the white line at the bottom on all browsers */
}
#pageSidebar ul li li.first {
	background-image:url(../images/bg_subnav_level2_first.png);
	background-position:top;
	background-repeat:repeat-x;
}

#pageSidebar ul li ul li a:link,
#pageSidebar ul li ul li a:visited {
	display:block;
	color:#000000;
	text-decoration:none;
	padding:3px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:85%;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:0px;
}
#pageSidebar ul li ul li a:hover,
#pageSidebar ul li ul li a:active {
	background-color:#b1b1b1;
	xbackground-image:url(../images/bg_sidebar_hover.png);
	background-image:none;
	background-position:bottom right;
}
#pageSidebar ul li li.selected {
	background:none;
	background-color:#b1b1b1;
	border-top:none;
}


/* Main Content Area Styling */
#fullWidthData {
	text-align:left;
	background-color:#CCCCCC;
	width:auto;
	margin:0px;
}
#fullWidthPage {
	padding-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	padding-top:30px; /* This creates space for the re-positioned breadcrumb */
}
#pageContent {
	float:left;
	width:730px;
	padding-bottom:20px;
	padding-left:15px;
	background-image:url(../images/bg_sidebar_division.gif);
	background-position:left;
	background-repeat:repeat-y;
	padding-top:30px; /* This creates space for the re-positioned breadcrumb */
	/* 
	Height and min-height below is to ensure the side nav works with main content
	http://www.dustindiaz.com/min-height-fast-hack/
	*/
	min-height:300px;
	height:auto !important; 
	height:300px;
}
#pageContent h1 {
	margin-top:0px;
	padding:0px;
}
.column300 {
	float:left;
	width:300px;
	margin-left:40px;
}

.column300 ul li ul li {
	line-height:150%;
}
.column50pc {
	float:left;
	width:350px;
	margin-right:10px;
}

/*****************Header Styles***************************/
	
#header { 
	background:url(../images/header.jpg) right top no-repeat;
	height:114px
	
} 
#header img {
	padding: 25px 0 0 20px;
}


/*****************Main Nav Styles***************************/

#mainNav {
	height:60px;
	background:url(../images/mainNav.jpg) repeat-x top left;
	margin:0;
	padding:0;
}

#logo {
	width:280px;
	float:left;
	background-image:url(../images/title.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:60px;
}
#logo h1 {
	display:none;
	text-indent:-1000000px;
}
#navItems {	
	float:left;
	width:500px;
	padding:0;
	}
	
#mainNav ul {
	padding: 22px 0 0; 
	margin: 0; 
	list-style:none;
}

#mainNav li {
	float:left;
	padding:12px 10px 11px 14px;
	background:url(../images/navBack.gif) top left;
	font-size:90%;
	}

#mainNav li:hover, #mainNav li.current{
		background:url(../images/navBackFocus.gif) top left;
	}

#mainNav a,#mainNav a:visited {
	color:#fff;
	text-decoration:none;
	}
	

#mainNav .end {
	background:url(../images/navBackEnd.gif) left bottom no-repeat;
	float:left;
	width:2px;
	height:38px;
	}


#searchArea {
	margin-left:810px;
	xwidth:100px;
	xborder:1px solid #FF0000;
	}
#searchArea label {
	display:none;
	}
#searchArea input#Search{
	background:#FFFFFF;
	border:1px solid #7e9db9;
	color:#211c54;
	padding:2px;
	width:100px;
	float:left;
	margin-top:29px;
	}

#searchArea .searchSubmit {
	float:left;
	margin-top:29px;
	}

#searchArea form {
	margin:0;
	padding:0;
	}

#summary_forecast_area {
	position:relative;
}
#summary_forecast_content {
	border:1px solid #293281;
	border:1px solid #9EA0A2;
	border-top:none;
	padding:10px;
	background-color:#FFFFFF;
}
#summary_forecast_content h3 {
	margin-top:0px;
}
/*****************General Font Styles***************************/


h1, h2, h3 {
	font-family:"Candara", Verdana, Helvetica, sans-serif;
	font-weight:normal;
	color:#211C54;
	font-size:190%;
}

h2 {
	font-size:130%;
	border-bottom:1px solid #211C54;
	margin-top:10;
}

h3 {
	font-size:130%;
	border-bottom:1px solid #211C54;
	margin-top:30px;
}
h4 {
	font-size:100%;
	font-weight:bold;
}
a, a:visited {
	color:#1a71b6;
	color:#15558A;
}

a:hover {
	text-decoration:none;
}

a.sm_title:link, 
a.sm_title:visited {
	text-decoration:none;
	border:1px solid #212063;
	background-color:#CCCCCC;
	display:block;
	line-height:240%;
	text-indent:20px;
	font-family:"Candara", Verdana, Helvetica, sans-serif;
	font-size:120%;
	color:#000000;

}

a.sm_title:hover,
a.sm_title:active {
	text-decoration:underline;
}

ul.glossary_list {
	list-style-type:none;
	margin:0px;
	margin-bottom:10px;
}
ul.glossary_list li {
	float:left;
	margin-right:10px;
}

.glossary_list a:link, 
.glossary_list a:visited {
	border:1px solid #211C54;
	padding:4px 6px 4px 6px;
	background-color:#CCCCCC;
	text-decoration:none;
	font-weight:bold;
}
.glossary_list a:hover, 
.glossary_list a:active {
	background-color:#D6EBF7;
}



/* Modern Browsers will understand these rules- older ones won't */
#fullWidthPage a[target="_blank"],
#pageContent a[target="_blank"] {
  background: url(../images/icon_externallink.gif) no-repeat right top;
  padding-right: 10px;
}
#pageContent a[class="noicon"], 
#pageContent a[href^="http://www.airqualityni"],
#fullWidthPage a[class="noicon"], 
#fullWidthPage a[href^="http://www.airqualityni"],
a[class="noicon"], 
a[href^="http://www.airqualityni"] {
	background:none;
	padding-right:0px;
}

table.data,	
table.multidata,
table.slimdata {
	font-size:100%;
	border-right:1px solid #DEDBDE;
}
.data th,
.multidata th,
.slimdata th {
	background-color:#000000;
	color:#fff;
	padding:5px;
	border-left:1px solid #DEDBDE;
}
.slimdata td,
.multidata td,
.data td {
	background-color:#FFFFFF;
	padding:3px;
	border-bottom:1px solid #DEDBDE;
	border-left:1px solid #DEDBDE;
}

.multidata td {
	padding:0px;
}
.innerdata td {
	padding:3px;
}

#site_data table.slimdata,
#site_data table.data {
	width:99%;
	font-size:90%
	}
#site_data .slimdata th
#site_data .data th {
	background-color:#000000;
	color:#fff;
	padding:10px;
	}
#site_data .slimdata th.lite,
#site_data .data th.lite {
	background-color:#BBBBBB;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #fff;
	color:#000000;
	padding:4px 10px;
}
#site_data .slimdata td,
#site_data .data td {
	background-color:#d3d5d4;
	padding:4px 10px;
	border-bottom:2px solid #fff;
}
#site_data .slimdata th {
	padding:2px;
}
#site_data .slimdata td {
	padding:2px;
}
#site_data .slimdata th.lite {
	padding:2px;
	font-weight:normal;
}
/*****************Footer Styles***************************/
#footer { 
	background:#777777; 
	background-image:url(../images/bg_footer.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-align:center;
	font-size:80%;
	border-top:4px solid #fff;
	height:70px;
	
} 
#footer ul {
	margin: 0; 
	padding: 13px 0;
	list-style:none;
}

#footer li {
	display:inline;
	padding:0 8px;
	border-left:1px solid #fff;
}

#footer li.first {
	border:none;
}

#pageCopyright a:link,
#pageCopyright a:visited,
#footer a:link,
#footer a:visited {
	color:#fff;
	text-decoration:none;
}

#pageCopyright a:hover,
#pageCopyright a:active,
#footer a:hover,
#footer a:active {
	border-bottom:2px solid #fff;
}

#pageCopyright {
	xfont-family:"Candara", Verdana, Helvetica, sans-serif;
	font-size:90%;
	text-align:right;
	padding: 0px 10px 35px 0px;
	font-weight:normal;
	background-color:#777777;
	color:#FFFFFF;
}

/*****************End Footer Styles***************************/


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

img {
	border:none;
	}
	
/*****************Bottom Content Styles***************************/	


#sidebar2 {
	float: left; 
	padding: 0;
	width:330px;
}	



#newsBoxes {
	float:left;
	border-left: 5px solid #fff;
	}
	

/*****************News Box Styles***************************/
.newsBox {
	float:left;
	background:transparent url(../images/contentBottom.gif) repeat-x scroll center bottom;
	border-bottom: 5px solid #fff;
	}

.newsBox.reports {
	border:none;
	background:none;
	}

h3.blockheader,
.newsBox h3 {
	color:#FFFFFF;
	background:#212063 url(../images/newsHead.gif) repeat-x bottom;
	padding:11px 0 10px 20px;
	margin:0;
	}
	

.newsList, 
.readersList,
.reportsList {
	list-style:none;
	padding:0;
	margin-left:0px;
}
.newsList, 
.reportsList {
	margin-top:20px;
}	
.newsList li {
	background:url(../images/newsList.gif) 0 3px no-repeat;
	padding: 0 2.5em 1em;
	margin-left:1.5em;
}

.reportsList li {
	background:url(../images/icon_document_download.png) 0 3px no-repeat;
	padding: 0 2.5em 1em;
	margin-left:1.5em;
}
.readersList li {
	padding: 0 2.5em 1em;
	margin-left:1.5em;
}

.readersList li.acrobat {
	background:url(../images/icon_acrobat20.gif) 0 3px no-repeat;
}
.readersList li.word {
	background:url(../images/icon_word20.gif) 0 3px no-repeat;
}
.readersList li.excel {
	background:url(../images/icon_excel20.gif) 0 3px no-repeat;
}
.readersList li.powerpoint {
	background:url(../images/icon_powerpoint20.gif) 0 3px no-repeat;
}

/*.newsBox .content {
	padding:10px;
	}
.newsBox h4 {
	color:#211C54;
	font-weight:normal;
	margin-bottom:0;
	font-size:1em;
	}

.newsBox p {
	margin-top:0;
	}
*/	
/*****************Sidebar Styles***************************/

#map_reset {
	position:absolute;
	bottom:60px;
	left:10px;
	z-index:90;
}
#google_map_wrapper{
	position:relative;
}
#homepageColumnLeft {
	float:left;
	width:460px;
	margin-left:10px;
	margin-right:10px;
	xborder:1px solid #9966CC;
}
#homepageBottomLeft {
	float: left; 
	padding: 0;
	width:475px;
}
#homepageBottomLeft {
	margin-top:0px;
}
#google_map {
	border:1px solid #666666;
	height:460px;
	width:450px;
	}


/*****************Homepage Area Styles***************************/
img.polly {
	float:left; 
	margin:-17px 2px 0 -21px;
	margin:0px 10px 10px 0px;
	}
	
#Column1 {
	width:285px;
	float:left;
	padding:25px;
	}
	
.postcodeSearch label {
	display:none; 
	}
input.postcode{
	background:url(../images/postcodeInput.gif) top left no-repeat;
	border:none;
	color:#211c54;
	font-size:12px;
	padding:3px;
	width:99px;
	float:left;
	margin-top:0;
	}

.postcodeSubmit {
	float:left;
	margin-right:15px;
	border-color:#696969;
	border-style:solid solid solid none;
	border-width:1px 1px 1px medium;
	margin-top:0;
	}

.filter .column {
	width:90px;
	float:left;
	font-size:85%;
}

.filter .column1 input, .filter .column2 input{
	margin-right:16px;
	float:left;
	}

.filter .column1 label {
	width:8em;
	float:left;
	height:2em;
	}

.filter .column2 label {
	width:12em;
	float:left;
	height:2em;
	}

.levelBarWrapper {
	width:184;
	height:15px;
	background-image:url(../images/levelbar_background.png);
	background-repeat:no-repeat;
}
/*****************Tab Styles***************************/	

#tabContent {
	background:#fff;
	border:1px solid #9EA0A2; 
	padding:10px;
	xmargin:0 10px;
	xfloat:left;
	xwidth:100%;
	border-top:none;
	}

.note {
	text-align:right;
	margin:5px 0 0;
	font-size:80%;
	}
/*

The following tab CSS is modified version of the
tab Code from  http://unraveled.com/publications/assets/css_tabs/
which is licenced under CSS Tabs is licensed under Creative Commons Attribution 3.0 - http://creativecommons.org/licenses/by/3.0/

*/

ul.tab_wrapper{
	text-align: left; /* set to left, right or center */
	margin: 1em 0 0em 0; /* set margins as desired */
	font-size:85%;
	border-bottom: 1px solid #9EA0A2; /* set border COLOR as desired  #636500 #293281*/ 
	list-style-type: none;
	padding: 3px 10px 7px 0px; /* THIRD number must change with respect to padding-top (X) below */
	background:none;
}



ul.tab_wrapper li, 
ul.tab_wrapper_small li{
	display: inline;
	background:none;
}

.tab_wrapper li a{
	padding: 7px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #293281; /* set border COLOR as desired; usually matches border color specified in #tabnav  #ABACAF*/
	background-color: #282C76; /* set unselected tab background color as desired */
	color: #FFFFFF; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
	background-image:url(../images/bg_tab_selected.jpg);
	background-repeat:repeat-x;
	background-position:bottom;

}
.tab_wrapper li a:link,
.tab_wrapper li a:visited,
.tab_wrapper li a:active{
	color: #FFFFFF;
}

.tab_wrapper li a:hover {
	color:#FFFF99;
}

#summary_forecast_area .tab_wrapper li.selected a, /* For the benefit of IE6, this extra line is needed */
.tab_wrapper li.selected a{ /*selected tab effect*/
	/* settings for selected tab link */
	background-color: #fff; /* set selected tab background color as desired */
	color: #293281; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	border: 1px solid #9EA0A2; 
	border-bottom: none;
	padding-top: 8px; /* must change with respect to padding (X) above and below */
	background-image:none;
}

/* If grey_tabs are selected, then override these styles */
ul.grey_tabs {
	font-size:100%; /* Restore to page normal size */
}
.grey_tabs li a {
	xbackground-image:none;
	xborder:1px solid #FF0000;
}
.grey_tabs li.selected a{ /*selected tab effect*/
	/* settings for selected tab link */
	background-color: #d9d9d9; /* set selected tab background color as desired */
	color: #293281; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 7px; /* must change with respect to padding (X) above and below */
	background-image:none;
}




/***************** Thumbnails ***************************/
#thumbnails img {
	border:1px solid #999999;
	padding:10px;
	background-color:#FFFFFF;
}
#thumbnails div {
	float:left;
	margin-right:10px;
}
#thumbnails a {
	display:block;
	padding-left:3px;
	xborder:1px solid #0000CC;
	/* Add Background image here */
	background-image:url(../images/bg_dropshadow.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
/***************** Switcher ***************************/
#search_error {
	display:block;
	margin-top:30px;
}
#switcherWrapper {
	xborder:1px solid #FF0000; 
	width:450px;
	margin-top:10px;
	margin-bottom:10px;
}
#switcherLinks {
	width:180px;
	position:relative;
	background-color:#FFFFCC;
}
#switcherLinks ul {
	position:absolute;
	left:0px;
	list-style-position:outside;
	list-style-type:none;
	list-style-image:none;
	margin:0px;
	padding:0px;
	xborder:1px solid #0066FF;
}
#switcherLinks ul li {
	float:left;
	margin:0 0 5px;
	margin:0px;
	width:213px;
	background-image:url(../images/bg_switcher.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	color:#FFFFFF;
}
#switcherLinks ul li.selected {
	background-image:url(../images/bg_switcher_selected.jpg);
	width:215px;
}
#switcherLinks ul li a {
	display:block;
	float:left;
	text-decoration:none;
	padding:5px 10px 18px 10px;
	font-size:125%;
	color:#FFFFFF;
	outline: none;
	-moz-outline-style:none;
	font-family:"Candara", Verdana, Helvetica, sans-serif;

}
#switcherLinks ul li a span {
	display:block;
	font-size:70%;
	font-family:Verdana, Helvetica, sans-serif;
	color:#aca7d3;
}
#switcherContentWrapper {
	float:right;
	width:260px;
}
.switcherContent {
	background-color:#C1C1C1;
	padding:10px 20px 10px 20px;
	height:200px;
}
.switcherContent h3 {
	font-size:130%;
	margin-top:0px;
	margin-bottom:5px;
}
#switcherKey, 
#switcherFilters, 
#switcherPostcode {
	display:none;
}

/***************** Misc Layout ***************************/
#passive_sampling_box,
#photochemical_box,
#active_sampling_box,
#automatic_point_box,
#remote_optical_box {
	display:none;
	padding:10px;
	background-image:url(../images/bg_bluegradient.png);
	background-position:bottom;
	background-repeat:repeat-x;
}


.subsetContentAreaSmall,
.subsetContentArea {
	background-color:#FFFFFF;
	margin:5px 0px 5px 0px;
	border:1px solid #999999;
	background-image:url(../images/bg_subset.gif);
	background-position:left;
	background-repeat:repeat-y;
}
.subsetContentAreaSmall {
	background-image:url(../images/bg_subset_small.gif);
}
.subsetContentAreaSmall ul,
.subsetContentArea ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.subsetContentAreaSmall ul li,
.subsetContentArea ul li {
	background:transparent;
	width:248px;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:0px;
	background-image:url(../images/bg_subset_arrow.gif);
	background-repeat:no-repeat;
	background-position:222px 50%;
}
.subsetContentAreaSmall ul li {
	background-position:70px 50%;
}
.subsetContentAreaSmall ul li {
	width:93px;
}
.subsetContentAreaSmall ul li.selected,
.subsetContentArea ul li.selected {
	background-color:#FFFFFF;
	width:250px;
	margin-top:0px;
	background-image:none;
}
.subsetContentAreaSmall ul li.selected {
	width:95px;
}
.subsetContentAreaSmall ul li a, 
.subsetContentArea ul li a {
	padding:8px;
	display:block;
	height:1%; /* IE's whitespace bug */
	color:#666666;
	text-decoration:none;
	margin-top:0px;
	outline:none;
}
.subsetContentAreaSmall ul li.selected a,
.subsetContentArea ul li.selected a {
	color:#293281;
}

.subsetLeftNav {
	width:250px;
	float:left;
}
.subsetContentAreaSmall .subsetLeftNav {
	width:95px;
	float:left;
}
.subsetContentAreaSmall .subsetRightContent {
	margin-left:110px;
}
.subsetRightContent {
	/* Margins instead of Floating used */
	margin-left:260px;
}
.subsetContentAreaSmall .subsetRightContent ul,
.subsetContentArea .subsetRightContent ul {
	list-style:disc;
	margin:20px;
	background:none;
}
.subsetContentAreaSmall .subsetRightContent li,
.subsetContentArea .subsetRightContent li {
	background:none;
	width:auto;
	border:none;
}
/***************** Generic ***************************/
#kidsCornerContentHomepage,
#site_data {
	width:460px;
	float:left;
	xborder:1px solid #336600;
	xmargin-bottom:10px;
}
.css_form label {
	width:140px;
	float:left;
}

#site_data label {
	width:120px;
	float:left;
}
.itemDate {
	color:#666666;
	font-size:85%;
	font-weight:normal;
	display:block;
}
.infobox {
	background-color:#FFFFFF;
	border:1px solid #666666;
	padding:10px;
	margin:10px;
	color:#444444;
}
.readersbox {
	margin:10px;
	margin-top:30px;
	border:1px solid #212063;
}
.readersbox .downloadlink {
xborder:1px solid #FF0000;
	width:162px;
	margin:10px;
	margin-right:0px;
	float:left;
}
.readersbox .downloadlink img {
	float:left;
	margin-right:5px;
}
.readersbox .small {
	text-indent:20px;
}
#inline-button1 {
	float:left;
	border:1px solid #000000;
	background-color:#DDDDDD;
	padding:10px;
	margin-left:40px;
}
#inline-button2 {
	float:left;
	border:1px solid #000000;
	background-color:#DDDDDD;
	padding:10px;
	margin-left:40px;
}
#ge_screenshot {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	padding-left:20px;
	width:335px;
	height:300px;
	background-color:#DEDBDE;
}


#greyblock {
	border:1px solid #003366;
	border-top:8px solid #003366;
	background-color:#DDDDDD;
	padding:0 10px;
	margin:0 40px;
	width:400px;
}

/***************** third party content ***************************/
.third-party-content table {
	font-size:100%;
}
.third-party-content th {
	background-color:#000000;
	color:#fff;
	padding:5px;
}
.third-party-content td {
	background-color:#FFFFFF;
	padding:3px;
}
/***************** Generic ***************************/
.textfield_long {
	width:640px;
}
.textfield {
	width:300px;
	padding:2px;
}
.textfield_200 {
	width:200px;
	padding:2px;
}
.nofloat {
	float:none;	
}
.hide {
	display:none;
}
.center {
	text-align:center;
}
.nobottommargin {
	margin-bottom:0px;
}
.whiteborder {
	border:2px solid #FFFFFF;
	margin-bottom:3px;
}
.marginbottom {
	margin-bottom:10px;
}
.padding {
	padding:10px;
}
.indentedText	 {
	display:block;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:10px;
}
.infoicon {
	margin:5px;
	float:right;
}
.valign {
	vertical-align:middle;
}
.marginleft {
	margin-left:10px;
}
.marginright {
	margin-right:10px;
}
.bold {
	font-weight:bold;
}
#statistics_content td, 
#statistics_content th {
	font-size:90%;	
}
.small {
	font-size:85%;
}
.grey {
	color:#333333;
}
.data td.shadedcell,
.shadedcell {
	background-color:#D6EBF7;	
}
span.shadedcell {
	border:1px solid #555555;
}
.textbox {
	width:290px;
	padding:2px;
}
/**************************** band colours **********************/
.low, 
.LOW, 
.green {
	color:#009900;
}
.moderate, 
.MODERATE, 
.orange {
	color:#FF6600;
}
.high, 
.HIGH, 
.red {
	color:#FF0000;
}
.very_high, 
.VERY_HIGH, 
.purple {
	color:#990066;
}

.bg_low, .bg_moderate, .bg_no_data, .bg_high, .bg_very_high,
.bg_index1, .bg_index2, .bg_index3,
.bg_index4,.bg_index5,.bg_index6, 
.bg_index7,.bg_index8,.bg_index9, 
.bg_index10 {
	padding:2px 4px 2px 4px;
	font-weight:bold;
	color:#FFFFFF;
	border-radius: 2px;
}

td.b_index1, th.b_index1, .b_index1, td.bg_index1, .bg_index1 { background-color:#9CFF9C; color:#444;}
td.b_index2, th.b_index2, .b_index2, td.bg_index2, .bg_index2 { background-color:#31FF00;color:#333;}
td.b_index3, th.b_index3, .b_index3, td.bg_index3, .bg_index3 { background-color:#31CF00;color:#222;}
td.b_index4, th.b_index4, .b_index4, td.bg_index4, .bg_index4 { background-color:#FFFF00;color:#666;}
td.b_index5, th.b_index5, .b_index5, td.bg_index5, .bg_index5 { background-color:#FFCF00;color:#666;}
td.b_index6, th.b_index6, .b_index6, td.bg_index6, .bg_index6 { background-color:#FF9A00;color:#222;}
td.b_index7, th.b_index7, .b_index7, td.bg_index7, .bg_index7 { background-color:#FF6464;color:#000;}
td.b_index8, th.b_index8, .b_index8, td.bg_index8, .bg_index8 { background-color:#FF0000;color:#080805;}
td.b_index9, th.b_index9, .b_index9, td.bg_index9, .bg_index9 { background-color:#990000;color:#fff;}
td.b_index10, th.b_index10, .b_index10, td.bg_index10, .bg_index10 { background-color:#CE30FF;color:#FFF;}


/**************************** grid layout**********************/
.grid_1 { width:60px; }
.grid_2 { width:120px; }
.grid_3 { width:220px; }
.grid_4 { width:320px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }

.column {
  float: left;
  margin: 0 10px;
  overflow: hidden;
  display: inline;
}
.row {
  width: 620px;
  margin: 2px auto;
  overflow: hidden;
}