html, body {
                text-align: center;
                color: #222;
                background-color: #fff; /* page background */
        }
        
        h1 {
                font-family: Verdana, Sans-serif;
        }
        
        h3 {
                font-family: Verdana, Sans-serif;
                font-size: 1.0em;
        }
        
        h4 {
                font-family: Verdana, Sans-serif;
        }
        
        h5 {
                font-family: Verdana, Sans-serif;
        }
        
        .buttonClass
        {
           font-weight: bold;
           font-size: 8pt;
           color: black;
           font-family: Verdana,Tahoma,Arial,Helvetica;
           background-color: #ccccff;
        }
        
        div#hack {
                margin: 0;
                padding: 0;
                background-color: #fff;
        }
        
        div#root {
                width: 1000px;
                /*border: 1px #000 solid;*/
                margin: 0em auto;
                /*padding: 4px;*/
                text-align: left;
                background-color: #fff; /* border */
        }
        
        p {font: normal 100%/1.4em "Trebuchet MS", Verdana, Sans-serif;}
        
        div#header {
                height: 150px;
                background: #fff url(../i/banner.png) 0 0 no-repeat;
                /*border: 1px #000 solid;*/
                color: #333;
                padding: 0 0 0 100px;
                margin: 0;
        }
        
        div#header h1 a {
                font-size: 0.8em;
                text-decoration: none;
                border-bottom: 1px #aaa solid;
/*                color: #ddf;*/
                color: #fff;
        }
        
        div#header h1 a:visited {
                font-size: 0.8em;
                text-decoration: none;
                border-bottom: 1px #aaa solid;
/*                color: #fcf;*/
                color: #fff;
        }
        
        div#header h1 {
                margin: 0 10px 0 10px;
                padding: 0;
        }
        
        div#header h2 {
                font-family: "Trebuchet MS", Verdana, Sans-serif;
                font-weight: normal;
                font-size: 0.75em;
                margin: 0 0 0 12px;
                padding: 2px 0 0 0;
        }
        
        div#header div#log {
                text-align: right;
                padding: 4px 0 4px 0;
                /*border: 1px #0a0 solid;*/
        }
        
        div#header div#log, div#log p, div#log form {
                margin: 0;
        }
        
        div#log form p {
                font-size: 0.65em;
                font-family: Verdana, Sans-serif;
                font-weight: bold;
                color: #000;
        }
        
        div#log p#reg {
                font-size: 0.65em;
                font-family: Verdana, Sans-serif;
                color: #000;
                margin: 6px 8px 0 0;
                padding: 0;
        }
        
        /* style for form */
        
        #login_form .textfield {
                width: 143px;
                margin: 1px 10px 0 0;
                padding: 1px 2px;
                font-size: 0.85em;
                vertical-align: middle;
        }
        
         #login_form > .textfield {font-size: 0.7em;}
        
        /* end of form styles */
        
        div#header div#fromZebra a {
                color:#000;
                text-decoration: none;
        }
        
        div#header div#fromZebra a:hover {
                color: #b00609;
        }
        
        div#content {
                background-color: #fff;
                margin: 0 0 0 154px;
                padding: 10px;
                border-top: 1px #aaa solid;
                min-height: 900px;
                height: 1%; /* IE float/3px hack */
        }
        
        #hack > #content {width: 810px; margin: 0 0 0 160px;} 
        
        div#status {
                background-color: #000;
                font-size: 0.7em;
                color: #fff;
                /* padding: 4px 6px; */ /* Top "line" */
                margin: 0;
        }
        
        div#status p {
                margin: 0;
        }
        
        div#status p a {
                color: #69f;
        }
        
        div#top .titl {
                align: left;
                padding: 10px 10px;
                font-family: Verdana, Sans-serif;
                font-size: 0.85em;
                color: #900;
                margin: 0;
        }
        div#top .titl a {font-size: 0.7em; color: #000;}
        
        div#nav {
                background-color: #fff;
                width: 140px;
                margin: 0;
                padding: 1px 10px 6em 10px;
                float: left;
                display: inline;
                /*border-top: 2px #aaa solid;*/
        }
        
        div#nav h1, div#nav h2 {
                font-family: Verdana, Sans-serif;
                color: #000;
                margin: 0.5em 0 0 0;
                padding: 0;
        }
        
        div#nav h1 {font-size: 0.85em; color: #900;}
        div#nav h1 a {font-size: 0.85em; color: #900;}
        div#nav h2 {font-size: 0.7em; color: #900;}
        div#nav h3 {font-size: 0.8em; color: #fff; background-color: #b00609; padding: 5px 0px 5px 0px;}
        div#nav h5 {font-size: 0.6em; margin: 0.5em 0 0 0.5em;}
        
        div#nav h5 a {color: #900;}
        
