#body {background-color: rgb(50,50,100);}

/* picture behind menu */
#menuback { position: absolute; left: 0px; top: 160px; z-index: 1; }

/*  secret email for teachers */
#mail { position: absolute; left: 680px; top: 680px; z-index: 16; border: none}

/* centers everything, main containing block for all the content */
#center {position: absolute; left: 50%; top: 0px; background-color: #000033; width: 980px; height: 1000px; margin-left: -490px; 
		border-left: 3px #000033  ridge; border-right: 3px #000033 groove; border-bottom: 2px #000033 groove}

/* picture at top of sub pages */
#banner { position: absolute; left: 0px; top: 0px; background-color: yellow; z-index: 2}

/*text on sub pages*/
#text { position: absolute; left: 182px; top: 143px; width: 792px; color: #000033; 
		background-color: white; border: 3px yellow solid; z-index: 4} 
#actualtext {padding: 10px; border-left: 3px yellow solid; border-right: 3px yellow solid; border-top: 3px yellow solid;}

/* text area on graduated classes pages */
#actualtextalum {height: 826px; padding: 10px; border-left: 3px yellow solid; border-right: 3px yellow solid; border-top: 3px yellow solid;}

/* sub menu on other pages above text */
#links { position: absolute; left: 182px; top: 111px; z-index:3}
#links ul{ font: bold 14px Verdana; list-style-type: none; text-align: left; }
#links ul li{ display: inline;}
#links ul li a{ text-decoration: none; padding: 6px; padding-bottom: 15px; border: 1px solid gray;
				background-color: white;
				color: black}
#links ul li a:hover{ background-color: yellow; color: black;}
#links ul #selected a{ background-color: yellow}

/* main menu */
#menu {position: absolute; top:149px; left: 0px; z-index: 11;
width: 180px; background-color: #000033 ;
} 

#menu ul { list-style: none; margin: 0; padding: 0;
			}

#menu a{font: bold 14px arial, helvetica,sans-serif;
		display: block; height: 30px;
		border-width: 1px;
		border-style: solid;
		border-color: #ccc #888 #555 #bbb;
		margin: 0;
		padding: 2px 3px;
		
}

#menu a {color: #000033; background: yellow; text-decoration: none;
}

#menu a:hover {
color: black;
background-image: url('cougar.gif');
background-color: yellow;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul{ position: absolute; top: 0; left: 100%; /* position them to the right of their containing block */
				width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul 
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover 
{display: block;}


#big {font-size: 24px}



/* table of costs */
#tb { color: 000033; background-color: yellow; text-align: center; border: 1px solid black}
#tb td{ border: 1px solid black; background-color: white}
#tb tr{ border: 1px solid black}

/* faculty and staff pictures and info */
#faculty { font-size: 20px; border: 1px solid white; color: 000033; background-color: 000033; text-align: center}
#faculty td{ border: 1px solid white; background-color: white}
#faculty img{ height: 225px; width: 150px; border: none}


/* years of classes to choose from */
#years ul{text-align:center; padding: 0px; margin: 0px; list-style: none; 
		  font-family: Arial, sans-serif; font-size: 1.0em; width: 58px; background-color: 000033}
#years ul li{border: 1px solid white}
#years ul li a{text-decoration: none; display: block; width: 58px; color: white; font-weight: bold; }
#years ul li a:hover{background-color: yellow; color:000033}

/* pictures of graduated classes */
#classes {position: absolute; left: 290px; top: 235px; z-index: 6; background-color: white;}
#classes img{ height: 530px; width: 670px}

/* list of pictures from various events */
#pics ul{text-align:center; padding: 0px; margin: 0px; list-style: none; 
		  font-family: Arial, sans-serif; font-size: 1.0em; width: 90%; background-color: 000033}
#pics ul li{border: 1px solid white; height: 40px; }
#pics ul li a{text-decoration: none; display: block; width: 100%; color: white; font-weight: bold; height: 40px;}
#pics ul li a:hover{background-color: yellow; color:000033}
#pics table{ text-align: center; }
#pics td{ vertical-align: top; text-align: center;}
#pics tr {width: 100%}