#blue {background-color:#1B4199;}
#white {background-color:#ffffff;}

#outer	{width:102%;
	position:absolute;
	top:0px;
	left:0px;
	}	

#top	{height:92px;
	width:100%;	
	background-color:#1B4199;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom:4px solid #0F2D69;
	color:#ffffff;
	text-align:right;
	font-family:verdana;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	position:absolute;
	z-index:5}	

#left	{height:750px;
	width:139px;
	border-right:4px solid #0F2D69;
	background-color:#8c0096;
	padding-top:18px;
	position:absolute;
	top:92px;
	z-index:4}

#right	{height:734px;
	width:80%;
	margin-top:6px;
	/*margin-left:14px;*/
	position:absolute;
	top:96px;
	left:143px;
	background-color:#1B4199;
	}

#right2	{
	width:75%;
	margin-top:16px;
	margin-left:28px;
	position:absolute;
	top:96px;
	left:143px;
	background-color:#ffffff;
	font-family:verdana;
	font-size:13px;
	color:#1B4199;
	font-weight:bold;
	}

#right2 p {color:black;
	font-weight:normal;
	font-size:11px;
	margin-top:5px;
	width:560px;}

#right2 h2{font-size:23px;
	color:#1B4199;
	letter-spacing:-1px;
	font-family:verdana;}

#right2 ol.list, ul.list{color:#000000;
	font-weight:normal;
	font-size:11px;}

#right2 div.ctitle{width:560px;
	text-align:center;
	margin-bottom:20px;}

h2	{font-family:arial;}

#writing1 {font-family:"comic sans ms",sans-serif;
	font-weight:bold;
	font-size:14px;
	position:absolute;
	color:#000000;
	z-index:2;}

#writing2 {font-family:"comic sans ms",sans-serif;
	font-weight:bold;
	font-size:14px;
	position:absolute;
	top:-3px;
	left:-3px;
	color:#dddddd;
	z-index:3;}

.navbar {position:absolute;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	width:138px;
	margin:0;
	padding:0;
	z-index:6;
	text-align:right;
	}

.navbar2 {position:absolute;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	font-size:11px;
	width:138px;
	margin:0;
	padding:0;
	z-index:4;
	color:#000000;
	left:-2px;
	top:21px;
	text-align:right;}

.navbar ul {margin:0;
	padding:0;
	list-style-type:none;}

.navbar ul li{padding:0px;
	padding-right:4px;
	padding-left:0px;}

.navbar a {text-decoration:none;
	font-weight:bold;
	color:yellow;
	display:block;
	width:134px;
	padding-top:4px;
	padding-bottom:4px;}
	
.navbar a:link{color:yellow;}
.navbar a:visited{color:yellow;}


.navbar a:hover {color:yellow;
	text-decoration:underline;}

.navbar a:active {color:#bbbb00;}


.navbar2 ul {margin:0;
	padding:0;
	list-style-type:none;}

.navbar2 ul li{padding:4px;
	padding-right:4px;
	padding-left:0px;}

.hidden{position:absolute;
	visibility:hidden;
	background-color:#8c0096;
	border:2px solid #0F2D69;
	border-left:1px solid #0F2D69;}

.hide {padding-top:2px;}

.hide2{position:relative;
	top:3px;
	left:-2px;
	padding-top:2px;
	padding-right:4px;
}

.login {font-family:verdana;
	font-size:13px;
	font-weight:bold;
	color:#1B4199;}

a:link {color:#1B4199;}
a:visited {color:#1B4199;}
a:active {color:#1B4199;}
a:hover {color:#990000;
	text-decoration:underline;}

a.lnk:link {color:#1B4199;
	font-family:verdana;
	font-size:11px;}
a.lnk:visited {color:#1B4199;
	font-family:verdana;
	font-size:11px;}
a.lnk:active {color:#1B4199;
	font-family:verdana;
	font-size:11px;}
a.lnk:hover {color:#990000;
	text-decoration:underline;
		font-size:11px;}

#contact {position:absolute;
	right:0px;
	top:240px;
	font-family:verdana;
	font-size:10px;
	text-align:right;
	letter-spacing:-1px;
	color:#ffffff;
	margin-right:0.5em;
	margin-top:10px;}

#contact a:link, #contact a:visited, #contact a:visited
	 {color:yellow;
	text-decoration:none;}

#contact a:hover {text-decoration:underline;}

#right2 p.resources {font-size:15px;
	font-family:georgia;}


table#prof {font-size:10px;
	font-weight:normal;
	color:#000000;
	border:2px solid #eeeedd;
	border-collapse:collapse;
	width:610px;}

table#prof td {border:2px solid #eeeedd;
	vertical-align:top;
	padding:2px;}

table#students {font-size:10px;
	font-weight:normal;
	color:#000000;
	border:1px solid #1B4199;
	border-collapse:collapse;
	width:100%;}

table#students td {border:1px solid #1B4199;
	vertical-align:top;
	padding:2px;}

table#students th {border:1px solid #1B4199;
		padding:2px;
		background-color:#1B4199;
		color:#ffffff;}

