/* CSS Document */
/* color pallette 
light blue - #E5EBF5
mid blue - #8099D5
dark blue - #000066 (#006)
*/


		html{
			height:100%;
		}
		body{
			font: normal 9pt/12pt verdana,arial,sans-serif; 
			color:#333;
			margin: 100px 0 10px 0; 
			
		}
		body, td{
			font-family:verdana,helvetica,sans-serif;
			font-size:8pt; color:#333;
		}
		#siteBody {
			width: 760px;
			\width: 780px;
			w\idth: 760px;
			height:400px;
			padding:0px;
			margin-left: auto;
			margin-right: auto;
			border-top:0px solid #CCC;
			border-bottom:0px solid #CCC; 
		} 
		.leftMenu {
			background:url(../images/lhsGraphic.gif) no-repeat top right;
			float:left;
			width: 450px;
			\width: 370px;
			w\idth:380px;
			height:420px;
		
		}
		.rightMenu {
			float: right;
			width: 370px;
			\width: 370px;
			w\idth:370px;
			height:420px;
			border-left:1px solid #CCC;
			
			padding:0 0px 0 0px;	
		}
		
		img.bordered {
			border: 1px solid #8099D5
		}
		a.jumplink{
			color:#039;
			background:url(../images/menu/jump.gif) no-repeat center right;
			padding:0 14px 0 0;
			height:11px;
			text-decoration:underline;
			display:inline;
		}
		
		a.jumplinkLeft{
			color:#039;
			background:url(../images/menu/jumpLeft.gif) no-repeat top left;
			padding:0 0 0 14px;
			height:9px;
			text-decoration:underline;
			display:inline;
		}
		a.jumpbck{
			color:#039;
			background:url(../images/menu/jumpbck.gif) no-repeat center right;
			padding:0 14px 0 0;
			height:11px;
			text-decoration:underline;
			display:inline;
		}
		a:visited.jumplink{
			color:#8099D5;
			background:url(../images/menu/jumpvisited.gif) no-repeat center right;
			padding:0 12px 0 0;
			height:11px;
			text-decoration:underline;
			display:inline;
		}
		a:visited.jumplinkLeft{
			color:#8099D5;
			background:url(../images/menu/jumpVisitedLeft.gif) no-repeat top left;
			padding:0 0 0 14px;
			height:9px;
			text-decoration:underline;
			display:inline;
		}
		a:visited.jumpbck{
			color:#8099D5;
			background:url(../images/menu/jumpvisitedbck.gif) no-repeat center right;
			padding:0 12px 0 0;
			height:11px;
			text-decoration:underline;
			display:inline;
		}
		 hr{
			border-bottom: 1px solid #8099D5;
			border-top: 0px solid #8099D5;
			width:100%;
			background-color:#8099D5;
			color:#8099D5;
			height:0
		}
		#contentArea hr{
			border-bottom: 1px solid #8099D5;
			border-top: 1px solid #8099D5;
			width:100%;
			background-color:#8099D5;
			color:#8099D5;
			height:0;
		}
		
		/* text format classes */
		a{
			font-family:verdana,helvetica,sans-serif;
			font-size:8pt;
			color:#333;
		}
		
		h1{
			font-size:12pt;
			font-weight:normal;
			margin:0 0 10px 0;
			color:#8099D5;
		}
		h2, h2 a{
			font-size:10.5pt;
			font-weight:normal;
			margin:10px 0 2px 0;
			color:#8099D5;
		}
		p{
			margin:2px 0 10px 0
		}
		
		blockquote{
		margin:0;
		padding:0 10px;
		color: #8099D5;
		font-size:7pt;
		display:block;
		
		}
		#indexCalendar{
			border:1px solid white;
			width:200px;
		}
		#indexCalendar .dateSelected{
			border:1px solid #FFF;
			background-color:#E5EBF5;
		}
		#priceList {
			width:300;
		}
		#priceList td{
			border-bottom:1px solid #E5EBF5;
			padding:5px 0 0 0;
		} 
		
		/* Course Calendar */
		
		
		/* form elements */
		fieldset{
			border:0px solid #E5EBF5;
			padding:5px;
			margin:0 0 5px 0;
		}
		legend{
			font-size:11pt;
			font-weight:normal;
			color:#8099D5;
			margin: 0 0 15px -5px;
		}
		label{
			
			float: left;
			text-align: left;
			margin: 5 1em 5px 5px;
			clear: both;
			
		}
		input, textarea, select {
			font-family:arial,helvetica,sans-serif;
			font-size:8pt;
			color:#333;
		}
		.fieldLine{
			display:block;
			margin: 5 1em 5px 5px; 
			vertical-align:right;
			clear:both;
		}
		.displayLine{
			display:block; 
			vertical-align:top;
			clear:both;
			border-top: 1px solid #E5EBF5;
			padding:2px 0 2px 0;
		}
		.displayLine label{
			width:80px;
			display:block;
			clear:both;
			font-weight:bold;
			color:#8099D5;
			margin: 0 1em 10px 0;
		}
		.displayLine span {
		display:block;
		float:left;
		height:auto;
		width:200px;
		}
	
		.smallButton{
			border:1px solid #999; 
			background-color:#CCC;
			margin:5px 0 0 0;
		}
		
		.smallButtonNoFloat{
			border:1px solid #8099D5; 
			background-color:#E5EBF5;
			
			margin:5px 0 0 0;
		}
		
		.microButton{
			border:1px solid #335CAD; 
			background-color:#FFF;
			margin:0 3px 0 0;
			font-size:7pt;
			color: #335CAD;
			line-height:8pt;
			height:13px;
		}
		.microButtonAlt{
			border:1px solid #E5EBF5; 
			background-color: #FFF;
			margin:0 3px 0 0;
			font-size:7pt;
			color: #8099D5;
			line-height:8pt;
			height:13px;
			float:right;
			clear:both;
		}
		
#menuBar{
display:inline;
position:relative;
left:50px;
top:65%;
text-align:right;
}

#menuBar a{
			font-family:verdana,helvetica,sans-serif;
			font-size:7pt;
			color:#666;
			text-decoration:none;
		}

ul { /* all lists */
	padding: 0px;
	margin: 0;
	list-style: none;
	margin-right:2px;
	
}

li { /* all list items */
	display:block;
	float:left;
	position:relative;
	width: 70px;
	border-right:0px solid #CCC;
	padding: 0 5px 2px 1px;
	background-color:#FFF;
	line-height:10px;
	text-align:right;
	
}

li li {display:block; text-align:right;line-height:17px; margin-left:-1px; margin-top:-4px; border-left:1px solid #CCC}

li ul { /* second-level lists */
	width: 70px;
	display: none;
	position: absolute;
	top: 1.5em;
	left: 0;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	border-bottom:1px solid #CCC;
}

#navBar{
width:740px; 
position:relative;
border-top:1px solid #CCC

}
#navBar td{
color:#666666;
font-size:7pt;
}