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

div#links {
   position: absolute;
   top: 595px;
   left: 15px;
   width: 166px;
   height: 700px;
   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: #DBDBDB; background: #444;
   border-right: 5px solid #222;}

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

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 200px; 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: 45px; left: 10px; right: 15px;
   color: #BAA; background: #ffffff; 
   font: 13px Verdana, sans-serif; padding: 10px; 
   text-align: center;
   border: solid 0px #444;} /* was three */

div#content {position: absolute; top: 587px; left: 230px; right: 180px;
   color: #A88; 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 15px Verdana,sans-serif; padding: 10px}

h2 {margin: -9px -9px .5em; padding: 30px 0 5px; text-align: right; background: #333; color: #958585; letter-spacing: 0.5em; text-transform: lowercase; font: bold 20px Verdana,sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}

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



a.toplink:link { color: #A88; 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: #A88; 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;
	    	vertical-align: middle;
	    	border-bottom: solid 2px #999;
	    	font-family: Verdana, arial, helvetica, sans-serif;
	    	font-size: 80%;
    	}
    	#mastheadtop div {
	    	float: right;
padding: 10px; /* this screws up on IE for the Mac but works on PC IE */
	    	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;
  }
div.float {
  width: 205px;
  height: 213px;
  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%/1 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:violet }
        .menuitem ul ul ul ul a { background:orange }