/* CSS Document */

body {
	background: #FFF url(../Images/header_bg.gif) repeat-x top left;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
img, form {
	margin: 0;
	padding: 0;
	border: 0;
}
input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
}

/* Header */
#Header {}
	#Header .Logo, #HomeHeader .Logo {
		padding: 12px 0 8px 8px;
	}
	#PrintHeader { display: none; }
	#Header .Expand {
		background: url(../Images/expand_bg.gif) repeat-x bottom left;
		height: 154px;
		margin: 0 10px;
		min-width: 750px;
	}
		#Header .ExpandEnd {
			float: right;
			margin-top: 69px;
		}
		#Header .Title {
			float: left;
			width: 282px;
			margin: 0;
			padding: 0;
		}
	#Header .Nav, #HomeHeader .Nav {
		position: absolute;
		top: 64px;
		left: 292px;
		z-index: 7;
		width: 474px;
		margin: 0;
		padding: 0;
	}
		#Header .Nav ul, #HomeHeader .Nav ul {
			list-style: none;
			margin: 0;
			padding: 0;
			float: left;
		}
			#Header .Nav li, #HomeHeader .Nav li {
				margin: 0;
				padding: 0;
				height: 20px;
				width: 158px;
			}
			#Header .Nav a, #HomeHeader .Nav a { 
				display: block;
			}
			#Header .Nav .Third, #HomeHeader .Nav .Third {
				margin-top: 20px;
			}

/* Footer */
#Footer {
	clear: both;
	background: url(../Images/footer_bg.gif) repeat-x bottom left;
	height: 50px;
	margin: 0 10px;
}
	#Footer .Copyright {
		font-size: 9px;
		letter-spacing: -0.3px;
		margin-left: 259px;
	}
	#Footer .Nav ul, #HomeFooter .Nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		margin-left: 178px;
	}
		#Footer .Nav li, #HomeFooter .Nav li {
		margin-top: 7px;
		float: left;
		}
		#Footer .Nav a, #HomeFooter .Nav a { display: block; }

/* Home */
#HomeHeader { margin-bottom: 10px; }
	#HomeHeader .Expand {
		background: url(../Images/home_expand_bg.gif) repeat-x bottom left;
		height: 254px;
		margin: 0 10px;
	}
		#HomeHeader .ExpandEnd {
			float: right;
			margin-top: 75px;
		}
		#HomeHeader .Title {
			float: left;
			width: 282px;
			margin: 0;
			padding: 0;
		}
#HomeContainer {
	clear: both;
	width: 750px;
	margin-left: 10px;
	background: url(../Images/home_courses_bg.gif) repeat-y top left;
}
	#HomeContent {
		font-size: 12px;
	}
		#HomeContent div {
			float: left;
			width: 250px;
		}
			#HomeContent div h2 {
				margin: 0;
				padding: 0;
			}
			#ColumnWelcome p {
				margin: 0;
				padding: 5px 10px;
			}
			#ColumnCourses {
				background: #F3F3F3;
				min-height: 225px;
			}
				#ColumnCourses p {
					margin: 0;
					padding: 0;
				}
				#ColumnCourses .Date {
					background: #DB9D2C;
					color: #000;
					font-weight: bold;
					margin: 10px 10px 3px 10px;
					padding: 1px 3px;
					width: 63px;
				}
				#ColumnCourses .Desc {
					background: #F3F3F3 url(../Images/home_bullet.gif) no-repeat center left;
					/*text-indent: 12px;*/
					font-weight: bold;
					color: #000;
					margin: 3px 10px;
					padding-left: 12px;
				}
					#ColumnCourses .Desc a:link { color: #4866AF; text-decoration: underline; }
					#ColumnCourses .Desc a:visited { color: #4866AF; text-decoration: underline; }
					#ColumnCourses .Desc a:hover { color: #996600; text-decoration: underline; }
					#ColumnCourses .Desc a:active { color: #996600; text-decoration: underline; }
				#ColumnCourses hr {
					background: #E7E7E7;
					color: #E7E7E7;
					height: 2px;
					width: 230px;
					border: none;
				}
				#ColumnInfo div {
					margin-top: 3px;
				}
	.HomeCopyright {
		font-size: 9px;
		letter-spacing: -0.3px;
		text-align: center;
	}
	#HomeFooter {
		clear: both;
		background: url(../Images/footer_bg.gif) repeat-x bottom left;
		height: 40px;
		margin: 0 10px;
	}

	
