body {background-image: url("img/grey011.jpg"); margin-top:0px; text-align:center; font-family: Verdana;}
#thepage{position:relative; width:790px; top:0px; margin: 0px auto; text-align:left; overflow-y:hidden;
         background-color:#8d6db8; border: medium solid white;}
#title{padding: 16px 14px; font-family: Batang, Centaur, Constantia, Cambria; font-size:35pt; color:white; font-variant:small-caps; font-weight:bolder;}
#topmenubar {position:relative; top:-58px; float:right; width:540px; text-align:center;}
#content, #scrolling_content {float:left; position:relative; top:-58px; left:6px; width:480px; background-color:#d8d0b2; padding:3ex 3ex 1ex 3ex;}
#scrolling_content {position:absolute; bottom:0px; left:216px; top:106px; overflow-y:scroll; overflow-x:hidden; margin-bottom:0; padding-bottom:0;}
#backdrop{position:absolute; top: 200px; left: 210px; right: 0px; bottom:0px; background-color:#ffd0b2;}
#footer{position: absolute; bottom: 1ex; right: 2em;
			  font-style:italic; font-size:11pt; font-family: "Traditional Arabic", Georgia, "Cambrian Math";}

#dropmenudiv{position:absolute; border:1px solid black; z-index: 100; text-align:left;
						 font:normal 12px Verdana; line-height:18px; margin-top:1ex;}
#dropmenudiv a{width: 100%; display: block; text-indent: 3px; border-bottom: 0px solid black;
               padding: 1px 0px; text-decoration: none; font-weight: bold; color: black;}
#dropmenudiv a:hover{background-color: maroon; color:white; font-size:125%; font-weight:bold;}

#sidemenu{float:left; top:-14px; width:250px; color:white;}
#menutitle1, #menutitle2, #menutitle3, #menutitle4
	 {width:250px; height:25px; padding: 1ex 0 0 1ex; cursor:pointer;
	  font-style:italic; font-size:9pt; font-family: Georgia, "Cambrian Math", "Traditional Arabic";}
#menutitle1:hover, #menutitle2:hover, #menutitle3:hover, #menutitle4:hover{background-color:maroon; color:white;}
#sub1, #sub2, #sub3, #sub4{width:250px; padding:1ex 0 1ex 1ex; font-size:10pt;}

h1 {font-family: Batang, Centaur, Constantia, Cambria; font-size:35pt; color:white; font-variant:small-caps; margin-top:0px;}
h2 {font-family: "Traditional Arabic", Georgia, "Cambrian Math"; font-size:22pt; margin-top:0ex;
    font-weight:lighter; font-style:italic; color:#655;}
h2 {margin-left: 2em; border-bottom: thin solid #655;}
h3 {font-family: "Traditional Arabic", Georgia, "Cambrian Math"; font-size:14pt; margin-top:0ex;
    font-weight:lighter; font-style:italic; color:#655;}
h4 {font-style:italic; font-weight:lighter;font-size:11pt; font-family: Georgia, "Cambrian Math", "Traditional Arabic";}
h6 {font-style:italic; font-size:9pt; font-family: Georgia, "Cambrian Math", "Traditional Arabic";
    font-weight:lighter; color:#655;}
.emphasize {font-style:italic; font-weight:lighter;font-size:11pt; font-family: Georgia, "Cambrian Math", "Traditional Arabic";}
	
a:hover{color: maroon;}
a #menutitle1, a #menutitle2, a #menutitle3, a #menutitle4 {text-decoration: none;}
a.current #menutitle1, a.current #menutitle2, a.current #menutitle3, a.current #menutitle4 {color:white;}
/*.menutitle a:link, .menutitle a:visited {color:black;}
.menutitle a:hover, a:hover .menutitle {color: white; background-color:lightpink;}*/
a.topmenu, a.topmenu_current {text-decoration:none; font-size:10pt;} /*font-variant: small-caps;*/
a.topmenu:link, a.topmenu:visited {color:#660000;}
a.topmenu:hover, a.topmenu_current {color:white;}

#menutitle1 {background-color:#aa8807; color: #d9c783;} /* e0d093 */
#sub1 {background-color:#c9ac44; color:#ede1b4;}
#menutitle2 {background-color:#638050; color: #c1d9b2;} /* e0d093 */
#sub2 {background-color:#8cad7a; color:#d6edc9;}
#menutitle3 {background-color:#818680; color: #d7d9d7;} /* e0d093 */
#sub3 {background-color:#a5aaa3; color:#e8e8e5;}
#menutitle4 {background-color:#6078b0; color: #ccccdd;} /* e0d093 */
#sub4 {background-color:#8ca0dd; color:#ccccdd;}
#sub1 a, #sub2 a, #sub3 a, #sub4 a {color:white;}
#sub1 a:hover, #sub2 a:hover, #sub3 a:hover, #sub4 a:hover {color:maroon;}

div.whitepane, div.hollowpane, div.emptypane, div.biopane, div.schedulepane, div.whitepane_framed,
 div.whitepane_scrolling, div.hollowpane_scrolling, div.emptypane_scrolling
 		{width:85%; margin-bottom: 5ex; padding-top: 3ex; padding-bottom: 3ex; padding-left:5%; padding-right:5%;}
div.whitepane, div.whitepane_scrolling, div.whitepane_framed, div.biopane, div.schedulepane
		{background: #d8d0b2; color: black; overflow-y: auto;}
div.whitepane_framed {border: thick ridge lightcoral;}
div.hollowpane, div.hollowpane_scrolling {border: thick ridge #8d6db8;}
div.whitepane_scrolling, div.emptypane_scrolling, div.hollowpane_scrolling 
		{overflow-y: scroll; scrollbar-face-color: #d2afff; scrollbar-track-color: pink;}
div.biopane, div.schedulepane {overflow:visible;}
div.biopane {padding-left: 3%; margin-left: 1.5%;}
div.schedulepane {padding:0px; margin-left:0px; margin-right:0px; border: thick ridge #8d6db8; overflow:visible;}