/* CSS Document */
html{
	height:100%;
}

body{
	margin:0;
	padding:0;
	background-color:#003366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	font-size:12px;
}

p{
	margin:1em 0;
}

table#compareCourses {
	border-width: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
}
table#compareCourses th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: gray;
	-moz-border-radius: 0px;
	padding-top:8px;
	padding-bottom:8px;
	background-color:#CCC;
}
table#compareCourses td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: gray;
	-moz-border-radius: 0px;
	padding-top:4px;
	padding-bottom:4px;
}

#wrapper{
	width:750px;
	margin:0 auto;
	background-color:#000033;
	text-align:center;
}

#banner{
	height:130px;
	margin:0;
	padding:0;
	width:750px;
	background-image:url(../images/banner.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

#banner h1{
	position:absolute;
	left: -5000px;
	margin:0;
	padding:0;
	height:1px;
	width:1px;
}

#banner img{
	margin:0;
	padding:0;
}
#bannerLinks{
	float:right;
	width:170px;
	text-align:right;
	color:#FFFFFF;
	font-size:11px;
}
#bannerLinks a{
	color:#FFFFFF;	
	text-decoration:none;
}

#mainContainer{
	margin:0;
	color:#000000;
	padding:0 10px;
	height:auto;
}

#navArea{
	width:710px;
	margin:10px auto;
	padding:0;
	text-align:center;
	height:25px;
}

#navArea ul{
	margin:0;
	padding:0;
	height:20px;
}

#navArea li {
	float:left;
	list-style-type: none;
	height:auto;
	width:auto;
	margin:0;
	padding:5px 0 0 0;
	height:20px;
}

#navArea a, #navArea a:link {
	color: #000033;
	background-color: #B5BCC3;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF #71787F #5F666D #EDF6FF;
	font-size: 12px;
	text-decoration: none;
	text-transform:uppercase;
	margin:0;
	padding:2px 22px;
	font-weight:bold;
}

#navArea a:active, #navArea li a.navcurrent , #navArea a:focus, #navArea a:hover {
	color: #FFFFFF;
	background-color: #9FA5AB;
	border-color: #5F666D #EDF6FF #FFFFFF #71787F;
}		

#footer{
	color:#FFFFFF;
	font-size:9px;
	padding:0;
	width:750px;
	margin:0 auto;
	padding-top:10px;
	background-color:#000033;
}

#footer hr{
	height:2px;
	color:#FF0000;
	background-color:#FF0000;
	width:750px;
	padding:0;
	margin:0;
	clear:both;
}

#footer p{
	margin:5px;
}

html>body #footer p{
	margin:5px 10px 0 10px;
	padding-bottom:10px;
}

#leftGroup{
	float:left;
	width:380px;
	padding:0;
	height:auto;
	margin-right:10px;
	text-align:left;
}

html>body #leftGroup{
	width:385px;
}

#leftGroup.large{
	width:532px;
	height: 100%;
}

#leftGroup.single{
	margin:0 auto;
	float:none;
}

#leftGroup h2{
	color:#FFFFFF;
	font-size:14px;
	background:url(../images/heading_bar.jpg) left repeat;
	margin:0;
	padding-left:5px;
	font-style:italic;
	height:20px;
	text-transform:uppercase;
}

#leftGroup.large h2{
	background:url(../images/heading_bar_wide.jpg) left repeat;
}


#rightGroup{
	float:right;
	width:332px;
	padding:0;
	height:auto;
	overflow:hidden;
	text-align:left;
}
#rightGroup h2{
	color:#FFFFFF;
	font-size:14px;
	background:url(../images/heading_bar.jpg) left repeat;
	margin:0;
	padding-left:5px;
	font-style:italic;
	height:20px;
	text-transform:uppercase;
}

#rightGroup p{
	margin-top:10px;
	color:#000;
}

div.panel{
	background-color:#FFF;
	border:2px solid #000;
	width:100%;
	height:auto;
}

div.large{
	width:532px;
}

#rightGroup div.panel{
	padding:5px;
	height:94%;
}

#rightGroup div.subPage{
	padding:0;
	height:auto;
}

div.panel a, div.panel a:link, div.panel a:active{
	color:#CC3333;
}

div.panel a:hover{
	color:#FF0000;
}

div.panel a:focus, div.panel a:visited{
	color:#CC6666;
}

#rightGroup div.panel div.panelContent{
	padding:0px;
	height:100%;
}

#rightGroup div.panel div.panelContent{
	width:320px;
}

div.panel div.panelContent{
	overflow:auto;
	background-color:#FFF;
	margin:0;
	padding:5px;
	height:auto;
}

div.panel div.panelContent p{
	margin-top:0;
	color:#000;
}

div.panel div.panelContent h3{
	margin:0 0 5px 0;
	font-size:14px;
}

div.separatorLarge{
	margin:0 15px;
	height:10px;
	background-image:url(../images/tile_orange.jpg);
	background-position:top left;
	background-repeat:repeat;
	font-size:0; /* keeps the separator from expanding to 12px which is default text height */
}

div.separatorSmall{
	margin:0 15px;
	height:6px;
	background-image:url(../images/tile_orange.jpg);
	background-position:top left;
	background-repeat:repeat;	
	font-size:0; /* keeps the separator from expanding to 12px which is default text height */
}

.clear{
	clear:both;
}	

#welcome{
	height:240px;
}

html>body #welcome{
	margin:0 0 10px 0;
}

#welcome div.panelContent{
	height:220px;
}

#quickClicks{
	height:180px;
}

html>body #quickClicks{
	margin:0 0 10px 0;
}

#quickClicks div.panelContent{
	height:160px;
}

#news{
	height:161px;
}

#newsdiv.panelContent{
	height:141px;
}

.photoPanel{
	width:100%;
	text-align:center;
	margin:0;
}

html>body div.photoPanel{
	margin-bottom:15px;
}

div.photoPanel img{
	margin-right:10px;
	border:0;
}

.off{
	display:none;
}	

.on{
	display:block;
}

.photoSpace{
padding:10px;
float:right;}

#regfont{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}