body {
	margin-top: 0px;
	font-family: 'Bookman Old Style', serif;
}

.pagetitle {
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
}

.title {
	font-weight: bold;
	font-size: 16px;
}

.dirheader {
	font-weight: bold;
	font-size: 14px;
}

.notes {
	font-size: 14px;
}

.errors {
	color: #ff0000;
	font-size: 12px;
}

.myformtitle {
	font-size: 13px;
	font-weight: bold;
}

.myform {
	font-size: 13px;
}

.subnote {
	font-size: 12px;
}

/******FOOTER****/
.priv	{
		color:#003366;
		font-size:12px;
		padding:5 0 0 211px;
		}
.priv span{
		color:#003366;
		}
.priv a	{
		color:#003366;
		text-decoration:none;
		}
.priv a:hover{
		text-decoration:underline;
		}

/* TOOLTIPS CSS */
#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

em {
	color: #ff0000;
	font-size: 14px;
}

/* Carousel view */

.stepcarousel{
position: relative; /*leave this value alone*/
border: 2px solid black;
overflow: scroll; /*leave this value alone*/
width: 755px; /*Width of Carousel Viewer itself*/
height: 170px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* jQuery Calendar */
#calendar {
	width: 750px;
	margin: 0 auto;
}