/* style sheet created for CS777 Spring 2006 */
/* Beware - this is Mike's first attempt to write CSS !*/

/* the body surrounds everything - the content is in a fixed
   width column within the body */
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	padding: 0;
}
/* everything goes inside of a single enclosure */
/* but, make this a class in case you want to have multiple ones */
.enclosure {
margin-top: 5px;
margin-bottom: 5px;
	width: 720px;
	background:#FFF;
}

/* the content of the page goes into this column */
#content {
/*	float: right;
	width: 560px; */
}

/* the navigation things, first something to put in the column 
   then deal with top / bottom */
.navcol {
	float:left;
	/* border:thin #666666 solid; */
	width: 140px;
	/* padding: 5px; */
	background: #BBB;
}
.topnav {
}
/* a footer */
.footer {
	clear: both;
	width: 100%;
	padding: 5px;
}

/* for making things look nice... */
.bartitle {
	font-weight:bold;
	background:#999999;
	font-size:14px;
	padding: 3px;
	border-bottom: solid thick black;
}
.bartitle a {
text-decoration:none;
}
.bartitle a:link, .bartitle a:visited {color: #000;};

/* list of navigation items */
/* make them plain */
.navitems {
clear:both;
white-space:nowrap;
margin-left: 0px;
list-style:none;
text-decoration:none;
line-height: 125%;
}
ul.navitems a {
	text-decoration:none;
	display:block;
	width: 7em;
	padding: 3px;
	background:#EEE;
	border: thin solid #000000;
	margin: 3px;
	font-weight:bold;
}
ul.navitems a:focus, ul.navitems a:hover {
	background:#FCC;
	color:#000;
}

ul.navitems a:link {	color: #000; }
ul.navitems a:visited { color: #000000; }

ul.navitems li {
list-style:none;
list-style-position: outside;
marker-offset: 0;
}

/* sometimes you want a link to be bold, not anything else */
a.plainlink { text-decoration:none; }
a.plainlink:link { color: #000; }
a.plainlink:visited { color: #000 }

a.boldlink { text-decoration:none; font-weight:bold;}
a.boldlink:link { color: #000; }
a.boldlink:visited { color: #000 }

/**** normal text stuff ******/
/* how i'd like the headings to look */
h1, h2, h3, h4, h5, h6 { color: #300 } 
h1 {
background-color:#CCCCCC;
font-size:18px;
clear:both;
}
h2 {
font-size:16px;
}
p, li {
	line-height: 125%;
}
/** text is really too tight, so put some spacing after list elements */
li {
	margin-bottom: 5px;
}

/** this is for making the two columns on the basic info page */
div.fact {
	float:left;
	width:25%;
	text-align: right;
	padding: 5px;
	font-weight: bold;
}
div.factoid {
	float:right;
	width:70%;
	padding: 5px;
	padding-bottom: 15px;
}

/** I give up on the 3 column calendar! I'll chear and use a table
 **/
div.week {
clear:both;
width:560px;
padding-top:5px;
padding-bottom:5px;
}
span.weekname {
font-weight:bold;
font-size:16px;
color:#330000;
text-decoration:none;
}
div.weekinfo {
display:block;
}
div.weekinfo a, div.weekinfo a:link, div.weekinfo a:visited {
color:#330000;
text-decoration:none;
}
div.weekinfo a:hover {
background:#FFFF99;
}

table.weektab {
	width: 100%;
	border:none;
	clear:both;
	margin-bottom: 10px;
}
table.weektab td {
	width:33%;
	vertical-align:top;
	background: #CCC;
}
table.weektab td.noclass {
	background:#DFD;
}
td.noclass div.date{
	color:#9C9;
	border:medium solid #9C9;
	
}
div.date {
	padding: 3px;
	margin: 0px 5px 5px 0px;
	float: left;
	font-size: 18px;
	border:medium solid #330000;
	color: #330000;
	width:1.4em;
	text-align:right;
}
/* stuff to put on calendar days */
div.due {
	color:#FF0000;
	clear:both;
}
div.due a:visited, div.due a:link {
	color: #FF0000;
}

div.read {
	color:#00F;
	clear:both;
}

br.clear {
clear:both
}

/* stuff for the blog */
div.blogdate {
	padding: 5px;
	margin-top:5px;
	font-weight:bold;
	font-size:18px;
	background:#300;
	color:#FFFFFF;
}
div.blogentry {
	padding-top: 0px;
	padding-bottom: 15px;
}
div.blogtitle {
	font-weight:bold;
	background:#CCC;
	font-size:14px;
	padding: 3px;
	border-bottom: solid thin black;
	padding-left:10px;
}
div.blogstory {
	padding-top:5px;
	padding-left: 10px;
}