/* meredith landman 
 * layout for class websites fall 2004
 */

body {
	color: #000;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-size: 86%;
}

#page {
	width: 650px;
	margin-left: auto; margin-right: auto;
	margin-top: 1em; margin-bottom: 2em;
	padding: 1em;
	font-family: Verdana, "Bitstream Vera Sans", Geneva, sans-serif;
}

a:link {
	text-decoration: none;
	color: #f39;
}

a:visited {
	text-decoration: none;
	color: #f39;
}

a:active {
	text-decoration: none;
	color: #f39;
}

a:hover {
	text-decoration: underline;
	color: #f39;
}

#header {
	margin: 10px 0px 3em 30px;
	padding: 0px;
}

#main {
	margin: 0px 180px 0px 20px;
	font-size: .9em;
	line-height: 1.4em;
}

#main .item {
	border: 1px solid #f39;
	color: #333;
	margin: 0px 0px 1.4em 0px;
}


#main .item .head {
	color: #000;
	background-color: #f39;
	height: 1.4em;
}

#main .item .head .title {
	float: left;
	text-align: left;
	width: 300px;
	margin: 0px;
	padding-left: 5px;
    padding-top: .1em;
}

#main .item .head .date {
	float: right;
	text-align: right;
	width: 100px;
	margin: 0px;
	padding-right: 5px;
	padding-top: .1em;
}

#main .item .text {
	padding: .2em 5px .2em 5px;
}

#main .news {
	border: 1px solid #f39;
	color: #333;
	margin: 0px 0px 1.4em 0px;
}


#main .news .head {
	color: #000;
	background-color: #f39;
	height: 1.4em;
}

#main .news .head .title {
	float: left;
	text-align: left;
	width: 300px;
	margin: 0px;
	padding-left: 5px;
    padding-top: .1em;
}

#main .news .head .date {
	float: right;
	text-align: right;
	width: 100px;
	margin: 0px;
	padding-right: 5px;
	padding-top: .1em;
}

#main .news .text {
	padding: .2em 5px .2em 5px;
}

#menu {
	margin: 0px 0px 0px 10px;
	float: right;
    width: 150px;
	font-size: .9em;
	line-height: 1.4em;
}

#menu .block {
	border: 1px solid #f39; 
	color: #333;
	margin: 0px 0px 1.4em 0px;
}

#menu .block .head {
	color: #000;
	background-color: #f39;
	margin: 0px;
	padding-left: 5px;
	padding-top: .1em;	
}

#menu .block ul {
	margin: .2em 5px .2em 5px;
	padding: 0px;
	list-style: none;
}

#footer {
	font-size: .7em;
	color: #666;
	margin: 50px 0px 2em 20px;
	text-align: right;
}

#menu hr.contact {
	width: 80%;
	height: 1px;
}