/* Many thanks to css/edge for the ideas used here.  See
 * http://www.meyerweb.com/eric/css/edge/
 */

body {position: relative; background: #364D34; margin: 0; padding: 0;}

/* Links on the left */
div#links {position: absolute; top: 75px; left: 0; width: 140px; height: 
800px; font: 14px Arial, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-top: hidden 2px #364D34; 
   border-bottom: 2px hidden #354D34; 
   text-decoration: none; color: #202020; background: #364D34;
   border-right: 5px solid #990033;}
div#links a:hover {color: #cccc66; background: #364D34; padding: 3px 10px;
	border-right: 5px outset #660033; border-top: 2px solid #660033;
        border-bottom: 2px solid #660033;}
div#links a:hover span {display:none}

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

div#titlebar {position: absolute; top: 0px; left: 0px; 
   width: 100%; z-index: 100; height: 54px;
   background:#364D34;
   font: 36px Arial,sans-serif; text-align:center;
   color: #cccc66}

/* The main pane of the page */

div#content {position: absolute; top: 52px; left: 135px; right: 25px;
   color: black; background: white; 
   font: 12px Arial, sans-serif; padding: 10px; 
   border: solid 5px #990033;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
div#content a:link {color: #364D34; text-decoration:underline;}
div#content a:visited {color: #660033;text-decoration:underline;}
div#content a:link:hover {color: #339933;text-decoration:none;}
div#content a:visited:hover {color: #CC0033; text-decoration:none;}

div#fancylinkcontent {position: absolute; top: 52px; left: 135px; right: 25px;
   color: black; background: white; 
   font: 12px Arial, sans-serif; padding: 10px; 
   border: solid 5px #990033;}
div#fancylinkcontent p {margin: 0 1em 1em;}
div#fancylinkcontent h3 {margin-bottom: 0.25em;}
div#fancylinkcontent a:link {color: #364D34; text-decoration:underline;}
div#fancylinkcontent a:visited {color: #660033;text-decoration:underline;}
div#fancylinkcontent a:link:hover {color: #339933; text-decoration:none;}
div#fancylinkcontent a:visited:hover {color: #CC0033;text-decoration:none;}
div#fancylinkcontent a img {height: 0; width: 0; border-width: 0;}
div#fancylinkcontent a:hover img {position: absolute; top: 45px; right: 60px; 
height:auto; width:auto;}

span#hiddenlink {position:relative}
span#hiddenlink a:link {text-decoration:none; color:black}
span#hiddenlink a:visited {text-decoration:none; color:black}
span#hiddenlink a:link:hover {color:black}
span#hiddenlink a:visited:hover {color:black}

div#leftspace {position:absolute; left:160px; width:20%; color: black; background: white; padding 5px;}
div#leftspace g span {display: none}
div#leftspace g:hover span {display: block;
   position: absolute; z-index:1; top: 15em; left: 17em; width: 225px; 
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: white;
   font: 12px Verdana, sans-serif; text-align: left;
   text-indent: 0px;
   font-weight: bold;}


div#fancylinkcontent2 {position: absolute; top: 52px; left: 135px; right: 25px;
   color: black; background: white; 
   font: 12px Arial, sans-serif; padding: 10px; 
   border: solid 5px #990033;}
div#fancylinkcontent2 p {margin: 0 1em 1em;}
div#fancylinkcontent2 h3 {margin-bottom: 0.25em;}
div#fancylinkcontent2 a:link {color: #364D34; text-decoration:underline;}
div#fancylinkcontent2 a:visited {color: #660033;text-decoration:underline;}
div#fancylinkcontent2 a:link:hover {color: #339933; text-decoration:none;}
div#fancylinkcontent2 a:visited:hover {color: #CC0033;text-decoration:none;}
div#fancylinkcontent2 a img {height: 0; width: 0; border-width: 0;}
div#fancylinkcontent2 a:hover img {position: absolute; bottom: 45px; left: -105px; 
height:auto; width:auto;}
div#fancylinkcontent2 a span {display: none}
div#fancylinkcontent2 a:hover span {display: block;
   position: relative; z-index:1; top: 15em; left: 17em; width: 225px; 
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: white;
   font: 12px Verdana, sans-serif; text-align: left;
   text-indent: 0px;
   font-weight: bold;}
