html {height:100%; max-height:100%; padding:0; margin:0; border:0; font-size:75%; font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; background-color:#000000; background-image:url(../images/sysimg/globalbgnd80.jpg); 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

/* unmovable objects - do not scroll */
* html #head, * html #headertext, * html #menuref, * html #copysplash, * html #foot, * html #leftside {position:absolute;}

/* global body */
body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; color:#ffffff; /*background-color:#000000;*/}
/* creates 100% scalable body background image */
#background {position:absolute; z-index:-1; width:100%; height:100%;}
/* global tags */
hr {color:#ffffff; clear:both;}

/* header items */  
/*  head is right 18px to show scroll bar  */
/* paddingheader is blank 18px wide to move header stuff back onto screen */
#head {position:fixed; margin:0; top:0px; right:18px; display:block; width:100%; height:130px;  background:url(../images/sysimg/headerbgnd.jpg); font-size:1em; z-index:5; color:#ffffff;}
#paddingheader {display:block; width:18px; height:130px; float:left;}
#headerleft  {float:left; background-color:transparent;}
#headerright  {float:right; background-color:transparent;}
#headertext {position:fixed; margin:0; top:103px; left:10px; display:block; width:500px; height:27px; padding-top:5px; background:transparent; font-size:0.9em; z-index:6; font-weight:normal; color:#ffffff;}

/* footer items */
/*  foot is right 18px to show scroll bar  */
/* paddingfooter is blank 18px wide to move header stuff back onto screen */
#foot {position:fixed; margin:0; bottom:-1px; right:18px; display:block; width:100%; height:30px; background:#0eb0b0; 
color:#ffffff; text-align:right; font-size:0.8em; z-index:4;}
#paddingfooter {display:block; width:18px; height:30px; float:left;}
#menuref {position:fixed; margin:0; bottom:-1px; display:block; float:left; left:5px; width:200px; height:30px; background:#0eb0b0; 
color:#ffffff; text-align:left; font-size:0.8em; z-index:5;}
#copysplash {position:fixed; margin:0; bottom:-1px; display:block; float:left; left:5px; width:150px; height:30px; background:transparent; color:#cccccc; text-align:left; font-size:0.8em; z-index:5;}

/*content items */
/* paddingcontent_1 pushes content below header */
/* padding content_2 gives clear space at bottom of page */
#content {display:block; height:100%; max-height:100%; overflow:auto; padding-left:160px; padding-right:10px; position:relative; z-index:3;}
.paddingcontent_1 {display:block; height:135px; width:100px;}
.paddingcontent_2 {display:block; height:80px; width:100px;}
#contentwrap {display:block; height:100%; max-height:100%; width:610px; overflow:visible; margin-left:auto; margin-right:auto; z-index:8;}
.secondaryrow {clear:both; padding:0px;}

/* menu region */
#leftside {position:fixed; left:0; top:0; height:100%; width:150px; /*background:#0eb0b0;*/ background:transparent; background-position:0 100px;; font-size:0.8em; /* font-size:0.8em; */ color:#fff; z-index:4;}

ul#listmenu {width:140px; list-style-type:none; /*border-top:solid 10px #0eb0b0;*/ margin:0; padding:0;}
ul#listmenu ol {display:none; text-align:right; list-style-type:none; margin:0; padding:5px;}
ul#listmenu li, ul#listmenu a {font-size:1em; color:#ffffff; /*background:#0eb0b0;*/ background:transparent;}
ul#listmenu li {border-bottom:solid 1px #b9a894; /*border-top:solid 1px #0eb0b0;*/ line-height:15px; /* line-height:15px; */ padding-left:5px;}
ul#listmenu ol li {border-bottom:none;}
ul#listmenu ol li a {font-size:1em; color:#ff0; /*background:#0eb0b0;*/ background:transparent; }
ul#listmenu a {text-decoration:none;}
ul#listmenu a:hover {color:#f88; /*background:#0eb0b0;*/ background:transparent; }
ul#listmenu a.active {color:#ffff00; /*background:#0eb0b0;*/ background:transparent; }

/* globals */
.title {font-size:1.4em; font-weight:bold;}
.subtitle {font-size:1.2em; font-weight:bold;}
.subsubtitle {font-size:1em; font-weight:bold;}
.small {font-size:0.8em; font-weight:normal;}

.imgleft {float:left; margin:5px;}
.imgright {float:right; margin:5px;}

.clearboth {clear:both;}