body {
 position: relative;
 background-color: #fff;
 margin: 0;
 padding: 0;}

div#links {
   position: absolute;
   top: 25px;
   left: 10px;
   width: 166px;
   height: 200px;
   font: 12px Verdana, sans-serif;
   z-index: 100;}

div#links a {display: block; text-align: left; font: .95em Verdana,sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #AAAAAA; background: #882222;
   border-right: 5px solid #222;}

div#links a:hover {color: #AA2222; background: #AAA;
   border-right: 5px double white;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 225px; left: 0 ; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: white;
   font: 10px Verdana, sans-serif; text-align: center;}

div#photocontent {position: absolute; top: 20px; left: 10px; right: 15px;
   color: #BAA; background: #ffffff; 
   font: 13px Verdana, sans-serif; padding: 10px; 
   text-align: center;
   border: solid 0px #444; width:200px;
} /* was three */

div#content {
	position: absolute; top: 42px; left: 205px; right: 15px;
   	color: #A22; background: #e0e0e7; 
   	font: 13px Verdana, sans-serif; padding: 5px; 
   	border: solid 5px #444;
}

div#content p {margin: 0 .7em .7em;}
div#content h3 {margin-bottom: 0.25em;}

h1 {font: bold 18px Verdana,sans-serif; padding: 10px}

h2 {margin: -9px -9px .5em; padding: 20px 10 5px; text-align: left; background: #333; color: #958585; letter-spacing: 0.05em; font: bold 20px Verdana,sans-serif; height: 18px; vertical-align: middle; white-space: nowrap;}

div#jeslogo {
   color: #A22; font: 14px Verdana, sans-serif; letter-spacing: .165em;
}



a.toplink:link { color: #A22; text-decoration: none }
a.toplink:active { color: #444; text-decoration: none }
a.toplink:visited { color: #A88; text-decoration: none }
a.toplink:hover { color: #EEE; text-decoration: underline }

div#toplink a:active { color: #A22; text-decoration: none }
div#toplink a:visited { color: #A88; text-decoration: none }
div#toplink a:hover { color: #EEE; text-decoration: underline } 



dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: black;}
div#content a:visited {color: #998;}
div#content a:link:hover {color: #99F;}
div#content a:visited:hover {color: #99F;}

code, pre {color: #EDC; font: 110% monospace;}


#logo {
   	float: left;
	margin-left: -3.75em;
    	z-index: 10;
}

    	#masthead {
	    	padding: 12px 10% 0;
	    	background-color: #333;
	    	color: #000;
	    	border-bottom: solid 2px #999;
	    	font-family: Verdana, arial, helvetica, sans-serif;
	    	font-size: 80%;
    	}
    	#mastheadtop div {
	    	float: right;
	    	padding: 10px;
	    	vertical-align: middle;
	    	border-right: solid 1px #999;
                font-family: Verdana, arial, helvetica, sans-serif;
	    	margin-bottom: 1em;
    	}
    	#mastheadtop div input {
	    	border-width: 1px;
	    	font-size: 80%;
	    	font-family: verdana, sans-serif;
    	}
    	#mastheadtop div form {
	    	padding: 0;
	    	margin: 0;
    	}
    	#mastheadbottom, #closer {
	    	clear: right;
    	}
    	#mastheadbottom div {
	    	float: right;
	    	padding: 4px 10px;
	    	vertical-align: middle;
	    	background-color: #666;
	    	color: #fff;
	    	border-left: solid 1px #999;
	    	border-right: solid 1px #333;
    	}
    	#mastheadbottom div:hover {
	    	background-color: #336;
	    	border-left: solid 1px #333;
	    	border-right: solid 1px #999;
	    	padding: 5px 9px 3px 11px;
	    	color: #fff;
	    	cursor: pointer;
    	}


div.wrapper {
  margin: 0px auto;
  padding: 10px;
  width: 85%;
  background-color: #eee;
  border: 2px dotted #339;
  }
div.row {
  clear:both;
  }
div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  }
div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  }
div.row span.left {
  float: left;
  text-align: left;
  font-weight: bold;
  color: #fff;
  width: 49%;
  }
div.row span.right {
  float: right;
  text-align: right;
  font-weight: bold;
  color: #fff;
  width: 49%;
  }
div.container {
  border: 2px solid #333;
  background-color: #efefef;
  margin-left:10px;
  padding-left:10px;
  padding-top:10px;
  padding-bottom:10px;
  }
div.float {
  width: 257px;
  height: 316px;
  padding: 10px;
  float: left;
  }

div.spacer {
  clear: both;
  }
div.float img {
  margin-left: 5px;
  }

div.float p {
  font-size: 10px;
  text-align: center;
  }
abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }
li.inline {
  display: inline;
  padding-left: 3px;
  padding-right: 7px;
  border-right: 1px dotted #066;
  }
li.last {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
  border-right: 0px;
  } 
pre {
  font-family: Courier, 'Courier New', Monaco, monospace;
  font-size: 10px;
  color: #333;
  }
p.credit {
  font-size: 9px;
  color: #333;
  text-align: right;
  }


#footer {
clear: both;
width: 95%;
margin: 10px;
text-align: center;
font-family: Verdana,sans-serif;
font-size: 11px;
padding: 3px;
border-top: 1px solid #333;
color: #000;
}

#footer .date {
float: left;
text-align: left;
}

#footer .contact {
float: right;
text-align: right;
}


        #menu {
                position:relative;
                list-style-type:none;
                margin:1em 0 2em 0; padding:0;
                width:100%; height:1.4em;
                font:85% sans-serif;
                }
        .menuitem {
                position:absolute; top:10px;
                margin:0; padding:0;
                width:10em; height:1.4em;
                overflow:hidden;
                }
        #mi01 { left:0 }
        #mi02 { left:10em }
        #mi03 { left:20em }
        #mi04 { left:30em }
        #mi05 { left:40em }

        .menuitem ul {
                display:block;
                margin: 0; padding:0;
                list-style-type:none;
                }
        .menuitem li { margin:0; padding:0 }
        .submenu li { position:relative }

        /* 2-class selector to have higher weight than ".menuitem ul" */
        .submenu .subsubmenu {
                position:absolute; top:0; left:10em;
                width:10em;
                display:none;
                }

        .menuitem:hover {
                height:10em;
                overflow:visible;
                }
        .submenu li:hover > .subsubmenu {
                display:block;
                }

        #menu a {
                display:block;
                margin:0; padding: 0.2em 0.5em;
                text-align:center;
                text-decoration:none;
                color:#fff;
		background-color:#aaa;
                border-top:1px solid white;
                border-left:1px solid white;
                }
        #menu a:hover { background:black }
        .menuitem a { background:blue }
        .menuitem ul a { background:white }
        .menuitem ul ul a { background:blue }
        .menuitem ul ul ul a { background:white }
        .menuitem ul ul ul ul a { background:blue }
        
        .itemize ul {
        	list-style-type:none;
        }