/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#top_image {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	z-index: 50;
}

h1 {
	text-align:center;
	font: bold 30px verdana,arial,sans-serif; 
}

h2 {
	text-align:center;
	font: bold 20px verdana,arial,sans-serif; 
}

h3 {
	text-align:center;
	font: bold 18px verdana,arial,sans-serif; 
}

table.factab {
	font: bold 12px arial,sans-serif;
}

td.dept {
	text-align: center;
	background-color: #F00030;
	color: white;
}

p {
	font: bold 14px verdana,arial,sans-serif; 
}

p.newsback {
	text-align: center;
	font: bold 12px verdana,arial,sans-serif;
}

ul.news {
	font: bold 16px arial,sans-serif;
}
	
#content {
	position: absolute;
	width: 580px;
	text-align: justify;
	top: 106px;
	left: 210px;
	font: bold 30px verdana,arial,sans-serif; 
	/*
	 */
}

.lineup {
	left: 400px;
}

#fac_list {
	font: bold 20px arial,sans-serif;
	line-height: 20px;
}

p.dept {
	text-align: center;
	background-color: #F00030;
	color: white;
}

.fac_name {
	text-align: left;
	position: absolute;
	left: 90px;
}

a.fac_email {
	text-align: left;
	position: absolute;
	left: 300px;
}

.fac_room {
	text-align: left;
	position: absolute;
	left: 340px;
}

p.header {
	text-align: center;
	background-color: #F00030;
	color: white;
}

.header_name {
	font: bold 12px arial,sans-serif;
	text-align: left;
	position: absolute;
	left: 90px;
}

.header_email {
	font: bold 12px arial,sans-serif;
	text-align: left;
	position: absolute;
	left: 290px;
}

.header_room {
	font: bold 12px arial,sans-serif;
	text-align: left;
	position: absolute;
	left: 340px;
}

.fac_title {
	text-align: left;
	position: absolute;
	left: 330px;
}



.sb_name {
	text-align: left;
	position: absolute;
}

a.sb_email {
	text-align: left;
	position: absolute;
	left: 470px;
}

.sb_title {
	text-align: left;
	position: absolute;
	left: 230px;
}


img {
	border: 0;
}

ul.directions {
	font: bold 14px arial,sans-serif;
}

#map {
	position: absolute;
	left: 280px;
	top: 70px;
}

ol {
	font: bold 14px arial,sans-serif;
}

#bus {
	font: bold 20px arial,sans-serif;
	text-align: center;
}

body {
	margin:0; 
	padding:0 10px 0 10px; 
	height:100%; 
	overflow:auto; 
	margin:0 0 0 150px; 
	border-left:5px solid #000;
}

#menu {
	position: fixed;
	top: 100px;
	left: 0px;
	z-index: 50;
	height: 100%;
	/*
	background-color: #F00031;	
	width: 300px;
	 */
}

#w3c_badge {
	position: fixed;
	bottom: 0px;
	left: 50px;
	z-index: 50;
	/*
	height: 100%;
	background-color: #F00031;	
	width: 300px;
	 */
}

#menu ul {
	margin:0; 
	padding:0; 
	list-style:none; 
	white-space:nowrap; 
	text-align:left; 
	padding:1px 1px 1px 1px; 
	background: #F00031;
	/*
	padding:0px;
	 */
}

#menu li {
	margin:0; 
	padding:0; 
	list-style:none;
}
#menu li {
	display:inline-block; 
	display:inline;
}
#menu ul ul {
	position:absolute; 
	left:-9999px;
}
#menu ul#toplevel {
	position:absolute; 
	left:0; 
	top:0;
}

#menu a {
	display:block; 
	font: bold 11px verdana,arial,sans-serif; 
	color: white; 
	line-height:22px; 
	text-decoration:none;
	padding:0 20px 0 10px;
} 

#menu ul li:hover > ul {
	left:100%; 
	margin-top:-23px; 
	margin-left:-1px;
}

#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {
	left:100%;
}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {
	left:-9999px;
}

#menu li a:hover {
	background: white; 
	color: #F00031;
} 
#menu li:hover > a {
	background: white; 
	color: #F00031;
}
#menu li a.fly {
	background: url(../img/arrow.gif) no-repeat right top;
}
#menu li a.fly:hover {
	background: white url(../img/arrow.gif) no-repeat right top;
} 
#menu li:hover > a.fly {
	background: white url(../img/arrow.gif) no-repeat right top;
}

#menu table {
	position:absolute; 
	left:99%; 
	height:0; 
	width:0; 
	border-collapse:collapse; 
	margin-top:-7px; 
	margin-left:-1px;
}