/*        a:hover {background-color: #ff0;} */

        a:link {color: #0070bc;}
/*        a:visited {color: #0070bc;} */
        a:hover {color: #b00609;}
/*        a:active {color: #1b1463;} */

        div#men a:hover {background-color: transparent}
        
        div#nav ul {
                list-style: square inside;
                padding: 0;
                margin: 0.2em 0 0 0.5em;
        }
        
        div#nav ul#nav_list li {
                margin: 0;
                padding: 0;
                /*line-height: 0.9;*/
                /*border: 1px #000 solid;*/
        }
        
        div#nav ul#nav_list li a {
                font-size: 0.75em;
                font-family: Verdana, Sans-serif;
                color: #0070bc;
        }
        
        div#nav ul#nav_list li a:hover {
                color: #b00609;
        }
        
        #nav ul li > a {font-size: 0.7em;}
        
/*        div#nav ul a:hover {color: #000;} */
        
        div#nav ul#nav_list {
                margin: 0 0 1.74em 0; 
                font-weight: bold; 
                list-style: none;
        }
        
        div#nav ul#nav_list li {
                padding: 0 0 0.6em 0;
        }
        
        div#nav ul#nav_list li ul#locations {
                list-style: none;
                padding: 0 0 0 0.3em;
                font-size: 97%;
                font-family: Verdana, Sans-serif; 
        }
        
        div#nav div#search_bar h3 {
                font-size: 0.8em;
                margin: 0;
                padding: 0;
        
        }
        
        div#nav div#search_bar p {margin: 0;}
        
        div#nav div#search_bar #search_form input {
                width: 82px;
                padding: 1px 2px;
                margin: 0;
                font-size: 0.75em;
        }
        
        div#nav div#search_bar a img {
                border: 0; 
                margin: -1px 0 0 0; 
                padding: 0;
                vertical-align: middle;
        }
        
        
        /* content stuff */
        
        div#content h1 {
                font-size: 1.3em;
                font-family: Verdana, Sans-serif;
                color: #000;
                margin: 1em 0 0 0;
        }       
        
        div#content h2 {
                font-size: 0.7em;
                font-family: Verdana, Sans-serif;
                font-weight: normal;
                color: #777;
                margin: 0 0.4em;
        }       
        
        div#content h3 {
                font-size: 0.85em;
                font-family: "Trebuchet MS", Verdana, Sans-serif;
                margin: 1em 0 0.2em 0;
                color: #f00;
        }
        
        div#content div#steps {
                margin: 1em;
                padding: 0;
        }
        
        div#steps h4 {
                font-size: 0.75em;
                font-family: Verdana, Sans-serif;
                margin: 0;
        }
        
        div#steps h4 a {text-decoration: none; color: #0a0;}
        div#steps h4 a:hover {text-decoration: underline;}
        div#steps p.desc {margin: 0 0 1.5em 0;}
        
        div#content hr {margin: 0;}
        
        div#content ul.benefits_list {
                width: 250px;
                font-family: Verdana, Sans-serif;
                margin: 0;
                padding: 0.5em 0.5em 1em 0.5em;
                color: #000;
                /*border: 1px #aaa solid;*/
                min-height: 160px;
        }
        
        div#content table#benefits {
                font-size: 0.75em;
                margin: auto;
                padding: 0;
                width: 100%;
                /*border: 1px #aaa solid;*/
                clear: right;
        }
        
        table#benefits th {
                font-family: Verdana, Sans-serif;
        }
        
        table#benefits td {
                border: 1px #aaa solid;
                background-color: #eee;
        }
        
        div#content li {
                margin: 0.2em 0 0 1.5em;
        }
        
        div#content p {
                font-size: 0.8em;
                color: #222;
                margin: 0.3em;
        }
                
        div#content div#map {
                width: 580px;
                margin: 0.25em auto;
                padding: 0;
        }
        
        div#content p#foot {
                font-size: 0.75em;
                margin: 0.3em 0;
                text-align: right;
        }
        
        iframe#ifcontent {
                width: 100%;
                overflow: hidden;
                display: none;
        }
                
        table#assets_list {
                width: 812px;
                font: normal 0.75em/1.4em "Trebuchet MS", Verdana, Sans-serif;
                color: #444;
                margin: 1em auto 2em auto;
                text-align: left;
        }
        
        table#assets_list .time {width: 3%; background-color: #eee; color: #777; text-align: center; font-weight: bold;}
        table#assets_list .location {width: 10%; background-color: #ddd; color: #000;}
        table#assets_list .projtype {width: 10%; background-color: #ddd; color: #000;}
        table#assets_list .company {width: 20%; background-color: #ccc; font-weight: bold; color: #000;}
        table#assets_list .company a {text-decoration:none; color: #000;}
        table#assets_list .company a:hover {color: #b00609;}
        table#assets_list .identifier {width: 30%; background-color: #ccc; color: #000;}
        table#assets_list .www {width: 8%; background-color: #ccc; color: #000; text-align: center;}
