/* CSS Document */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
text-align: center;
}

body {
text-align: center;
height: 100%;
}

p, h1, h2, h6 {
font-family: Arial, Helvetica, sans-serif;
color: #0058B0;
}

p {
font-size: 14px;
text-align: justify;
}

h1 {
font-size: 24px;
}

h2 {
font-size: 18px;
}

.floatright {
float: right;
margin: 0 0 2px 10px;
}

.floatleft {
float: left;
margin: 0 10px 2px 0;
}

.center {
text-align: center;
}

.rightholder {
width: 250px;
height: auto;
float: right;
}

.bottommargin {
margin-bottom: 5px;
}

.largebottommargin {
margin-bottom: 15px;
}

#main_wrapper {
width: 980px;
background-image: url(../images/background.png);
background-repeat: repeat-y;
text-align: left;
margin-left: auto;
margin-right: auto;
min-height: 100%;
height: auto;
position: relative;
}

* html #main_wrapper {
height: 100%;
}

/* Header */

#header {
width: 920px;
height: 120px;
background-image: url(../images/banner.png);
margin: 0 30px;
background-color:#FFFFFF;
}

/* Tabs */

#tabs ul {
clear: both;
float: right;
padding: 86px 0 0 0;
list-style: none;
margin: 0 20px 0 0;
}

#tabs ul li {
display: inline;
width: 120px;
height: 34px;
}

#tabs ul li a {
background-position: 0 -34px;
background-image: url(../images/tabs.png);
background-repeat: no-repeat;
float: left;
width: 122px;
height: 26px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
color: #3F72AB;
font-weight: bold;
text-decoration: none;
padding-top: 8px;
font-size: 16px;
}

#tabs ul li a:hover {
background-position: 0 -68px;
background-image: url(../images/tabs.png);
background-repeat: no-repeat;
color: #0058B0;
}
 
#tabs ul li a.active, 
#tabs ul li a.active:hover {
background-position: 0 0;
background-image: url(../images/tabs.png);
background-repeat: no-repeat;
color: #0058B0;
}



/* Content */

#content_wrapper {
width: 920px;
height: 100%;
margin: 0 30px;
padding-bottom: 60px;
}

#content {
width: 665px;
height: 100%;
float: left;
padding: 20px 5px 15px 20px;
}

#content ul {
	list-style: none;
	background-color: #DBE6FD;
	border: medium solid #0058B0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0058B0;
	vertical-align: middle;
	width: 360px;
	padding: 6px 10px;
	margin-left: 10px;
}

#content ul li {
display: block;
width: 360px;
height: 1.5em;
}

#content a {
color: #CA0000;
text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

/* Sidebar */

#sidebar_wrapper {
width: 230px;
height: auto;
float: right;
background-image: url(../images/sidebar.png);
left: 720px;
position: absolute;
bottom: 106px;
top: 125px;
margin-bottom: -5px;
}

#sidebar {
background-repeat: repeat-y;
padding: 0 25px 0 35px;
height: auto;
}

#sidebar_top {
width: 230px;
height: 36px;
background-image: url(../images/sidebar_top.png);
}

#sidebar_bottom {
width: 230px;
height: 36px;
background-image: url(../images/sidebar_bottom.png);
position: absolute;
bottom: -36px;
}

#sidebar ul {
list-style: none;
margin: 0 0 0 10px;
}

#sidebar ul li {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
width: 180px;
color: #3F72AB;
line-height: 2em;
}

#sidebar ul li a {
color: #3F72AB;
text-decoration: none;
width: 122px;
}

#sidebar ul li a:hover {
color: #0058B0;
}

.terraverdelogo {
margin-top: 2em;
}

/* Footer */

#footer {
width: 920px;
height: 60px;
background-image: url(../images/footer.png);
position: absolute;
bottom: 0;
margin: 0 30px;
}

* html #footer {
bottom: -1px;
}

#footer ul {
clear: both;
float: left;
list-style: none;
margin: 5px 0 0 10px;
}

#footer ul li {
display: inline;
font-family: Arial, Helvetica, sans-serif;
color: #B6CCE4;
font-size: 12px;
width: 122px;
}

#footer ul li a {
color: #B6CCE4;
text-decoration: none;
width: 122px;
}

#footer ul li a:hover {
color: #FFFFFF;
}

.float_wunderground {
float: right;
margin: 5px 5px 0 0;
}

/* Clear float */

.clearfloat {
clear: both;
}

#map {
width: 500px;
height: 300px;
margin: 0 auto;
border-style: solid;
border-color: #0058B0;
border-width: medium;
}