/* Body */
#Container {
	clear: both;
	width: 750px;
	background: url(../Images/content_bg.gif) no-repeat top left;
}
	#Content {
		margin-left: 107px;
		padding-bottom: 10px;
		font-size: 12px;
	}
		#Content .Clear { clear: both; }
		#Content hr {
			background: #E7E7E7;
			color: #E7E7E7;
			height: 2px;
			width: 100%;
			border: none;
		}
		#Content a { font-weight: bold; }
			#Content a:link { color: #4866AF; text-decoration: underline; }
			#Content a:visited { color: #4866AF; text-decoration: underline; }
			#Content a:hover { color: #996600; text-decoration: underline; }
			#Content a:active { color: #996600; text-decoration: underline; }
		#Content h2, h3, h4, h5, h6 {
			margin: 0 0 3px;
			padding: 12px 0 0;
		}
		#Content h2 {
			padding-top: 25px;
			padding-bottom: 5px;
			font-size: 18px;
		}
		#Content h3 {
			font-size: 15px;
			color: #4866AF;
			border-bottom: 1px solid #4866AF;
		}
		#Content h4 {
			font-size: 13px;
			color: #996600;
			border-bottom: 1px solid #996600;
		}
		#Content h5 {
			font-size: 13px;
			color: #4866AF;
		}
			.Course {
				font-size: 12px;
				color: #555;
				font-weight: normal;
			}
		#Content p {
			margin: 0;
			padding: 10px 0 10px;
			line-height: 18px;
		}
			#Content p strong { color: #555; }
			#Content .RegLinks {
				font-size: 11px;
			}
				#Content .RegLinks a:link { color: #DB9D2C; text-decoration: underline; }
				#Content .RegLinks a:visited { color: #DB9D2C; text-decoration: underline; }
				#Content .RegLinks a:hover { color: #88AAD6; text-decoration: underline; }
				#Content .RegLinks a:active { color: #88AAD6; text-decoration: underline; }
			.Prereq {
				color: #4866AF;
				font-weight: bold;
				font-style: italic;
			}
			ul.List {
				list-style: url(../Images/list-bullet.gif);
			}
				.List li {
					padding: 3px;
					color: #4866AF;
				}
				ol.List li { color: #996600; }
			.LinkList {
				list-style: url(../Images/list-bullet.gif);
			}
				.LinkList li {
					padding: 3px 0;
				}
				#Content .LinkList li a:link { color: #996600; text-decoration: underline; }
				#Content .LinkList li a:visited { color: #996600; text-decoration: underline; }
				#Content .LinkList li a:hover { color: #88AAD6; text-decoration: underline; }
				#Content .LinkList li a:active { color: #88AAD6; text-decoration: underline; }
			.TopLink {
				font-size: 11px;
				background: url(../Images/icon_top.gif) no-repeat center left;
				text-indent: 10px;
			}
				#Content .TopLink a { font-weight: normal; }
			#Content table {
				border-right: 1px solid #CCC;
				border-top: 1px solid #CCC;
			}
			#Content .Offering {
				margin: 0;
				padding: 0;
				font-weight: bold;
				color: #4866AF;
			}
			#Content .CourseTable, 
				#Content .CourseTable td table, 
				#Content .CourseTable td table th,
				#Content .CourseTable th { 
					border: none; }
			
			#Content table caption {
				display: none;
			}
			#Content td, #Content th {
				color: #996600;
				border-left: 1px solid #CCC;
				border-bottom: 1px solid #CCC;
				padding: 2px 4px;
			}
		#Content .CourseTable { clear: both; }
			#Content .CourseTable td {
				color: #000;
				border: none;
			}
				#Content .CourseTable th {
					font-size: 13px;
					color: #996600;
					border-bottom: 1px solid #996600;
					text-align: left;
			}
				#Content .CourseTable td strong {
					color: #4866AF;
					font-size: 13px;
				}
			#Content .CourseTable table { border: none; }
			#Content .CourseTable h4 {
				background: url(../Images/course-bullet.gif) no-repeat bottom left;
				text-indent: 12px;
			}
			.CourseLinksTop {
				float: right;
				margin-top: -40px;
			}
			.CourseLinksBottom {
				float: right;
				margin-top: -34px;
			}
			.Sticky {
				background: #F4DB42 url(../Images/sticky.gif) no-repeat top left;
				width: 241px;
				height: 193px;
				float: right;
				margin: 0 0 20px 20px;
				padding: 0;
			}
				#Content .Sticky p {
					font-size: 11px;
					padding: 47px 30px 35px 37px;
				}

/* Printable Reg Form */
#PrintReg {
	width: 610px;
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
}
	#PrintReg td {
		text-align: left;
		font-size: 12px;
	}
	#PrintReg h2, h3, h4, h5, h6 {
		margin: 0 0 3px;
		padding: 12px 0 0;
	}
	#PrintReg h2 {
		padding-top: 25px;
		padding-bottom: 5px;
		font-size: 18px;
	}
	#PrintReg h3 {
		font-size: 15px;
		color: #4866AF;
		border-bottom: 1px solid #4866AF;
	}
	#PrintReg h4 {
		font-size: 13px;
		color: #996600;
		border-bottom: 1px solid #996600;
	}
	#PrintReg h5 {
		font-size: 13px;
		color: #4866AF;
	}	
	#PrintReg .TableBorder {
		border-left: 1px solid #333;
		border-top: 1px solid #333;
	}
		#PrintReg .TableBorder td, #PrintReg .TableBorder th {
			border-right: 1px solid #333;
			border-bottom: 1px solid #333;
			text-align: center;
		}