/* style sheet */ 

body { margin:0px; background-color:#e0d0ff;}
#left {  }
body { }
#right {  }
body { }
#content { }

body {height:90%; }

div.left {  position:absolute; left:0px; top:0px;  width:170px; padding:5px; border:0px solid black; background-color:transparent; }
div.right {  position:absolute; left:180px; top:0px;  width:75%; padding:5px; border:0px solid black; background-color:transparent; }

div.banner {  width:100%; border:1px solid navy; background-color:#ffe6ff; padding:0px; }
div.menubar { width:100%; border:0px solid navy; background-color:transparent; padding:0px; }
div.mainmenu {position:absolute; visibility:hidden; background-color:#e0d0ff; border:1px solid navy;padding:3px;}
div.content { width:100%; border :0px solid navy; background-color:#eeffe0; padding:0px; }
div.border {border:1px solid navy;font-family:arial; font-size:small;}
div.frame { border:1px solid navy; height:100%; padding:10px;  font-family:arial; font-size:small;}
div.book {border:0px solid navy; padding:5px; position:relative; height:200px;  font-family:arial; font-size:small; }
div.plain {border:0px solid navy; padding:10px; position:relative; font-family:arial; font-size:small; }
div.book1 {border:0px solid fuchsia; padding:5px; position:relative; height:150px;  font-family:arial; font-size:small; }


ul {list-style-position: outside; margin-left:0; }

table {border-collapse:collapse; border:0px solid navy; padding:2px; }
table.frame {padding:10px; background-color:transparent; border:1px solid navy; }
table.unseen {border-collapse:collapse; border:0px;}
table.sortable {padding-left:5px }

td {border:1px solid navy; font-size:small; padding:2px; }
th {border:1px solid navy; }
td.banner {border:0px; }
td.menubar {border:0px solid navy; padding:3px;}
td.frame { border:0px solid navy; padding:10px;}
 
p { font-family:arial; font-size:small; color:black; margin:0; padding-left: 0px; padding-right: 10px }
p.hidden {visibility:hidden; }
p.underline {text-decoration:underline }

h6 {font-family:arial; font-weight:bold; margin-top:6px; margin-bottom:6px;  }

h5 {font-family:arial; font-weight:bold; margin-top:6px; margin-bottom:6px;  }

h4 {font-family:arial; font-weight:bold; margin-top:6px; margin-bottom:6px;  }

h3 {font-family:arial; font-weight:bold; margin-top:6px; margin-bottom:6px;  }

h2 {font-family:arial; font-weight:bold; margin-top:6px; margin-bottom:6px;  }

h1 {font-family:arial; font-weight:bold; margin-top:6px; margin-bottom:6px;  }
h3 {text-align:center}
h2 {text-align:center}
h1 {text-align:center}
h1 {color:black}
h2 {color:red }
h3 {color:navy; margin-top:0px}
h6 {margin-top:0px; margin-bottom:0px; color:navy; }
h5 {margin-top:0px; margin-bottom:0px; color:navy; }
h4 {margin-top:0px; margin-bottom:0px; color:navy; }
a {font-family:arial  }

/* a:(link, visited, hover, active) must be in the following order to work
standard colors are: aqua, black, blue, fuchsia, gray, green, lime, maroon,
 navy, olive, purple, red, silver, teal, white, and yellow  */

a:link { font: bold small arial; color: navy;  }
a:visited { font: bold small arial;	color: purple; }
a:hover { font: bold small arial; color: red; }
a:active  { font: bold small arial;	color: black; }
	 
img.left {float:left; border:0px;}
img.right {float:right; border:0px;}
img {padding:5px;  }	 
img.top {vertical-align:text-top}
img.bottom {vertical-align:text-bottom}
img.middle {vertical-align:middle}

hr {width:75%; }
hr.full {width:100%; }