html,body{margin:0;padding:0}
body{font:76% "Trebuchet MS",arial,sans-serif;color: #333;text-align:center;padding: 20px}
h1,h2{padding-left: 15px;margin: 0}
h2{font-size: 160%;color: #FFF}
p{margin: 0;padding: 0 15px 0.7em;line-height: 1.5}
address{font-style: normal}
div.gradient{background: #F2F2F2 url(gradient.png) repeat-x top;margin: 15px}
div.gradient p{margin:5px;padding: 5px}
p.codehere{color: #66CCFF}

div#container{width:700px;margin: 0 auto;background-color: #66CCFF;text-align: left}
div#containerform{width:500px;margin: 0 auto;background-color: #0099CC;text-align: center}
div#containerform2{width:900px;margin: 20 auto;background-color: #0099CC;text-align: left}
div#header{background-color: #66CCFF;padding:10px 0}
div#header h1{color: #FFF;font-size: 300%;font-weight: 900}
div#menu{width:100%;overflow:auto;background: #66CCFF;padding-top: 5px}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left:15px}
ul#nav li{float:left;width:80px;margin-right:2px;text-align: center}
ul#nav a{float:left;width:80px;text-decoration:none;background: #FFC;color: #999}
ul#nav li.active a,ul#nav a:hover{color: #000}
div#content{float:center;width:700px;border-top:0px solid #CCFFCC;padding-top:15px;background-color: #0099CC}
div#contentform{clear:left;width:340px;border-top:0px solid #CCFFCC;padding-top:0px;background-color: #CCFFCC}
div#contentform2{clear:left;width:900px;border-top:0px solid #CCFFCC;padding-top:0px;margin: 30 auto;background-color: #CCFFCC}
div#footer{padding-top:5px;text-align: center;font-size: 90%;background: #8395CB;color: #FFF}
div#plot{margin: 5px 20px 0px 20px;display: none;}
div#box{float:right;display:inline;width:100px;margin: 5px 15px 0 5px;background:#CCFFCC;text-align:center}
div#box p{padding:0 5px}
div#boxlarge{float:left;display:inline;width:670px;margin: 15px;background:#CCFFCC;text-align:left;color:#FFF}
div#boxlarge p{padding:2px 5px;background:#CCFFCC;color:#000000}
div#boxlarge2{float:left;display:inline;width:660px;margin: 15px;background:#CCFFCC;text-align:left;color:#FFF}
div#boxlarge2 p{padding:2px 5px;background:#CCFFCC;color:#000000}

div#minipics{float:left;width:100%;padding-bottom:10px}
div#minipics ul{list-style-type: none;margin:0 15px;padding:0}
div#minipics li{float:left;width:100px;margin: 10px 10px 10px 0;background-color: #FFF}
div#minipics li img{display: block;width: 80px;height: 80px;margin:5px 10px;border: 0px}

form{width:340px;background-color: #CCFFCC}
fieldset{border: 0px solid #000}
legend{font: bold 140%/1.6 Arial,sans-serif;color: #27518A}
fieldset label{float:left;display:inline;width:110px;
    line-height:16px;margin: 3px 10px;text-align:center;background: #FFF url("arrow.jpg") no-repeat right center}
input.search {margin:3px 0 8px;border-style:solid;border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2;
    border-width:2px 1px 1px 2px;width: 200px}
input.login {margin:3px 0 8px;border-style:solid;border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2;
    border-width:2px 1px 1px 2px;width: 150px}
input[type="button"],input[type="submit"] {margin:3px 0 8px;border-style:solid;border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2;
    border-width:2px 1px 1px 2px;width: 120px}
input[type="textarea"]{margin:3px 0 8px;border-style:solid;border-color: #778AA2 #7EA4D8 #7EA4D8 #778AA2;
    border-width:2px 1px 1px 2px;width: 200px}
br{clear:left}
}