* {margin:0; padding:0; font-family: verdana, arial, sans-serif; font-size: 100%;}

/* colors */
/* FF8000 - shade of orange */
/* 808080 - dark grey */
/* C0C0C0 - medium grey */
/* F0F0F0 - light grey */

div#page {font-size:.8em;}
div#page {position:relative; width: 61em; padding-left:.5em;}

div#header {padding-top:.8em; padding-bottom:.8em; border-bottom:2px solid #C0C0C0;}
div#middle {padding-top:.8em; padding-bottom:.8em; border-bottom:2px solid #C0C0C0;}
div#footer {padding-top:.8em; color:#808080;}

/* for navigation */
div#navigation {float:left; width:15em;}
div#navigation li {list-style-type:none; margin-bottom:.4em;}
div#navigation li li {padding-left:2em; margin-top:.4em; }

/* for content */
div#content {float:left; width:45em; padding-left:.5em;}
div#content h1 {font-weight:bold; color:#FF8000;}
div#content sup {font-size:.6em;}
div#content ul li {margin-left:1.5em;}

div#content form label {float:left; width:8em;}
div#content form input {float:left; width:10em;}
div#content form select {float:left; width:17em;}
div#content form textarea {float:left; width:15em;}

/* used to place an image and text side-by-side */
div.image {float:left; width:48px;}
div.desc {float:left;}

/* tabular list */
div.tl {padding-bottom:.4em; border-top:1px solid #C0C0C0; float:left; width:45em;}

/* tabular list item */
div.tli {padding-bottom:.4em; border-bottom:1px solid #C0C0C0; float:left; width:45em;}

/* hack to place footer after the longest column on a page */
.clearfix:after {
    content: ".";
   display: block;
    height: 0;   
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;} 
.clearfix {display: block;}  

/* margins for form elements */
form div.clearfix {margin-bottom:1em;}

/* various span styles */
span.date {color:#808080;}
span.cpage {font-weight:bold; color:#FF8000;}
span.verystrong {font-weight:bold; color:#FF0000;}
span.highlight {font-weight:bold; color:#FF8000;}
span.footerlinks {float:right;}
span.ratext {float:right;}

/* hyperlink styles */
a {font-weight:bold;}
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#FF8000;}
a:active {color:#FF8000;}