/* Body Styles */
	body { font-family: Verdana, Arial, Helvetica, sans-serif; background: #284082; color: #000000; font-size: 62.5%; margin: 0; padding: 0; }
	#homemain { background-color: #fbfbf7; background-image: url(back_home2.jpg); background-repeat: no-repeat; background-position: right top; overflow: hidden; width: 100%; min-width: 600px; }
#welcomemain { background: #fbfbf7 url(Back_right_tile.jpg) repeat-y right top; width: 100%; overflow: hidden; min-width: 600px; }
#coursemain { background: #fbfbf7 url(Back_right_tile.jpg) repeat-y right top; width: 100%; min-width: 740px; overflow: hidden; }
/* Header Styles */
	#header { background: #284082; margin: 0; padding: 0; height: 75px; width: 100%; min-width: 600px; border-bottom: 1px solid #000; display: block; }
#header .logo { float: left; margin: 0; padding: 0; }
#header .strapline { font-size: 1.4em; color: #ffffff; font-weight: bold; float: right; margin: 0 0 0; padding: 18px 24px 0 0; }
#header img { float: left; }
#header h1 {
		font-family: 'Century Gothic', Verdana, Arial, Helvetica, sans-serif;
		font-size: 36px;
		margin: 0px;
		padding: 3px 5px;
		color: #ffffff;
		font-weight: normal;
		}
	#header p { font-size: 1.4em; text-align: right; color: #ffffff; font-weight: bold; float: right; padding: 0 24px 0 0; }
	#header a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		margin-right: 20px;
		}
	#header a:hover {
		color: #000000;
		font-weight: bold;
		text-decoration: underline;
		margin-right: 20px;
		}
	#header .on {
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		margin-right: 20px;
		}

/* Contact */	
	.field {
		background: #ffffff;
		color: #000000;
		width: 350px;
		margin: 2px;
		border: 0px;
		}
	.button {
		background: #FF9900;
		color: #000000;
		font-weight: bold;
		width: 70px;
		height: 25px;
		margin: 2px;
		border: 1px solid #ffffff;
		}
		

/* Footer Styles */
	#footer {
		background: #284082;
   		margin: 0;
		padding: 0;
		width: 100%;
		border-top: 1px solid #000;
		}
	#footer p { font-size: 1.2em; color: #ffffff; line-height: 150%; text-align: center; margin: 12px 0; padding: 0; }
	#footer a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		margin-right: 20px;
		}
	#footer a:hover {
		color: #000000;
		font-weight: bold;
		text-decoration: underline;
		margin-right: 20px;
		}
	#footer .on {
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		margin-right: 20px;
		}
	#footer .copyright {
		font-size: 1.1em; 
		line-height: normal;
		color: #ffffff;
		text-align: center;
		margin: 6px 10px;
		padding: 6px 10px;
		}

/* New Styles */

/* Left Column */
	#left { padding: 20px 20px 20px 40px; float: left; width: 58%; }
	#left h1 { font-size: 1.5em; line-height: 1.25em; color: #5b411c; margin: 0 0 12px; }
#left h2 { color: #284082; font-size: 1.25em; line-height: 1.25em; margin: 0; }
#left h3 {
		font-size: 1em; 
		line-height: 1.25em;
		color: #ffffff;
		margin-top: 10px;
		margin-bottom: 0px;
		padding: 0px;
		font-weight: bold;
		}
	#left h4 {
		font-size: .75em; 
		line-height: 1em;
		color: #FF9900;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
		font-weight: bold;
		}
	#left p { font-size: 1.3em; line-height: 140%; color: #1a1a1a; font-weight: normal; margin: 0; padding: 6px 0; }
