/*
 * screen.css - Presentation-related styles for the screen.
 *	Site: nlippincott.org
 *
 * Copyright 2004-06, Norman Lippincott Jr, All Rights Reserved
 */

body { background: #333; margin: 0; padding: 0; text-align: center; }

#page {
	width: 780px; text-align: left; margin: 0 auto;
	color: black; background: white;
}

#header {
	position: relative;
	height: 80px; white-space: nowrap;
	background: url(../images/header-background.gif) #cc9 no-repeat;
}
#header a { text-decoration: none; }
#header #professor { position: absolute; left: 90px; top: 8px; }
#header #college { position: absolute; left: 550px; top: 8px; }

#nav {
	margin: 0; padding: 4px 0 2px 0; white-space: nowrap;
	background: #663;
}

#nav ul { list-style: none; margin: 0; padding: 0; }
#nav li {
	display: inline; margin: 0; padding: 2px 0;
	background: url(../images/tab.gif);
	background-position: top right;
}
#nav li.current {
	color: red;
	background: url(../images/tab-current.gif);
	background-position: top right;
}

#nav li a, #nav li span { padding: 0 10px; }

#nav li a:link { text-decoration: none; }
#nav li a:visited { text-decoration: none; }
#nav li a:active { text-decoration: none; }
#nav li a:hover { color: red; text-decoration: none; }

#body {
	border-left: 2px solid #663;
	border-right: 2px solid #663;
	border-bottom: 2px solid #663;
}

#content { margin: 0; padding: 0 16px; }

#schedule_head {
	background: url(../images/schedule-head.gif);
	background-repeat: no-repeat;
	color: yellow;
}
#schedule_head h2 { margin: 0; padding: 5px 20px; }
#schedule_content {
	padding: 5px 20px;
	background: url(../images/schedule-content.gif);
	background-repeat: repeat-y;
}
#schedule_footer {
	height: 10px;
	background: url(../images/schedule-footer.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

#hours { float: right; width: 250px; padding: 0; margin: 20px; }
#hours_head {
	background: url(../images/hours-head.gif);
	background-repeat: no-repeat;
}
#hours_head h2 { margin: 0; padding: 5px 20px; }
#hours_content {
	padding: 5px 20px;
	background: url(../images/hours-content.gif);
	background-repeat: repeat-y;
}
#hours_footer {
	height: 10px;
	background: url(../images/hours-footer.gif);
	background-repeat: no-repeat;
}

#footer {
	height: 40px; margin: 0; padding: 4px 4px 4px 10px;
	border-top: 2px solid #663;
	white-space: nowrap;
}
#footer div.validation { float: right; padding: 4px 0; }

a:link { color: maroon; }
a:visited, a:active { color: maroon; }
a:hover { color: red; }

.alert { color: red; }

table.syllabi a { text-decoration: none; }