table#students td.tbl_link {border:0px;
		padding:5px;
		background-color:#ffffff;
		font-style:italic;}

table#students a.clt_lnk {text-decoration:none;}

table#students a.clt_lnk:hover {color:#1b4199;
				text-decoration:underline;}

.menu {font-family:verdana;
	font-size:12px;
	position:absolute;
	font-style:normal
	text-align:left;
	left:160px;
	bottom:0px;
	z-index:20;}

.menu dt {display:none;}
.menu dd {margin:0; padding:0;}
.menu .aa {width:12px; background:url(taglft2.gif); float:left; padding:2px 0 2px 0; border-bottom:1px solid #000;}
.menu .bb {background:url(tagmid.gif); float:left; padding:2px 0 2px 0; border-bottom:1px solid #000; text-align:center;}
.menu .cc {width:12px; background:url(tagrgt2.gif); float:left; padding:2px 0 2px 0; border-bottom:1px solid #000;}

.menu a, .menu a:visited {color:#888; text-decoration:none; font-size:1em; cursor:pointer; cursor:hand;}
.menu a:hover {color:#000; background:#fff;}
.menu a:hover span {background-position:0 150px;/*border-bottom:1px solid #f9f4ee;*/ }


.menu2 {font-family:arial;
	font-size:11px;
	letter-spacing:2px;
	position:absolute;
	font-style:normal;
	text-align:left;
	left:160px;
	bottom:0px;
	z-index:20;}

.menu2 dt {display:none;}
.menu2 dd {margin:0; padding:0;}
.menu2 .aa {width:5px; float:left; border-bottom:1px solid #000;background:#FDFEAE;}
.menu2 .bb {float:left; padding:2px 0 2px 0; border-bottom:1px solid #000; border-top:1px solid #000;background-image: url(images/menu_bk.jpg); text-align:center;}

.menu2 .sela {width:5px; float:left; background:#fff; font-size:1em;}
.menu2 .selb {float:left; padding:2px 0 2px 0; border-top:1px solid #000; background:#fff; color:#c00; font-size:1em; text-align:center;}

.menu2 .va {width:1px; float:left; border-top:5px solid #1b4199; background:#000; overflow:hidden;}
.menu2 .vb {width:1px; float:left; height:1px; background:#1B4199; border-top:2px solid #1B4199; border-bottom:2px solid #000; overflow:hidden;}
.menu2 .vc {width:1px; float:left; height:1px; background:#1B4199; border-top:1px solid #1B4199; border-bottom:1px solid #000; overflow:hidden;}
.menu2 .vd {width:2px; float:left; height:1px; background:#000; border-top:1px solid #1B4199; overflow:hidden;}

* html .menu2 .vb {height:5px; he\ight:1px;}
* html .menu2 .vc {height:3px; he\ight:1px;}
* html .menu2 .vd {height:2px; he\ight:1px;}

.menu2 a, .menu2 a:visited {color:#444; text-decoration:none; font-size:1em; cursor:pointer; cursor:hand; background:#c88;}
.menu2 a:hover {color:#fff; background:#def;}
.menu2 a:hover .aa, .menu2 a:hover .bb {background:#000;text-decoration:none;}


.topmenudiv {width:533px;
	height:51px;
	font-family:arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	font-style:normal;
	position:absolute;
	left:160px;
	bottom:0px;
	z-index:20;
	background-image: url(images/top_menu.gif);}

.topmenu {/*width:138px;*/
	position:absolute;
	margin:0;
	padding:0;
	z-index:24;}

.upper {top:0px; /*comic was -1px*/
	left:10px;}
.lower	{top:22px; /*comic was 20px*/
	left:4px;} /*comic was 7px*/

.upshadow {top:3px; /*comic was 3px*/
	left:12px;
	z-index:23;
	color:#000000;}

.lowshadow {top:25px; /*comic was 24px*/
	left:6px; /*comic was 9px*/
	z-index:23;
	color:#000000;}

.topmenu ul {margin:0;
	padding:0;
	list-style-type:none;}

.topmenu ul li{display:inline;}

.topmenu a {text-decoration:none;
	padding:2px;}

.topmenu a:link{color:yellow;}
.topmenu a:visited{color:yellow;}
.topmenu a:active{color:#bbbb00;}
.topmenu a:hover {text-decoration:underline;}

#rainbowworld2 {position:absolute;
		top:25px;
		left:50%;
		z-index:1;}

table#course {font-size:11px;
	font-weight:normal;
	color:#000000;
	border:0px;
	border-collapse:collapse;
	margin-left:-1px;
	margin-top:5px;
	margin-bottom:5px;}

.file_pic {border:0px;}
.file_pic2 {border:0px;float:left;}

a.download:link {color:#1B4199;
	font-family:verdana;
	text-decoration:none;}
a.download:visited {color:#1B4199;
	font-family:verdana;
	text-decoration:none;}
a.download:active {color:#1B4199;
	font-family:verdana;
	text-decoration:none;}
a.download:hover {color:#990000;
	font-size:14px;}

.downl {vertical-align:1.7em;}