body {
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	background: #F6F6F6 url(../../images/bg.jpg) repeat-x left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	}
img, form {
	margin: 0;
	padding: 0;
	border: 0;
	}
:focus { outline: none; }

.Clear { clear: both; }

#Container {
	width: 770px;
	margin: 0 auto;
	}
	
h1 {
	margin: 0 0 0 -10px;
	padding: 0;
	}
h2 {
	font-size: 17px;
	color: #0081C5;
	}
h3 { 
	font-size: 16px;
	color: #0081C5;
	}

.forms {font-size: 15px;}
	
strong { color: #0081C5; }

a:link { color: #0081C5; text-decoration: underline; }
a:visited { color: #0081C5; text-decoration: underline; }
a:hover { color: #686868; text-decoration: underline; }
a:active { color: #686868; text-decoration: underline; }


/* ---------------------------
	HEADER
--------------------------- */

#PrintHeader { display: none; }
#Header {}
	#UogLogo { float: left; }
	#Title { float: right; }
	
	
/* ---------------------------
	FOOTER
--------------------------- */
#Footer {
	background: #8AC5E5 url(../../images/footer_bg.jpg) repeat-x left top;	clear: both;
	font-size: 11px;
	height: 41px;
	padding: 20px 10px 0 10px; 
	}
	.Copyright { float: left; }
	.Links { float: right; }
		.Links a:hover { color: #0081C6; }
		.Links a:active { color: #0081C6; }
	
	
/* ---------------------------
	MENU
--------------------------- */

#Menu { }
	#Menu div, #Menu ul { float: left; }
	#Menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		#Menu li {
			float: left;
			height: 62px;
			margin: 0;
			padding: 0;
			}
			#Menu a {
				background-color: #8AC5E5;
				background-position: left top;
				background-repeat: no-repeat;
				display: block;
				height: 100%;
				}
				#Menu a.Home {
					background-image: url(../../images/menu_home.jpg);
					width: 94px;
					}
				#Menu a.Courses {
					background-image: url(../../images/menu_courses.jpg);
					width: 115px;
					}
				#Menu a.Register {
					background-image: url(../../images/menu_reg.jpg);
					width: 112px;
					}
				#Menu a.Instructors {
					background-image: url(../../images/menu_instr.jpg);
					width: 133px;
					}
				#Menu a.Faq {
					background-image: url(../../images/menu_faq.jpg);
					width: 80px;
					}
				#Menu a.Contact {
					background-image: url(../../images/menu_contact.jpg);
					width: 111px;
					}
				
				#Menu a span { margin-left: -9999px; }
				#Menu a:hover { background-position: left bottom; }
	
	
/* ---------------------------
	HOME PAGE
--------------------------- */

#HomeTop {
	background: #0081C5 url(../../images/sidebar_bg.gif) repeat-x left top;
	height: 251px;
	}
	#OasboLogo {
		margin-left: 0px;
		margin-top: 9px;
		z-index: 7
		}
	#HomeImg { float: right; }

#HomeBottom {
	background: #FFF url(../../images/home_btm_bg.jpg) repeat-y right top;
	border-left: 1px solid #e6e6e6;
	}
	#HomeContent {
		float: left;
		margin-left: 10px;
		width: 500px;
		}
	#Upcoming {
		background: url(../../images/upcoming_bg.jpg) no-repeat left top;
		color: #FFF;
		float: right;
		padding-left: 20px;
		width: 218px;
		}
		#Upcoming ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
			#Upcoming li {
				color: #FFF;
				font-size: 11px;
				padding-left: 5px;
				}
				#Upcoming li strong { 
					color: #FFF;
					font-size: 12px;
					}
				#Upcoming li a { font-weight: bold; }


	
/* ---------------------------
	CONTENT AREA
--------------------------- */

#Content {
	background: #FFF url(../../images/content_bg.jpg) repeat-y left top;
	border-right: 1px solid #e6e6e6;
	}
	#ContentInner {
		background: url(../../images/sidebar_bg.gif) no-repeat left top;
		padding: 0 10px 10px 135px;
		}
		#ContentInner ol li {
		color:#686868;
		font-weight:bold;
		}
		#ContentInner .top {
		width:620px;
		border-bottom:#FFCC00 solid 1px;
		font-size:9px;
		padding-bottom:15px;
		
		}
		#ContentInner .courses ul {
		padding:0;
		margin:0;
		}	
		#ContentInner .courses .shaded {
		background:#FFF5DA;
		}
		#ContentInner .photo {
		border:#FFCC00 1px solid;
		float:left;
		margin:5px 5px 0 5px;
		}		
		ul {
		list-style:url(../../images/bullet.gif);
		}
		.core {
		list-style:url(../../images/bullet-arrow.gif);
		line-height:24px;
		font-weight:bold;
		}
		.register-box {
		background:#c5e2f1;
		border:#666666 solid 1px;
		padding:7px;
		margin:5px;
		} 
		.note {font-size:11px;}
		.course-title {color:#000000; }
		.course-title a:link { color: #000000; text-decoration: underline; }
		.course-title a:active { color: #000000; text-decoration: underline; }		
		.course-title a:visited { color: #000000; text-decoration: underline; }
		.course-title a:hover { color: #0081C5; text-decoration: underline; }
		
		.grey a:link { color: #686868; text-decoration: underline; }
		.grey a:active { color: #686868; text-decoration: underline; }		
		.grey a:visited { color: #686868; text-decoration: underline; }
		.grey a:hover { color: #0081C5; text-decoration: underline; }	
		


input[type=submit] {
	background: #8AC5E5;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	border-width: 1px;
	border-style: solid;
	border-top-color: #FFF;
	border-left-color: #FFF;
	border-bottom-color: #CCC;
	border-right-color: #CCC;
	padding: 3px 4px;
	text-transform: uppercase;
	}

.CoursesLogin {
	background: #FFF5DA;
	padding: 1px 5px 5px 10px;
	border: 1px solid #FFCC00;
	}