html,body{margin:0; padding:0; }
body{font-size:1em; font-family:Arial,sans-serif; background-color:#FFE3FF; color:#551A8B; }
div{display:block; clear:both; }

div.header {line-height:60px; background:url(images/top.jpg); background-repeat:repeat-x; margin-bottom:20px; padding-left:10px; }

#navbar{position:absolute; display:block; left:10px; top:80px; width:150px; border-top:1px solid navy; }
* html #navbar {position:absolute; }

#navbar a, #navbar a:link {display:block; width:150px;  text-decoration:none; line-height:24px; margin-top:-1px; border:1px solid navy; font-size:12px; text-align:center; color:#00C; background-color:#DAFFFF; }

a:hover {COLOR:#804c4c; background-color:#FFFDDA;}
#navbar a:visited{color:purple; }
#navbar a:hover{background-color:#FFC7FF;}
#navbar a.thislink{background:url(images/smallblue.gif);}
#navbar a.thislink:hover{background:url(images/smallblue.gif);}


div.twomain{position:relative; margin-left:175px; line-height:1.3; padding-right:1em; max-width:800px; }

div.twoboxed{position:relative; line-height:1.2; padding-left:1em; padding-right:1em; padding-top:-1em; border:1px solid Navy; background:#FFC7FF; #C1FFC1; #FFDEAD; margin:2em; margin-left:175px; z-index:-1; max-width:800px; }

div.threemain{position:relative; margin-left:175px; margin-right:200px; line-height:1.3; padding-right:1em; max-width:600px; }
div.rightbar{position:absolute; right:10px; top:80px; text-align:left; width:180px; border:1px solid navy; background:yellow; padding:4px; }

div.photomain{position:relative; margin-left:175px; margin-right:170px; line-height:1.3; padding-right:1em; }
div.photorightbar{position:absolute; right:5px; top:80px; text-align:left; width:175px; border:1px solid navy; background-color:#FFDEAD; color:navy;  padding:4px; font-size:0.8em; }

p.boxed{border:1px solid Navy; font-size:0.8em; color:navy; background:#FFC7FF; padding-left:3px; }

h1{font-size:1.1em; color:maroon; margin-bottom:-0.8em}
h2{font-size:1em; color:navy; margin-bottom:-1em}
h3{font-size:1.1em; color:maroon; margin-bottom:-1.2em; }
h4{font-size:.9em; color:navy; margin-bottom:-1.2em; }

.navy{color:navy; font-weight:bold; }
.maroon{color:maroon; font-weight:bold; }
.note{background-color:yellow;}
.small{font-size:.8em; }

ul {margin-left: 0; padding-left: 0; }
li {margin-left: 1em; padding-left: 0; margin-bottom:.5em; }

hr {height:1px; border-style:none; color:navy; background-color:navy; }

img{margin-bottom:2px; }
img.left{float:left; margin-right:15px; border:1px solid #4D65A0; }
img.right{float:right; margin-left:15px; border:1px solid #4D65A0; }
img.pdf{margin-bottom:-2px; }
img.word{margin-bottom:-3px; height:20px; margin-right:2px; }

.textreg {font-size:12px; color:#979797; }

table	{font-size:.8em; border:1px solid navy; border-collapse:collapse; border-spacing:0; empty-cells:show; margin-top:1px; background-color:white; text-align:left; }
th	{padding-left:3px; padding-right:2px; border:1px solid navy; border-collapse:collapse; border-spacing:0; background-color:#FFDEAD; font-weight:normal; }
td	{padding-left:3px; padding-right:2px; border:1px solid Navy; vertical-align:top; border-collapse:collapse; border-spacing:0; }
#sortheading{font-weight:bold; }
#sortheading a{text-decoration:none; }
#sortheading a:visited{color:#551A8B; }
#latin{font-style:italic; width:12em; }

#year{text-align:center; }
#task{width:25%; }

table.invis{background-color:white; border:1px solid navy; border-collapse:collapse;  empty-cells:show; text-align:left; }
table.invis td {width:25%; border:1px solid navy; }

ol.level1 {list-style-type:decimal; margin-left:8px; }
ol.level2 {list-style-type:lower-alpha; }
ol.level3 {list-style-type:lower-roman; }

/*Class "info" is for "tooltip" style explanatory text in a box.  Not using "title", to overcome the five-second timeout problem*/

a.info{position:relative; /*this is the key*/ color:#000; text-decoration:underline; }

a.info:hover{z-index:25; background-color:#DAFFFF; }

a.info span{display:none; }

a.info:hover span{ /*the span will display just on :hover state*/ display:block; position:absolute; top:2.5em; left:-1em; width:16em; padding:3px; border:1px solid navy; background-color:#DAFFFF; color:#000; text-align:left; font-size:12px; text-decoration:none; }