body {
	color:#000000;	
	background-color:#ffffff;
	font-family: verdana, "trebuchet MS", helvetica, sans-serif;
	margin:0;
} 

/*right-hand column of department pages*/
div#content{
	font-family:arial, helvetica,sans-serif;	
	margin-left:15em;/*that 15 em keeps the div to the right of the menu bar*/
	margin-right:2em;
	padding-left:2em;
	/*float:right;*/
	/*I really don't like this padding but it's the only solution I can figure out; we don't know which is longer, the navigation column or the content column*/
	padding-bottom:25em;
	
	
}

div#footer{
	margin-top:2em;
	border-top:solid 2px #990000;
	padding-top:1em;	
	padding-right:8em;
	padding-bottom:2em;
	padding-left:8em;
	text-align:center;
	clear:both;
	
}

div#footer a{
	
	font-family:Verdana, Arial,Sans-Serif;
	font-weight:bold;
	font-size:.8em;
	color:#990000;
	text-decoration:none;
}
div#footer a:hover{
	color:#cc9999;
}
.identificationBar{
	width:50%;
	border-width: 1px;
	border-top-style:solid;
	border-color: #666666;
	background-color:#cc9999;
	font-family:Arial,Sans-Serif;
	font-weight:bold;
	font-size:.8em;	
	color:#000000;
	text-align:center;
	float:left;	
}

.updateMessage{
	padding-top:2em;
	text-align:right;
	font-style:italic;
	font-size:.8em;
	font-family:Times, Serif;
}

.button{
	background-color: #990000;
	color:#ffffff;
	margin-left:1em;
	padding:0;
	font-size: 1em;
	font-weight:bold;	
}
select{
	font-family:verdana,arial,helvetica,sans-serif;
	background:#cc9999;
	color:#000000;
	margin-right:1em;
	width:12em;
}
.deptTitle{
	font-family:Times New Roman,Arial,Sans-Serif;
	font-weight: normal;
	font-size:1.6em;
	color : #990000;	
	background-color: #ffffff;
	text-align:left;
	margin-bottom:0; 
}

.headHonchoTitle{
	font-family:Times New Roman, Arial,Sans-Serif;
	font-weight:normal;
	color : #990000;
	font-size:1.2em;
	background-color: #ffffff;
	text-align:left;
	margin-top:0; 
}

/*used for title on office staff, links, etc.*/
.deptSubTitles{
	font-family:Times New Roman, Arial,Sans-Serif;
	font-weight:normal;
	font-size:1.2em;
	color : #990000;	
	background-color: #ffffff; 
	text-align:left;
	margin-bottom:0;
}

.directions{
	margin:4em;
	background-color:#ffffff;
	color:#000000;
	line-height:150%;
}
.directions h2{
	text-align:center;
}

.contentParagraphs{
	margin-top:0;
	text-align:justify;
}
/*for xhtml, all inputs, labels, etc must be inside a block-level element, such as p or h; I don't necessarily want spaces in between*/
form p{
	margin-top:0;
	margin-bottom:0;
}

h4{
	color : #990000; 
	background-color: #ffffff;
}

ul{
	margin-top:0;
}

a:link {
	font-family:arial,helvetica,sans-serif;
	/*this color has been darkened to meet criteria for contrast*/
	color:#555555;
	text-decoration:underline;
	font-weight:normal;
	text-align:left;
}
a:visited{
	font-family:arial,helvetica,sans-serif;
	color:#550000;
	text-decoration:underline;
	font-weight:normal;
	text-align:left;
}

a:active{
	font-family:arial,helvetica,sans-serif;
	color:#990000;
	text-decoration:underline;
	font-weight:normal;
	text-align:left;
}
a:hover{
	color:#990000;
}
div#accessibility li{
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}

#accessibility ul{
	list-style: none;
	margin:0;
}

div#accessibility a{
	color: #990000;
	font-weight: bold;
	position: absolute;
	top: 10px;
	right: 0px;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: .8em !important;
	z-index: 1002;
	border:none;
}
#accessibility A:active, .accessibility A:focus { /* Only show skiplinks on focus */
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	font-size: 1em;
	border: 0;
	margin: 0;
	padding: 6px;
	font-size: .6em;
	background: #ffffff;
	z-index: 10000;
}