html,body{margin:0;padding:0}
body{font:75% "Trebuchet MS",arial,sans-serif;color: #333;text-align:center;padding: 20px;background-color: #7a1}
h1,h2{padding-left: 15px;margin: 0}
h2{font-size: 160%;color: #555}
h4 {font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Lucida, Helvetica, Sans-serif; font-size: 14px; font-weight: bold; color: #26a; text-transform: uppercase; letter-spacing: 1px; line-height: 12px; padding: 0 15px 2px;}

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:0;padding: 2px 5px}

div#container{width:100%;margin: 0 auto;padding:0;text-align: left}
div#header{background-color: #e7e7e7;padding:10px 0}
div#header h1{color: #FFF;font-size: 200%;font-weight: 900}
div#menu{width:100%;overflow:auto;background: #e7e7e7;padding-top: 5px}

/* hashed out as we'd much rather use % for these than fixed px widths
div#content{width:650px;position:absolute;top: 20px;left: 60px;background: #fff}
div#content a,a:visited{color: #00d}
div#content a:hover{color: #55f;background: #eef}
div.nav{float:none;margin-left:710px;position:relative;width:200px;background: #9c3;color: #241; line-height:16px;margin-bottom: 18px}
div.nav p{padding: 5px 16px}
div.nav h2{font-size: 100%;color: #333;padding: 2px 0 4px;background: #ad4;text-al
ign: center}
div.nav a,a:visited{color: #26a}
div.nav a:hover{color: #04f}
*/

div#content{width:auto;position:absolute;top: 20px;left: 60px;right:28%;background: #fff}
div#content a,a:visited{color: #00d}
div#content a:hover{color: #55f;background: #eef}
div#imgwithcaption{float:center; padding:5px; border:1px; text-align:center;}

div.nav{float:none;position:relative;left:75%;width:20%;background: #9c3;color: #241; line-height:16px;margin-bottom: 18px}
div.nav p{padding: 5px 16px}
div.nav h2{font-size: 100%;color: #333;padding: 2px 0 4px;background: #ad4;text-align: center}
div.nav a,a:visited{color: #048}
div.nav a:hover{color: #04f;background:#ad4}
div.nav ul{margin-left: 11px; padding: 0px}
div.nav ul li{padding: 1px 12px 1px 12px; list-style-type: none; background-image: url(/images/lime_dash.gif); background-repeat: no-repeat; background-position:0 8px; display: block}

ul.fancy{margin-left: 20px; padding: 0px}
ul.fancy li{padding: 1px 20px 1px 20px; list-style-type: none; background-image: url(/images/green_dot.gif); background-repeat: no-repeat; background-position: 0 2px; display: block}

ul#txtbut{list-style-type:none;margin:0;padding:0}
ul#txtbut{padding-left:15px}
ul#txtbut li{float:left;width:80px;margin-right:2px;text-align: center}
ul#txtbut a{float:left;width:80px;text-decoration:none;background: #cce;color: #88f}
ul#txtbut li.active a,ul#nav a:hover{color: #000;background: #ccf}
ul#txtbut li a:hover{color: #22f;background: #dde;}

div#footer{clear:both;padding-top:10px;text-align: center;font-size: 90%;background: #137;color: #FFF;margin: 0}
div#footer a,a:visited{color: #99d}
div#footer a:hover{color: #9cf;background: #149}
div#box{float:right;display:inline;width:150px;margin: 5px 15px 0 5px;background:#ddd;text-align:center}
div#box p{padding:0 5px}

form{width:360px;margin:16px 32px;background-color:#eef}
form.wide{width:600px;margin:16px 32px;background-color:#eef}
form.plain{margin:0 16px;background-color:#fff}
fieldset{border:0 solid #228}
legend{font: bold 140%/1.6 Arial,sans-serif;color: #26a}
fieldset label{float:left;display:inline;width:110px;line-height:18px;margin: 3px 10px;text-align:center;background: #FFF url("/images/form_arrow.gif") no-repeat right center}
fieldset label.wide{float:left;display:inline;width:220px;line-height:18px;margin: 3px 10px;text-align:center;background: #FFF url("/images/form_arrow.gif") no-repeat right center}
input,textarea{margin:3px 0 8px;border-style:solid;border-color: #bbe #26a #26a #bbe; border-width:1px 1px 1px 1px;width: 160px;font-size:1.1em;font-family:Verdana, Arial, Helvetica, sans-serif;}
input{height: 20px}
input.cbox {height: 16px;width:16px;line-height:16px;margin:0;border-width:1px 1px 1px 1px}
input.rad {height: 14px;width:20px;line-height:12px;margin:0;border-width:1px 1px 1px 1px}
input#go {border:0; width:54px; height:20px; margin:0; margin-left:130px; background:url(/images/submit_send.gif) no-repeat left top; display:block}
* html input#go,input#chgpass,input#login {margin-left:28px}
input#chgpass {border:0; width:160px; height:20px; margin:0; margin-left:130px; background:url(/images/submit_changepassword.gif) no-repeat left top; display:block}
input#sendpass {border:0; width:160px; height:20px; margin:0; margin-top:10px; margin-left:130px;
background:url(/images/submit_sendpass.gif) no-repeat left top; display:block}
input#login {border:0; width:100px; height:20px; margin:0; margin-left:130px; background:url(/images/submit_login.gif) no-repeat left top; display:block}
input#setuphosting {border:0; width:160px; height:20px; margin:0; background:url(/images/submit_setuphosting.gif) no-repeat left top; display:block}
input#saveprefs {border:0; width:160px; height:20px; margin:0; background:url(/images/submit_savepreferences.gif) no-repeat left top; display:block}
input#search {border:0; width:100px; height:20px; margin:0; background:url(/images/submit_search.gif) no-repeat left top; display:block}
input#continue {border:0; width:100px; height:20px; margin:0; background:url(/images/submit_continue.gif) no-repeat left top; display:block}
input#update {border:0; width:100px; height:20px; margin:0; background:url(/images/submit_update.gif) no-repeat left top; display:block}
input#save {border:0; width:60px; height:20px; margin:0; background:url(/images/submit_save.gif) no-repeat left top; display:block}
input#sendemail {border:0; width:160px; height:20px; margin:0; background:url(/images/submit_sendemail.gif) no-repeat left top; display:block}
input#createstatdec {border:0; width:160px; height:20px; margin:0; background:url(/images/submit_createstatdec.gif) no-repeat left top; display:block}

input#go:hover,input#chgpass:hover,input#login:hover,input#setuphosting:hover,input#sendpass:hover,input#saveprefs:hover,input#search:hover,input#continue:hover,input#update:hover,input#save:hover,input#sendemail:hover,input#createstatdec:hover {background-position:left bottom}

div#minipix{float:left;width:100%;padding-bottom:10px}
div#minipix ul{list-style-type: none;margin:0 15px;padding:0}
div#minipix li{float:left;width:100px;margin: 10px 10px 10px 0;background-color: #ccd}
div#minipix li img{display: block;width: 80px;height: 80px;margin:5px 10px;border: 0}
img.imgright {float:right;border:0;margin: 0 5px 4px 4px}
img.footerimg {display:block;float:none;margin: 0 20px;border: 0}
img.thumb {margin:0px 8px 2px 0px; padding:4px; border:1px solid #eee; color:#333; background:#fff; }
img.thumb a:hover .thumb, a:active .thumb {border: 1px dotted #24A;}
img.nothumb {margin-left: auto;margin-right: auto;display: block;padding:4px;border:1px solid #e5e5e5;color:#333;background:#fff;}
table.fancy {margin: 0px 16px 15px;padding:8px;border:1px solid #e5e5e5;font:90% "Trebuchet MS",arial,sans-serif;color: #333;text-align:center}
table.busy {margin: 0px 16px 15px;padding:8px;border:1px solid #c5c5d5;font:90% "Trebuchet MS",arial,sans-serif;color: #333;text-align:center}
table.busy th {vertical-align:top;padding:10px; font-size:12px; font-weight:bold; color:#26a}
table.busy td {vertical-align:top;padding:10px; border-top:1px solid #c5c5d5}
table.feature {margin: 0px 16px 15px;padding:8px;border:1px solid #c5c5d5;font:110% "Trebuchet MS",arial,sans-serif;color: #333;text-align:left}
table.feature th {vertical-align:top;padding:10px; font-size:12px; font-weight:bold; color:#26a}
table.feature td {vertical-align:top;padding:10px; border-top:1px solid #c5c5d5}
table.sortable {margin: 0px 16px 15px;padding:10px;border:1px solid #e5e5e5;font:100% "Trebuchet MS",arial,sans-serif;color: #333;text-align:left}

tr.limeruler{background:#9c3;} 
.dividecols {border-right:1px dotted #ddd;}

.floatright
 {
 float: right;
 width: 102px;
 margin: 0 0 10px 10px;
 background-color: #ddd;
 padding: 10px;
 border: 1px solid #666;
}

#navbuttons {background: url(../images/buttonbar-shade3.gif) repeat; margin: 0 0 0 11px; padding:0;}
#navbuttons ul
        {
        margin: 0 0 0 10px;
        padding: 0;
        width: 500px;
        height: 28px;
        }

#navbuttons ul li
        {
        display: block;
        height: 28px;
        margin: 0;
        padding: 0;
        text-indent: -10000px;
        float: left;
        background: none;
        }

#navbuttons ul li a
        {
        display: block;
        height: 28px;
        }

#navbuttons ul li a#m1
        {
        background: url(../images/top-services.gif) no-repeat 0 0;
        padding-bottom: 0;
        border-bottom: 0;
        width: 62px;
        }

#navbuttons ul li a#m2
        {
        background: url(../images/top-markets.gif) no-repeat 0 0;
        padding-bottom: 0;
        border-bottom: 0;
        width: 62px;
        }

#navbuttons ul li a#m3
        {
        background: url(../images/top-about.gif) no-repeat 0 0;
        padding-bottom: 0;
        border-bottom: 0;
        width: 62px;
        }

#navbuttons ul li a#m4
        {
        background: url(../images/top-userguide.gif) no-repeat 0 0;
        padding-bottom: 0;
        border-bottom: 0;
        width: 62px;
        }

#navbuttons ul li a#m5
        {
        background: url(../images/top-policies.gif) no-repeat 0 0;
        padding-bottom: 0;
        border-bottom: 0;
        width: 62px;
        }

#navbuttons ul li a#m6
        {
        background: url(../images/top-contact.gif) no-repeat 0 0;
        padding-bottom: 0;
        border-bottom: 0;
        width: 62px;
        }

#navbuttons ul li a#m7
        {
        background: url(../images/top-justnet.gif) no-repeat 0 0;
        padding-bottom: 0;
        border-bottom: 0;
        width: 62px;
        }

#navbuttons ul li a#m1:hover,
#navbuttons ul li a#m2:hover,
#navbuttons ul li a#m3:hover,
#navbuttons ul li a#m4:hover,
#navbuttons ul li a#m5:hover,
#navbuttons ul li a#m6:hover,
#navbuttons ul li a#m7:hover
        {
        background-position: 0 -28px;
        }
#navbuttons ul li a#m1:active,
#navbuttons ul li a#m2:active,
#navbuttons ul li a#m3:active,
#navbuttons ul li a#m4:active,
#navbuttons ul li a#m5:active,
#navbuttons ul li a#m6:active,
#navbuttons ul li a#m7:active
        {
        background-position: 0 -56px;
        }

#navbuttons ul li.active a#m1,
#navbuttons ul li.active a#m1:hover,
#navbuttons ul li.active a#m1:active,
#navbuttons ul li.active a#m2,
#navbuttons ul li.active a#m2:hover,
#navbuttons ul li.active a#m2:active,
#navbuttons ul li.active a#m3,
#navbuttons ul li.active a#m3:hover,
#navbuttons ul li.active a#m3:active
#navbuttons ul li.active a#m4,
#navbuttons ul li.active a#m4:hover,
#navbuttons ul li.active a#m4:active,
#navbuttons ul li.active a#m5,
#navbuttons ul li.active a#m5:hover,
#navbuttons ul li.active a#m5:active,
#navbuttons ul li.active a#m6,
#navbuttons ul li.active a#m6:hover,
#navbuttons ul li.active a#m6:active,
#navbuttons ul li.active a#m7,
#navbuttons ul li.active a#m7:hover,
#navbuttons ul li.active a#m7:active
        {
        background-position: 0 -56px;
        cursor: default;
        }