/*        table#assets_list .details {width: 20%; background-color: #eee; color: #000; text-align: center;} */
        table#assets_list th {background-color: #b00609; padding: 5px 0px 5px 0px; color: #fff; text-align: center;}
        td.blue {color:#000;}

        table#management th {background-color: #444; color: #fff; text-align: center;}
        
        table.mtx {
                font-family: Verdana, Sans-serif;
                font-size: 0.8em;
        }

        table.mtx th, table#benefits th {background-color: #666; color: #fff; text-align: center;}
        table.mtx td {text-align: left;}
        table.mtx .first {width: 70%; background-color: #eee;}
        table.mtx .second {background-color: #ccc;}
        table.mtx .third {background-color: #ccc;}
        table.mtx .fourth {background-color: #ddd;}
        
        table.mtx .first ul {font-weight: normal;  margin: 0.5em 1em; list-style-type: square; padding: 0 0 0 2em; color: #222}
        table.mtx #imp {background-color: #fd0;}
        table.mtx #imp2 {background-color: #0af;}
        table.mtx ul {list-style: none; padding: 0; margin: 0; color: #000;}
        table.mtx li {text-align: center;}
        table.mtx .second em {color: #a00; font-style: normal; font-weight: bold;}
        table.mtx .first li {text-align: left;}
        table.mtx #ylw {background-color: #fd0;}
        table.mtx #org {background-color: #fa0;}
        table.mtx #grn {background-color: #0b0;}
        table.mtx #wth {background-color: #fff;}
        table.mtx #cyn {background-color: #0ef;}
        table.mtx #ble {background-color: #0af;}

        table.details {
                font-family: Verdana, Sans-serif;
                font-size: 0.7em;
                width: 100%;    
                color: #000;
        }
        
        table.details td {
                
        }
        
        table.details td.field {
                width: 30%;
                background-color: #eee;
                font-weight: bold;
                color: #444;
                text-align: right;
        }
        
        table.details #desc {
                font-style: italic;
        }
        
        
        
        /* custom */
        
        div.ext { display:none;}
        #lat_degree { width: 25px; }
        #lat_minute { width: 60px; }
        #lon_degree { width: 25px; }
        #lon_minute { width: 60px; }
        #sel_lat { width:50px;}
        #sel_lon { width:50px;}