@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline:1px dotted #111 ;
}

ol, ul {
	list-style: none;
}

/* FORMS */
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
textarea,  input { padding: .3em .0em .15em; }
fieldset { border: none; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #333; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #000; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }


/* Tripoli Overrides--------------------------------------*/

p+ul { margin-top: -0.8em }

fieldset { border:none; }


/*end-----------------------------------------------------*/


html { font-size: 62.5%; font-family:"Trebuchet MS", arial, sans-serif; }

body {
	color:#676767 ;
	font-family:"Trebuchet MS", arial, sans-serif;
    font-size: 1.2em; 
	line-height: 1.6em; 
	background:#fff;
	
	 }
	 
/*Paragraph formating------------------------*/

p strong {font-weight:600;}

em {font-style:normal;}

p { font-size: 14px;}




/*Site Text formating--------------------------------------*/

blockquote *:first-child { margin: .8em 0; }
 hr,  p,  ul,  ol,  dl,  pre,  blockquote,  address,  table,  form { margin-bottom: 1.6em;}
 p+p { margin-top: -.8em; }

h1 { font-size: 4.888em; margin: 59px 0px 45px;  color:#fff;}
 h2 { font-size: 1.5em; margin: 1.07em 0 1.2em;  }
 h3 { font-size: 1.4em; margin: 1.14em 0 .57em;  }
 h4 { font-size: 1.3em; margin: 1.23em 0 .615em;  }
 h5 { font-size: 1.2em; margin: 1.33em 0 .67em; }
 h6 { font-size: 1em; margin: 1.6em 0 .8em; }

h1, h2, h3, h4, h5, h6 {
font-weight:300;
}

h2.topline{
border-top:3px solid #e3e3e3;
padding:1.14em 0 0em;
}

h2.pdf {
background: url(../img/pdf.gif) right no-repeat;
padding-right:50px;
margin-right:60px;
display:block;
overflow:hidden;
float:left;
}

p.statement { 
font-size: 1.6em; 
margin: 73px 0 5px; 
float:right;
display:block;
overflow:hidden;
text-indent:-99999px;
background: url(../img/positive.gif) left no-repeat;
min-height:30px;
width:449px;
}

p.statement em {
color:#a8dbdc;
}

p.leadin {
font-size:17px;
line-height:1.4em;
font-weight:300;
}

div.banner p{
color:#fff;
font-size:1.5em;
font-weight:300;
line-height:1.4em;
margin-bottom:0;
}

/*links styles*/
a:link,
a:visited {
color:#329998;
text-decoration:none;
}

a:hover,
a:active {
color:#2ed1cf;
}

a.mail:link,
a.mail:visited {
color:#b0abfb;
text-decoration:none;
}

a.mail:hover {
color:#bbb6ff;
}

a.read {
background: url(../img/arrow-link.gif) left no-repeat;
padding-left:15px;
}

/*a.trans {
position:absolute;
top:24px;
right:43px;
font-size:13px;
color:#007f6c;
}*/

a.latest {
position:absolute;
top:196px;
right:46px;
font-size:13px;
color:#fff;
}

a.arrowg {
float:left;
padding:5px 0px 0px 10px;
margin-right:15px;
margin-bottom:40px;
background: url(../img/link-arrowg.gif) left no-repeat;
width:171px;
min-height:25px;
color:#fff;
}


body#transport dl dt a,
body#food dl dt a,
body#climate dl dt a,
body#energy dl dt a,
body#natural dl dt a {
color:#fff;
display:block;
overflow:hidden;
float:left;
min-height:21px;
padding:1px 18px 1px 10px;
}

body#transport dl dt a {
background:#2f5b98 url(../img/arrow-transport.gif) center right no-repeat;
}

body#food dl dt a {
background:#bea34a url(../img/arrow-food.gif) center right no-repeat;
}

body#climate dl dt a {
background:#446a5b url(../img/arrow-climate.gif) center right no-repeat;
}

body#energy dl dt a {
background:#825671 url(../img/arrow-energy.gif) center right no-repeat;
}

body#natural dl dt a {
background:#7e9344 url(../img/arrow-natural.gif) center right no-repeat;
}


/*Lists*/

ul.links, ul.links_alt {
padding:0px 0px 30px;
border-bottom:3px solid #e3e3e3;
margin-bottom:20px;
}

ul.links_alt {
border-bottom:none;
}

ul.links li, ul.links_alt li {
padding-bottom:15px;
}

ul.modes {
padding:20px 0px;
margin:0;
}

ul.modes li {
list-style-type:disc;
list-style-position:outside;
margin-left:20px;
padding:5px 0px 5px;
}

