body {
	background-color: #e8dcb9;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	color: black;
	font-size:90%
}

img {border:0}


a {	color:#0C3B3E;
	text-decoration:none}
a:hover {text-decoration:underline}
	
li {
	margin-bottom:0.5em;
}
	
div.form_row {
	clear: both;
	padding-top: 10px;
}

label.optional {
	font-weight:normal;
	float: left;
	width: 25%;
	text-align: right;
	margin-right:20px;
}
label.coursename {
	font-weight:bold;
	float: left;
	width: 10%;
	text-align: right;
}

.gap {margin-top:2em}
.greyout {color: grey}

div.form_row label.floatleft {
	float: left;
	width: 25%;
	text-align: right;
	font-weight:bold;
	margin-right:20px
}

div.form_row label.floatleftwide {
	float: left;
	width: 80%;
	text-align: right;
	font-weight:bold;
	margin-right:20px
}


div.form_buttons {
	text-align: center; 
	margin-top:30px; 
	padding-top:10px; 
	clear:both
}

div.form_buttons input {;
	margin-left:10px; margin-right:10px
}

div#footer {margin-top:40px;
	margin-left:10%; 
	margin-right:10%;
	text-align:center; 
	color:#222; 
	font-size:80%; 
	margin-bottom:1em}

div#content {margin-left:10%; margin-right:10%}
	
div #logged_in_menu {text-align:center; margin-top:1em; margin-bottom:0.4em;}
.centered {text-align:center}

.marginned {
	margin-left:10%; margin-right:10%
}

.note {font-size:90%; font-weight:normal}

.greyout {font-size:90%; font-weight:normal; color:gray}

.alert {color:red; font-size: 110%; font-weight:bold; text-align:center}

.field {font-weight:bold}

li.searchresult {margin:0; margin-left:4em; padding-bottom:0.2em; list-style-type:circle}

table#viewrecord {margin-left:4em; margin-right:2em}

table#viewrecord td {vertical-align:top; padding:0.6em}


div#box1 {border: 4px solid black;
background-color:#dbca98;
margin:0 auto;
width:600px;
align:center;
background-image:url('graphics/students.gif');
background-position: right bottom;
background-repeat: no-repeat;
margin-top:40px;
}


#box1 h4 {display:none}
.hidden {display:none;}

div#whatbox {width:60%; float:left; margin:0; padding:0}

.offset { margin-left:10px; margin-top:0.5em; margin-bottom:0; padding:0}
.frontpagetxt {margin:0; margin-left:29px; margin-bottom:0.7em; margin-top:0.3em; margin-right:10px}

div#whybox {margin:0; clear:left; padding:0; }

div#actionsbox{width:40%;  float:right; height:100%; margin-top:1em}

div#menubar {text-align:center;	
	width: 100%;	
	padding-top:0.5em;	
	background-color:white;
	margin:0;
	padding:0;
	height:30px}
div#links {padding-top:15px;font-size:85%}

input {border: 1px solid #555}

#headerbar {
	border-bottom:1px solid black; 
	border-top:4px solid black;
	margin:0;
	padding:0; 
	height:81px;
	background-image:url('graphics/banner-background.gif'); 
	background-position-x:0;
	background-position-y:0;
	text-align:center;
	background-repeat:no-repeat;
	background-color:black
}
#titlebanner { margin-left:240px;}
#citylogo {position:absolute; left:5px; top:0px; }
#titlebox {background-color:#dedede; margin:0; width:100%; border-bottom:1px solid black; text-align:center}



h1,h2 {	background-image: url('graphics/dots.gif');
	padding-left:30px;
	background-repeat:no-repeat;
	height:22px;
}

.larger {font-size:120%}