/* Body Styles */
html body { color: #000000; font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; background: #284082; margin: 0; padding: 0; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; background: #284082; color: #000000; font-size: 62.5%; margin: 0; }
#homemain { background-color: #fbfbf7; background-image: url(back_home2.jpg); background-repeat: no-repeat; background-position: right 0; overflow: hidden; width: 100%; min-width: 600px; }
#welcomemain { background-color: #fbfbf7; background-image: url(Back_right_tile.jpg); background-repeat: repeat-y; background-position: right 0; width: 100%; min-width: 600px; }
/* Header Styles */
	#header { background: #284082; margin: 0; padding: 0; height: 75px; width: 100%; min-width: 600px; border-bottom: 1px solid #000; }
#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; }
/* Footer Styles */
	#footer { background: #284082; margin: 0; padding: 0; width: 100%; clear: both; 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 { background-color: #fbfbf7; width: 58%; padding: 20px 20px 20px 40px; float: left; }
	#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 .highlite a { color: #903; font-size: 1em; font-weight: bold; line-height: normal; 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 0 0 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 .available { color: #1a1a1a; font-size: 1.4em; font-style: italic; line-height: 140%; background-color: #fbfbf7; margin: 0 0 0 0; padding: 8px 0 2px 6px; }
#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 .fees { color: #1a1a1a; font-size: 1.3em; line-height: 140%; margin: 0; padding: 4px 0 4px 18px; }
#left .note { font-size: 1.2em; background-color: #dee3d9; margin: 6px 8px; padding: 6px 8px; }
#left .smallright { font-size: 1.1em; line-height: normal; text-align: right; }
#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 { background-color: #fbfbf7; background-image: url(Back_right_tile.jpg); background-position: right 0; position: absolute; top: 76px; right: 0; width: 240px; z-index: 1000; overflow: visible; float: right; margin: 0; padding: 0; }
div>#right { float: right; margin: 0; padding: 0; }
	#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: #575757; text-align: right; margin: 0 5px 0 0; padding: 0; }
#right a {
		color: #ffffff;
		font-weight: normal;
		}
	#right a:hover {
		color: #FF9900;
		font-weight: normal;
		}
/*Start right navigation*/
#nav
{ background-color: transparent; width: 220px; overflow: visible; }

#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; font-weight: bold; }
.small { font-size: 0.86em; line-height: normal; }
img { margin: 0; padding: 0; 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;
		}