div#fancylinkcontent2 b:hover img {position: absolute; bottom: 45px; left: -105px; 
height:auto; width:auto;}
div#fancylinkcontent2 g span {display: none}
div#fancylinkcontent2 g:hover span {display: block;
   position: absolute; top: 15em; left: 17em; width: 225px;
   padding: 5px; margin: 10px; z-index: 100;
   color: black; background: white;
   font: 12px Verdana, sans-serif; text-align: left;
   text-indent: 0px;
   font-weight: bold;}
div#fancylinkcontent2 k span {display: none}
div#fancylinkcontent2 k:hover span {display: block;
   position: absolute; top: 15em; left: 17em; width: 325px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #364D34; background: white;
   font: 12px Verdana, sans-serif; text-align: left;
   text-indent: 0px;
   font-weight: bold;}


/*height: 45px; width: 60px;} */
span#hiddenlink {position:relative}
span#hiddenlink a:link {text-decoration:none; color:black}
span#hiddenlink a:visited {text-decoration:none; color:black}
span#hiddenlink a:link:hover {color:black}
span#hiddenlink a:visited:hover {color:black}


/* h1 gets used as the title, and that's it */
h1 {margin: -9px -9px 0.5em; padding: 15px 5px 5px; text-align: right; 
background: navy; color: #EEE; letter-spacing: 0em; text-transform: 
capitalize; font: bold 25px sans-serif; height: 28px; vertical-align: 
middle; white-space: nowrap;}

/* h3 gets used as section headers */
h3 {margin: 0px -9px 1em -9px; padding: 2px 15px 2px 20px; text-align: 
left; 
background: #CCCC66; color: black; letter-spacing: 0em; text-transform: 
capitalize; font-weight: bold;  font-family: sans-serif; vertical-align: 
middle; white-space: nowrap;}


h4 {text-align:left; color: #364D34; font-weight:bold;
    font: 14px Arial,sans-serif}

/* Here's our little "nice list" */
div.nicelist { margin: 1em; }
/*div.nicelist h4 { border-bottom: 1px solid #000; text-align:left }
*/
/* Table of Contents in the Teaching Portfolio */
div.toc { text-align: right;font-size: 80%; }

/* Gray Box comments */
div.graybox { background: #eee; border: solid black 1px; 
	      padding: 5px; }
p.graybox   { background: #eee; border: solid black 1px; 
	      padding: 5px; }


/* Used in the disclaimer */
div.disclaimer { font-size: xx-small; color: black; }


/* A nice thin horizontal rule */
hr.thin { margin-left: 0%; height: 1px; 
	width: 100%; color: black; border: thin;
	background-color: black; }


/* MAA Seaway stuff for my page */
#header {
background: #666666 url(images/header.jpg) no-repeat;
height: 200px;
}
#header h1 { 
font-size: 38px;
letter-spacing: -1px;
padding: 70px 100px 0 40px;
color: #fff;
}
#header h1 a { 
color: #fff;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #000;
}
#header h2 {
font-size: 19px;
color: #EFECE0;
padding: 20px 0 0 40px;
letter-spacing: -1px;
font-weight: 100;
}

#wrap {
margin: 20px auto;
width: 1000px;
}


#menu {
height: 40px;
line-height: 40px;
background: #666666 url(images/menu.jpg) no-repeat;
}
#menu ul {
list-style-type: none;
padding-left: 40px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
padding: 0 20px 0 0;
text-decoration: none;
font-weight: 100;
font-size: 18px;
color: #aaa;
}
#menu ul li a:hover {
color: #fff;
text-decoration: none;
}

#content {
background: #666666 url(images/content.jpg) repeat-y;
padding: 10px;
}

#content table td
{
	padding:10px;
}

#content table th
{
	text-align: center;
	font-weight: bold;
	padding: 0.5em;
	color: #aa3333;
}

#content table tr.rowA
{
	background-color: #CD99BB;
	color: inherit;
}

#content table tr.rowB
{
	background-color: #AFCCEF;
	color: inherit;
}

#content table td.topentry
{
	text-align: center;
	font-weight: bold;
	padding: 0.5em;
	color: #aa3333;
}

#content table td.multicolumn
{
	padding-right:30px;
}

#content h4 {
	font-weight: bold;
	color: #aa3333;
}


.banner{
font-size:15px;
font-style:italic;
font-weight:bold;
color: #aa3333;
}