body {margin:0; font-family:"Georgia", serif ; background-color:#F0F0F0;}

#header {height:150px; background-image:url(images/header_bg.png);}
#logo {float:left; font-size:36px; padding:38px 0 30px 50px;}
#logo a {color:#FFFFFF; text-decoration:none;}
#slogan {float:right; font-size:24px; color:#FFFFFF; padding:52px 50px 34px 0;}
#menu {height:31px; clear:both; padding-left:28px;}
#menu ul {margin:0; padding:0;}
#menu li {list-style:none; float:left; background:url(images/menu_bg2.png) right no-repeat;}
#menu a {float:left; background:url(images/menu_bg1.png) left no-repeat; height:21px; padding:5px 20px; color:#444444; font-size:15px; font-weight:bold; text-decoration:none;}
#menu a:hover {color:#000000;}
#menu li.active {background:url(images/menu_bg2_active.png) right no-repeat;}
#menu li.active a {background:url(images/menu_bg1_active.png) left no-repeat; color:#000000;}

#main {float:left; width:100%; color:#000000; font-size:13px;}
#main a {color:#444444;}
#main a:hover {color:#000000;}
#main br {line-height:10px;}
#text {line-height:17px; margin-right:20px; padding:20px 50px 40px 50px;}
#text h1 {font-size:24px; font-weight:normal; margin:20px 0 10px 0;}
#text h2 {font-size:21px; font-weight:normal; margin:20px 0 10px 0;}
#text ol, #text ul {padding:0; margin:10px 0;}
#text li {margin-left:40px;}
#current_vals {line-height:17px; border: 1px solid #555; margin-right:20px; padding:20px 50px 40px 50px;}
table {  border-collapse: collapse;  margin-left: auto; margin-right: auto;}
th {  border: 1px solid #cecfd5; padding: 10px 15px; vertical-align: middle; text-align: center;}
td {  border: 1px solid #cecfd5; padding: 10px 15px; vertical-align: middle; text-align: center; font-size:17px; font-weight:bold;}
thead {  background: #444444;  color: #fff;}

#gallery a {color: #FFF;}
#gallery a:hover {color: yellow; text-decoration: underline;}
#thumbnails img {height: 80px; border: 4px solid #555; padding: 1px;margin: 0 10px 10px 0;}
#thumbnails img:hover {border: 4px solid #00ccff;cursor:pointer;}
#preview img {border: 4px solid #444;padding: 1px;width: 800px;}
#desc {padding: 15px;text-align: center;}


#current {float:left; width:100%; color:#000000; font-size:13px; height: 200px; border: 1px solid rgba(100, 100, 100, 0.4)}
#current a {color:#444444;}
#current a:hover {color:#000000;}
#current br {line-height:10px;}

#row1 {width: 100%; height: 400px; border: 1px solid rgba(100, 100, 100, 0.4)}
#temperature {float: left; width: 49.8%; height: 99%; margin: 0.1%; background-color:white}
#humidity {float: right; width: 49.8%; height: 99%; margin: 0.1%; background-color:white}
#row2 {width: 100%; height: 400px; border: 1px solid rgba(100, 100, 100, 0.4)}
#pressure {float: left; width: 49.8%; height: 99%; margin: 0.1%; background-color:white}
#particle {float: right; width: 49.8%; height: 99%; margin: 0.1%; background-color:white}
#particleAve {float: right; width: 99%; height: 99%; margin: 0.1%; background-color:white}
    
#footer {height:100px; color:#FFFFFF; font-size:13px; background-image:url(images/footer_bg.png); clear:both;}
#footer a {color:#FFFFFF;}
#footer a:hover {color:#DFDFDF;}
#footer_left {float:left; padding:41px 0 0 50px;}
#footer_right {float:right; padding:41px 50px 0 0;}