body {
	background-color: #EEEEEE;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	vertical-align: center;
	visibility: hidden;
	height: 100%;
	width: 100%;
	background-color: #003184;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	z-index: 3000;
}
#wrap {
	width: 920px;
	margin: auto;
	background-image: url(../images/wrapbg.png);
	background-repeat: repeat-y;
}
#canvas {
	width: 900px;
	margin: auto;
	background-color: #FFFFFF;
/*	background-image: url(../images/ptrsplat.gif);
	background-repeat: no-repeat;
	background-position: top left;
*/
}
#toprow {
	vertical-align: middle;
	height: 35px;
}
#strap {
	margin: 0px;
	width: 400px;
	float: left;
}

#strap p.motto {
	font-size: 14px;
	font-weight: bold;
	margin: 3px;
	margin-left: 10px;
}
#strap p {
	font-size: 12px;
	margin: 3px;
	margin-left: 10px;
}
#search {
	font-size: 12px;
	font-weight: bold;
	height: auto;
	margin: 0px;
	padding-top: 10px;
	float: left;
}
#search label, input, img {
	padding: 0px;
	vertical-align: middle;
}
#topbuts {
	margin-left: 720px;
	padding: 10px 0px 0px 0px;
}
#topbuts a {
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 5px;
	text-decoration: none;
	float: right;
}
a.mailbut {
	background-image: url(../images/mailbut.png);
	background-repeat: no-repeat;
}
a.mailbut:hover {
	background-image: url(../images/mailbutlight.png);
}
a.phonebut {
	background-image: url(../images/phonebut.png);
	background-repeat: no-repeat;
}
a.phonebut:hover {
	background-image: url(../images/phonebutlight.png);
}
a.facebut {
	background-image: url(../images/fbbut.png);
	background-repeat: no-repeat;
}
a.facebut:hover {
	background-image: url(../images/fbbutlight.png);
}
a.twitbut {
	background-image: url(../images/twitbut.png);
	background-repeat: no-repeat;
}
a.twitbut:hover {
	background-image: url(../images/twitbutlight.png);
}
a.rssbut {
	background-image: url(../images/rssbut.png);
	background-repeat: no-repeat;
}
a.rssbut:hover {
	background-image: url(../images/rssbutlight.png);
}
#menubar {
	clear: both;
	margin: 10px;
	margin-bottom: 5px;
	background-image: url(../images/menubar.png);
	background-repeat: no-repeat;
	width: 880px;
	height: 40px;
	color: #FFFFFF;
}

#menubar a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#menubar a:hover {
	text-decoration: underline;
}
#crselist {
	float: right;
	width: 190px;
}
#crselist h3 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	height: 30px;
	padding: 7px 0px 0px 3px;
	border: none;

}
#crselist p {
	margin: 0px;
	padding: 3px;
	border-left: 1px dotted #666666;
	font-size: 11px;
}
#crselist a {
	color: #003184;
	text-decoration: none;
}
#crselist a:hover {
	text-decoration: underline;
}
h3.lateavailability {
	background-image: url(../images/redlbl.png);
	background-repeat: no-repeat;
}
h3.coursesubjects {
	background-image: url(../images/bluelbl.png);
	background-repeat: no-repeat;
}
h3.otherservices {
	background-image: url(../images/yellowlbl.png);
	background-repeat: no-repeat;
}
h3.saveits {
	background-image: url(../images/redlbl.png);
	background-repeat: no-repeat;
}
.coursesubjects a {
	display: block;
}
#content {
	margin-right: 190px;
}

#content h1, h2, h3 {
	color: #003184;
	border-bottom: 1px solid #66FF00;
}

#fullpanel {
	width: 695px;
	margin-left: 10px;
	margin-bottom: 5px;
	height: 185px;
}
#bigleft {
	margin-left: 10px;
	width: 695px;
	float: left;
}
.bigleftinner {
	height: 280px;
	background-image: url(../images/fullbgtop.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	border-top: 1px solid #FFFFFF;
}
#badges {
	width: 695px;
	height: 120px;
	background-image: url(../images/badgesbg.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	margin-top: 5px; 
}
#badges h3 {
	margin-top: 5px;
}
#bigleft p,h1, h2, h3 {
	margin-left: 10px;
	margin-right: 10px;
}
#bigleft h1, h2 {
	font-size: 1.5em;
}
#smallright {
	margin-left: 520px;
	width: 185px;
}
.smallrightinner {
	background-image: url(../images/smllsquarebg.png);
	background-repeat: no-repeat;
	height: 185px;
	padding: 2px;
}
div.autocomplete {
  position:absolute;
  width:300px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #afa;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:3px;
  height:auto;
  cursor:pointer;
  font-size: 10px;
}

#footer {
	clear: both;
	width: 100%;
	background-color: #AAAAAA;
	color: #333333;
	font-size: 11px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.fullarea {
	width: 695px;
	background-color: #DDDDDD;
	margin-left: 10px;
	min-height: 500px;
}

.fulltop {
	background-image: url(../images/fullbgtop.png);
	background-repeat: no-repeat;
	background-position: top left;
}

.fullbottom {
	background-image: url(../images/fullbgbottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	min-height: 500px;
	height: auto;
}

.fullinner {
	padding: 5px;
}
.fullinner h1 {
	margin: 0px 0px 5px 0px;
}

fieldset {
	 border: 1px solid #66FF00;
}

legend {
	color: #003184;
	font-weight: bolder;
	font-size: 14px;
}

label {
	display:inline-block;
	width: 100px;
	font-weight: bolder;
}

table.schedule {
	width: 685px;
}

td.scheduletopdate, td.scheduletop {
	border-bottom: 1px solid #00FF00;
	color: #FFFFFF;
}

td.schedulebottom a {
	text-decoration: none;
	font-weight: bold;
}

td.schedulebottom a:hover {
	text-decoration: underline;
}

td.schedulebottom, td.schedulebottomdate {
	border-bottom: 1px dotted navy;
}

p.tsttext {
	font-weight: bold;
	font-style: italic;
	margin: 20px;
}

.tstname {
	font-weight: normal;
	font-style:normal;
}