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, 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;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100.1%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
body {
        line-height: 1.2;
        color: black;
        background: #99ccff;
	margin:0 8%;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
/*        border-collapse: separate;*/
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}


html {
font-family: verdana, arial, helvetica, sans-serif;
background:#f1eff5;
}

h2 {
font:bold 1.1em Ravie, "Times New Roman", serif;
margin:15px 0 5px 0;
color:#00f;
}

h3 {
font:bold .9em Ravie, "Times New Roman", serif;
margin:15px 0 5px 0;
color:#00f;
}

h4 {
font:bold .9em Verdana, san serif;
margin:15px 0 0 0;
color:#000;
}

h5 {
font:bold .9em Ravie, "Times New Roman", serif;
margin:15px 0 5px 0;
color:#000;
}
#header {
height:170px;
width:98%;
margin:0 auto;
}

#header #logo {
float:left;
width:19%;
margin:0 auto;
}

#header #logo-2 {
float:left;
width:19%;
margin:0 auto;
}
#header #logo img {
padding-top:20px;
}
#header #logo-2 img {
float:right;
padding-top:20px;
}

#header #heading {
width:60%;
float:left;
font-size:.9em;
text-align:center;
}

#header #heading h1 {
font-size:2.5em;
font-family: Ravie, "Times New Roman", serif;
padding-top:60px;
}
#contentwrapper {
margin-left:18%;
background:#99ccff;
}
#sidenav, div.return {
float:left;
width:18%;
margin-top:5px;
font-size:.95em;
list-style-type:none;
margin:10px 0 0 -30px;
}
#sidenav ul, div.return ul {
padding:0;
margin:10px 0 0 0;
width:100%;
}

div.return ul {
margin:10px 0 0 -90px;
width:100%;
}
#sidenav li, div.return li {
display:inline;
list-style-type:none;
}

#sidenav a, div.return a {
display:block;
padding: 2px 0 2px 7px;
margin:4px 0;
color:#f00;
font-weight:normal;
text-decoration:none;
border: 1px solid #000;
background-color:#fff;
line-height:160%;

}
#sidenav a:hover, #sidenav a:focus, #sidenav a:active {
color:#f00;
background:#ffefaf;
border-right:5px solid #f00;
}

div.return a:hover, div.return a:focus, div.return a:active {
color:#f00;
background:#ffefaf;
border-right:5px solid #f00;
}

#sidenav div img {
margin-top:15px;
float:left;
}

div .content {
margin:40px 6% 0 0;
}
div .content p {
font-size:1em;
margin:.5em 0 0 0;
}

#climate {margin-top:0px;}
 
div.image-center {
margin: 10px auto;
}

div.images {
float:left;
margin:30px 0 0 10%;
}

div.images-3 {
float:left;
margin:30px 0 0 -50px;
}
div.images-1 {
float:left;
margin:30px 0 0 20%;
}
div.images_2 {
float:right;
margin:30px 0 0 -100px;
}

div.images-2 {
float:right;
margin:30px 0 0 0;
}

div.image_left {
float:left;
margin:10px 10px 5px -180px;
}

div.images2-2 {
float:right;
margin:-30px 0 0 0;
}

div.image2_left {
float:left;
margin:-40px 10px 0 -180px;
}


div.image_left2 {
float:left;
margin:10px 10px 30px 180px;
}

div.images_right2 {
float:right;
margin:20px 180px 30px 10px;
}


div.image_left1 {
float:left;
margin:20px 10px 0 0;
}

.wrap_image {
clear:both;
}

div.table {
float:left;
margin:0 0 0 20%;
}

table {
background:transparent;
font-size:.9em;
margin:50px 0;
} 
td {
border: 1px solid #fff;
padding:4px 4px 4px 10px;
}

th {
font:bold 1em Verdana, Arial, Helvetica, sans-serif;
text-align:center;
border:1px solid #fff;
padding:4px 0 4px 0;
}

th.col1 {width:9%;}
th.col2 {width:20%;}
th.col3 {width:20%;}

span {
font:bold 1.1em Verdana, san serif;
margin:0 10px 0 -20px;
}
blockquote {
margin-left:40px;
}
hr {height:3px;margin:4px 0;}
div .content p.copyright {
font-size:.75em;
}

em {color:#f00;font-weight:bold;}

#head {font-size:140%;font-weight:bold;padding-top:10px;text-align:center;}