#left .instructor { color: #284082; font-size: 1.4em; font-weight: bold; line-height: 140%; background-color: #e1e1e1; margin: 12px 0 0 -6px; padding: 8px 0 2px 6px; border-top: 1px dotted #808080; border-left: 4px solid #fdf5bb; }
#left .course { color: #284082; font-size: 1.4em; font-weight: bold; line-height: 140%; background-color: #e1e1e1; margin: 12px 0 0 -6px; padding: 8px 0 2px 6px; border-top: 1px dotted #808080; border-left: 4px solid #fdf5bb; }
#left .courseinst { color: #1a1a1a; font-size: 1.3em; font-weight: bold; line-height: normal; margin: 0 0 0; padding: 8px 0 0 6px; }
#left .courselength { color: #1a1a1a; font-size: 1.3em; font-weight: normal; font-style: italic; line-height: normal; margin: 6px 0 0; padding: 0 0 2px 12px; }
#left .descript { color: #1a1a1a; font-size: 1.3em; font-style: normal; line-height: 140%; margin: 0; padding: 4px 0 4px 18px; }
#left .descript { color: #1a1a1a; font-size: 1.3em; font-style: normal; line-height: 140%; margin: 0; padding: 4px 0 4px 18px; }
#left .outline { color: #1a1a1a; font-size: 1.3em; font-weight: bold; line-height: 140%; margin: 0; padding: 4px 0 4px 18px; }
#left a { color: #284082; text-decoration: underline; }
	#left a:hover { color: #284082; background-color: #fef29b; text-decoration: none; }
	#left ul { margin: 0;
	;padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }
	#left ul li {
		list-style: square;
		font-size: 1.3em; 
		line-height: 140%;
		color: #1a1a1a;
		margin: 0;
		padding: 2px;
		}
	#left ol li {
		list-style: decimal;
		font-size: 1.3em; 
		line-height: 140%;
		color: #1a1a1a;
		margin: 0;
		padding: 2px;
		}
.category { color: #5b411c; font-weight: bold; }
.categorytxt { color: #145939; font-weight: normal; }
/* Right Column */
	#right { width: 30%; float: right; margin: 0; padding: 0; }
#right img { margin: 0; padding: 0; display: block; }
div>#right {
		float: right;
		}
	#right h2 {
		font-size: 1.25em; 
		line-height: 1.25em;
		color: #FF9900;
		margin: 0px;
		padding-top: 20px;
		padding-bottom: 0px;
		}
	#right h3 {
		font-size: 1em; 
		line-height: 1.25em;
		color: #ffffff;
		margin-top: 10px;
		margin-bottom: 0px;
		padding: 0px;
		font-weight: bold;
		}
	#right h4 {
		font-size: .75em; 
		line-height: 1em;
		color: #FF9900;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px;
		font-weight: bold;
		}
	#right p { font-size: 0.87em; color: #000; text-align: right; margin: 0 5px 0 0; padding-bottom: 0; }
#right a {
		color: #ffffff;
		font-weight: normal;
		}
	#right a:hover {
		color: #FF9900;
		font-weight: normal;
		}
/*Start right navigation*/
#nav
{ background-image: none; vertical-align: top; width: 220px; float: right; margin: 0; padding: 0; }

#nav ul
{
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
}

#nav li
{
	color: #284082;
	font-size: 1.3em;
	line-height: 150%;
	text-decoration: none;
	list-style-type: none;
	margin: 0;
	padding: 4px 1px;
	border-bottom: 1px solid #a69d72;
}

#nav li a:link
{
	color: #284082;
	text-decoration: none;
	padding-right: 1px;
	padding-left: 1px;
}

#nav li a:visited
{
	color: #284082;
	text-decoration: none;
	padding-right: 1px;
	padding-left: 1px;
}

#nav li a:hover
 { color: #900; text-decoration: underline; margin-right: 0; margin-left: 0; padding-right: 1px; padding-left: 1px }
/* General Styles */
.emphize { color: #284082; }
.small { font-size: 0.86em; line-height: normal; }
img {
		display: block;
		}
dl { font-size: 1.3em; line-height: normal; margin: 12px 0 0 24px; padding: 0; }
dt { color: #1c5b59; font-weight: bold; margin: 0 0 6px; padding: 0; list-style-type: square; list-style-position: outside; display: list-item; }
dd { line-height: 140%; margin: 0 0 18px 12px; padding: 0; }
/* Specific Styles */
.imgritbrd { float: right; margin-bottom: 6px; margin-left: 12px; border: solid 1px #000; }
.border {
		margin-top: 5px;
		margin-right: 20px;
		margin-bottom: 10px;
		padding: 2px;
		border: 1px solid #ffffff;
		}
	#right .more {
		color: #FF9900;
		font-weight: bold;
		}
	#right .more:hover {
		color: #FFF;
		font-weight: bold;
		}
	#left p.currentevent {
		padding-top: 0px;
		}
	#left h2.currentevent {
		margin-top: 445px;
		}
	.trim {
		padding: 2px;
		border: 1px solid #ffffff;
		}