/*misc styles*/

img.logo {
float:left;
overflow:hidden;
display:block;
padding-bottom:23px;
}

img.aonb {
float:left;
overflow:hidden;
display:block;
padding:0px 20px 20px 0px;
}

img.graph {
padding:20px 0px;
}

dl {
margin:20px 0px 35px;
border-bottom:3px solid #e7e7e7;
border-top:3px solid #e7e7e7;
float:left;
}

dl dt  {
padding:20px 0px 10px;
border-top:3px solid #e7e7e7;
display:block;
float:left;
width:553px;
font-size: 14px;
}

dl dt.first  {
border-top:none;
}

dl dt a {
margin-bottom:10px;
}

dd {
padding:10px 0px;
float:left;
width:553px;
font-size: 14px;
}


/*-----------main divs structure------------*/

.inner_wrapper, #nav_wrapper{
width:922px;
margin:0 auto;
}

.banner{
min-height:242px;
float:left;
width:892px;
padding-left:30px;
border-bottom:1px solid #fff;
position:relative;
}

.flash{
float:right;
width:311px;
padding:0;
margin:0;
}

div.banner img{
float:right;
display:block;
overflow:hidden;
margin-left:45px;
}

body#home div.banner {
background:#007f6c url(../img/fade-home.gif) top left repeat-x;
}

body#about div.banner {
background:#bc7018 url(../img/fade-about.gif) top left repeat-x;
}

body#transport div.banner {
background:#244674 url(../img/fade-transport.gif) top left repeat-x;
}

body#food div.banner {
background:#90762c url(../img/fade-food.gif) top left repeat-x;
}

body#climate div.banner {
background:#153e2e url(../img/fade-climate.gif) top left repeat-x;
}

body#energy div.banner {
background:#2a2d3c url(../img/fade-energy.gif) top left repeat-x;
}

body#natural div.banner {
background:#5b7021 url(../img/fade-natural.gif) top left repeat-x;
}

body#contact div.banner {
background:#2c5d88 url(../img/fade-contact.gif) top left repeat-x;
}


#masthead {
width:100%;
float:left;
padding:0;
margin:0;
border-bottom:10px solid #a8dbdc;
}
	
#navigation {
	float:left;
	margin:0;
	padding:0px 0px 30px;
	width:100%;
	background:#dceaea url(../img/content-top-bg.gif) top left repeat-x;
	border-bottom:1px solid #d4e0e0;	
}


#wrapper {
margin:0 auto;
width:922px;
}

#content{
width:922px;
float:left;
padding:30px 0px 60px;
}

body#contact div#content {
padding-bottom:0;
}

#content_main {
width:553px;
float:left;
padding:0px 57px 0px 0px;
margin:0;
border-right:1px solid #dedede;
}

#column {
width:252px;
float:left;
padding:0px 0px 0px 40px;
margin:0;
}

#content_left {
width:357px;
float:left;
padding:0px 57px 0px 0px;
margin:0;
border-right:1px solid #dedede;
}

#content_right {
width:455px;
padding-left:50px;
float:left;
}

.aonb_hold {
width:357px;
float:left;
margin-top:25px;
padding-top:25px;
border-top:1px solid #dedede;
}


/*-------------Menu styles-----------------*/

ul#main_nav {
width:922px;
float:left;	
margin:0;
padding:10px 0px 8px;
}

#navigation ul#main_nav li {
display:inline;
float:left;
padding:0px 40px 0px 0px;	
}

#navigation ul#main_nav li.last,
#navigation ul#main_nav li.livelast {
padding-right:0;
}

#navigation ul#main_nav li a {
padding: 11px 0px 12px 15px;
display:block;
font-weight:300;
font-size:13px;
color:#84acac;
background: url(../img/arrow.gif) left no-repeat;  
}

#navigation ul#main_nav li.live a,
#navigation ul#main_nav li.livelast a { 
color:#6d6d6d; 
background: url(../img/arrow-live.gif) left no-repeat; 
 }

#navigation ul#main_nav li a:hover { 
color:#6d6d6d; 
background: url(../img/arrow-live.gif) left no-repeat; 
}



/*Footer styles--------------------------------------*/


#footer{
	float:left;
	width:922px;
	padding:40px 0px;
	border-top:10px solid #a8dbdc;		
}


#footer ul {
float:left;
width:922px;
}

#footer ul li {
float:left;
}

#footer ul li.map {
padding-left:4px;
}

#footer ul li.right {
float:right;
}

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

#footer a:hover {
color:#bbb6ff;
}