* {
margin:0;
padding:0;
}
body {
background:#708290 url(images/background.jpg) repeat-x top fixed;
color:#333;
font-family:verdana, helvetica, sans-serif;  
font-size:12px;
line-height:1.5em;
word-spacing:0.1em;
}
hr {
margin:18px 50px;
} 
img {
margin:9px 15px 9px 15px;
float:right;
}
.onecol img {
margin:9px 15px 9px 20px;
float:left;
}
.rightcol img {
margin:9px 0px;
}
#outer {
width:900px;
position:relative;
top:10px;
background:white url(images/gradback.jpg) repeat-x top;
margin:auto;
}
#banner {
width:900px;
background:url(images/newbanner_2.jpg) no-repeat top;
}
#banner img {
margin:0 0 0 50px;
float:none;
}
#navbar {
position:relative;
top:-40px;
right:20px;
text-align:right;
font-size:14px;
line-height:1.286em;   
font-weight:bold;
}
.onecol {
width:700px;
margin:auto;
overflow:auto;
}
.leftcol {
width:450px;
float:left;
clear:left;
margin:0 6px;
}
.rightcol {
height:100%;
margin:0 0 0 470px;
}
.contact {
width:450px;
margin:20px 0 20px 250px;
}
.contact_left {
width:160px;
padding:10px 0 0 0;
float:left;
}
.contact_right {
height:100%;
margin:0 0 0 160px;
padding:10px 0 0 0;
}
.inset { 
margin:1.5em 10px;
padding:9px;  
border-left:2px solid #bbb;
border-right:2px solid #bbb;
}
.box { 
margin:1.5em 10px;
padding:9px;  
background:#ffffff url(images/box_shadow.jpg) repeat-y left;
border:5px ridge #eee;
overflow:auto;
}
.shaded {
margin:1.5em 20px;
padding:9px;
background:#eee;
}
blockquote {
text-align:center;
font-family:georgia, serif;
font-weight:bold;
font-size:14px;
line-height:1.286em;
color:#6d213f;
background:#ccc;
padding:9px 10px;
margin:9px 30px;
}
.resume {
margin: 10px 0 0 200px ;
padding:10px 0;
background:#eee;
border-right:3px solid #ddd;
border-bottom:2px solid #ddd;
}
#forecast {
margin:0 0 5px 0;
padding:0;
border:2px outset #d3d3d3;
}
.sitemap {
margin-left:100px;
margin-right:auto;
}
#foot {
position:relative;
top:10px;
width:100%;
height:60px;
background:url(images/foot_back.jpg) repeat-x;
clear:both;
}
.nav {
margin:4px 175px 0px 15px;
}
#aq_nav,#fore_nav,#od_nav,#met_nav,#peer_nav  {
width:410px;
height:100px;
margin:7px auto;
border:1px solid #d1d1d1;
}
#aq_nav {
margin-top:18px;
background:#ffffff url(images/aq_nav.jpg) no-repeat right;
}
#fore_nav {
background:#ffffff url(images/fore_nav.jpg) no-repeat right;
}
#od_nav {
background:#ffffff url(images/od_nav.jpg) no-repeat right;
}
#met_nav {
background:#ffffff url(images/met_nav.jpg) no-repeat right;
}
#peer_nav {
background:#ffffff url(images/peer_nav.jpg) no-repeat right;
}
#industrial, #roads, #mining, #greenhouse {
width:410px;
height:100px;
margin:7px auto;
border:1px solid #d1d1d1;
}
#industrial {
background:#ffffff url(images/industrial.jpg) no-repeat right;
}
#roads {
background:#ffffff url(images/roads.jpg) no-repeat right;
}
#mining {
background:#ffffff url(images/mining.jpg) no-repeat right;
}
#greenhouse {
background:#ffffff url(images/greenhouse.jpg) no-repeat right;
}
#kp_1,#kp_2,#kp_3,#kp_4,#kp_5,#kp_6,#kp_7,#kp_8,#kp_9,#kp_10,#kp_11,#kp_12,#kp_13,#kp_14 {
width:400px;
height:100px;
margin:0 20px 10px auto;
border:2px outset #d1d1d1;
}
#kp_1 {
background:#ffffff url(images/kp_1.jpg) no-repeat right;
}
#kp_2 {
background:#ffffff url(images/kp_2.jpg) no-repeat right;
}
#kp_3 {
background:#ffffff url(images/kp_3.jpg) no-repeat right;
}
#kp_4 {
background:#ffffff url(images/kp_4.jpg) no-repeat right;
}
#kp_5 {
background:#ffffff url(images/kp_5.jpg) no-repeat right;
}
#kp_6 {
background:#ffffff url(images/kp_6.jpg) no-repeat right;
}
#kp_7 {
background:#ffffff url(images/gams_2.jpg) no-repeat right;
}
#kp_8 {
background:#ffffff url(images/kp_8.jpg) no-repeat right;
}
#kp_9 {
background:#ffffff url(images/kp_9.jpg) no-repeat top right;
}
#kp_10 {
background:#ffffff url(images/kp_10.jpg) no-repeat right;
}
#kp_11 {
background:#ffffff url(images/kp_11.jpg) no-repeat right;
}
#kp_12 {
background:#ffffff url(images/kp_12.jpg) no-repeat right;
}
#kp_13 {
background:#ffffff url(images/kp_13.jpg) no-repeat right;
}
#kp_14 {
background:#ffffff url(images/kp_14.jpg) no-repeat right;
}
a:link    { 
color:#0000ff; 
}
#navbar a:link {
color:#777;
line-height:20px;
}
a:active  { 
color: #ff0000;
}
#navbar a:active {
color:#ff0000;
}
a:visited { 
color:#8836cf;  
}
#navbar a:visited {
color:#777;
line-height:20px;
}
a:hover {
color:#ff0000;
}
#navbar a:hover {
color: #ff0000;
line-height:20px;
}
div.box a:link img {
border:2px solid #0000ff;
}
div.box a:hover img {
border:2px solid #ff0000;
}
p {
margin:0 20px;
}
.firstLetter {
  display      : block;
  float        : left;
  margin-top   : -0.205em; 
  margin-left  : -0.2em;
  margin-right : 0.5em;
  height       : 3.0em;
}
.firstLetter span{
  color:#6d213f;
  font-size    : 3.3em;   
  line-height  : 1.0em;
	font-weight:bold;
}
.firstLetter + span{
  margin-left  : -0.5em;
}
p + p {
text-align:left; 
text-indent:1em;
}
div.box p {
margin:0 10px;
} 
h2 { 
font-size:18px;
line-height:1em;
font-weight:bold;
text-align:left; 
letter-spacing: -0.04em;
word-spacing: -0.05em;
margin:0.5em 0;
color:#777;
}
h3  { 
font-size:18px;
line-height:1em; 
font-weight:bold;
text-align: center;
letter-spacing: -0.04em;
word-spacing: -0.05em;
color:#777;
margin:1em 0;
}
h4 {
font-size:12px;
font-weight:bold;
text-align:left;
word-spacing:-0.02em; 
color:#6d213f;
margin:9px 20px;
}
.subhead { 
font-weight:bold;
text-align:left; 
color:#6d213f;
}
.reshead {
margin-bottom:18px;
}
ul {
font-style:italic;
text-align:left; 
margin:0 25px;
padding:0 25px;
}
.footer {
font-size:11px;
color:#ffffff;
text-align:center;
line-height:60px;
vertical-align:middle;
}