body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; }
img { border:0; }
img.floatleft { border:1px solid black; float:left; margin-bottom:10px; margin-right:10px; padding:3px; }
img.thumbnail { clear:none; }
hr { clear:both; }
div#logo { position:absolute; }
div#menu { position:absolute; right:0; top:20px; }
a#urhome { color:white; text-decoration:none; }
a#ulhome { color:white; text-decoration:none; }
a#home { position:absolute; right:135px; top:55px; color:white; font-weight:bold; text-decoration:none; font-family:"Comic Sans MS", fantasy; }
a#home:hover { color:#FFFF33; }
a#bio { position:absolute; right:70px; top:68px; color:white; font-weight:bold; text-decoration:none; font-family:"Comic Sans MS", fantasy; }
a#bio:hover { color:#FFFF33; }
a#contact { position:absolute; right:40px; top:107px; color:white; font-weight:bold; text-decoration:none; font-family:"Comic Sans MS", fantasy; }
a#contact:hover { color:#FFFF33; }
div#header div#top { background-color:black; color:white; font-weight:bold; min-height:20px; width:100%; text-align:right; }
div#header div#top h1 { margin:0; padding:0; }
div#header div#middle { background-image:url(http://d1k217qge1tz5p.cloudfront.net/img/jh_gradient_bg.png); min-height:100px; }
div#header div#bottom { background-color:black; color:white; font-weight:bold; min-height:20px; width:100%; text-align:right; }
div#content { float:left; clear:left; width:100%; background-color:white; }
div#content div#left { background-color:white; float:left; width:200px; padding:6px; }
div#content div#center { background-color:white; margin-left:220px; margin-right:10px; min-height:410px; }
div#content div#right { background-color:white; }
div#footer { background-color:black; color:white; text-align:center; width:100%; font-family:"Comic Sans MS", fantasy; padding:5px 0; }
div#footer a { color:#FFCC66; text-decoration:none; }
div#footer a:hover { color:#FFFF33; }
div#authMessage,div#error { font-family:"Comic Sans MS", fantasy; font-weight:bold; font-size:1.2em; border:1px red solid; background-color:maroon; color:white; text-align:center; }
div.message { background-color:green; font-family:"Comic Sans MS", fantasy; font-weight:bold; font-size:1.2em; border:1px olive solid; color:white; text-align:center; }
div#comments { clear:both; background-color:#ccc; border:black 1px solid; padding:6px; padding-bottom:15px; }
div#related { clear:both; background-color:#ccc; border:black 1px solid; padding:6px; padding-bottom:15px; }
div.related_item { clear:both; }
div.paging { width:100%; padding-bottom: 6px;}
div.disabled { float:left; }
table { background:#fff; border:1px solid #ccc; border-right:0; color:#333; margin-bottom:10px; width:100%; }
th { background:#f2f2f2; border:1px solid #bbb; border-top:1px solid #fff; border-left:1px solid #fff; text-align:center; }
th a { background:#f2f2f2; display:block; padding:2px 4px; text-decoration:none; }
th a:hover { background:#ccc; color:#333; text-decoration:none; }
table tr td { background:#fff; border-right:1px solid #ccc; padding:4px; text-align:left; vertical-align:top; }
table tr.altrow td { background:#f4f4f4; }
td.actions { text-align:center; white-space:nowrap; }
td.actions a { margin:0 6px; }
span.highlight { background-color:yellow; }
dl { width:600px; float:left; }
dt { font-style:italic; clear:right; float:left; margin-right:8px; font-weight:bold; width:150px; }
dd { width:450px; margin-left:160px; }
#vertmenu { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; width:160px; padding:0; margin:0; margin-bottom:10px; }
#vertmenu h1 { display:block; background-color:#FF9900; font-size:90%; padding:3px 0 5px 3px; border:1px solid #000000; color:#333333; margin:0; width:159px; }
#vertmenu ul { list-style:none; margin:0; padding:0; border:none; }
#vertmenu ul li { margin:0; padding:0; }
#vertmenu ul li a { font-size:80%; display:block; border-bottom:1px dashed #C39C4E; padding:5px 0 2px 4px; text-decoration:none; color:#666666; width:160px; }
#vertmenu ul li a:hover,#vertmenu ul li a:focus { color:#000000; background-color:#eeeeee; }
a.menu { font-size:80%; display:block; border-bottom:1px dashed #C39C4E; padding:5px 0 2px 4px; text-decoration:none; color:#666666; width:160px; }
a.menu:focus { color:#000000; background-color:#eeeeee; }

/* Undo some styles from the master stylesheet */
.checklist div.checkbox { background:none; padding-left:0; }

/* CSS for checklists */
.checklist { border:1px solid #ccc; list-style:none; height:10em; overflow:auto; width:20em; }
.checklist,.checklist div.checkbox { margin:0; padding:0; }
.checklist label { padding:0 .2em 0 25px; text-indent:-25px; }
.checklist div.checkbox:hover,.checklist div.checkbox.hover { background:#777; color:#fff; }
textarea.fullwidth { width:100%; }
.error-message { padding-bottom:6px; color:red; font-weight:bold; }
.form-error { background-color:#ffcccc; }
span.notes { color:green; font-size:.6em; }

div#footer-left { background-color:black; color:white; text-align:left; width:200px; font-family:"Comic Sans MS", fantasy; padding:5px 0; float: left;}
div#footer-right { background-color:black; color:white; text-align:center; font-family:"Comic Sans MS", fantasy; padding:5px 0; }

tr:hover{background-color: yellow;}
