<style type="text/css"> 
<!-- 

body  {
	font: 100% "Trebuchet MS", Arial, Helvetica, "san serif";
	background: #FBF7F6;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #171C42;
}

H1, H2, H3, H4, H5, H6 { font-family: "Trebuchet MS", Arial, Helvetica, "san serif"; }

P, td, th, blockquote, ol, ul, dl, dt, dd, li, input, select, textarea { font-family: "Trebuchet MS", Arial, Helvetica, "san serif"; 
	font-size: 9pt;
	color:#171C42;
	}

th { background:#e1e1e1; }

H1 {
	font-size: 14pt;
	margin-top:5px;
	margin-bottom:5px;
	color:#556280;
}

H2 {
	color:#666F8B;
	font-size:14pt;
	text-align:center;
}

H3 {
	color:#797D97;
	font-size: 12pt;
	border-bottom:1px solid #797D97;
}

H4 {
	font-size: 12pt;
	color:#797D97;
	border-bottom:2px solid #797D97;
}

H5 {
	font-size: 10pt;
	color:#8F5A33;
}

H6 { font-size: 9pt; }

tr {vertical-align: top;}

a, a:link, a:active, a:visited { color:  #515087;
	border:none;}

a:hover { color:  #6768B0;
	border:none;}

ul li {
	padding-bottom:3px;
	list-style-image: url(../images/bullet1.gif);
	}
	
ul li ul li{
	padding-bottom:3px;
	list-style-image: url(../images/bullet2.gif);
	}	
	
ul li ul li ul li{
	padding-bottom:3px;
	list-style-image: url(../images/bullet3.gif);
	}	
	
ul li ul li ul li ul li{
	padding-bottom:3px;
	list-style-image: url(../images/bullet4.gif);
	}	
	
ul li ul li ul li ul li ul li{
	padding-bottom:3px;
	list-style-image: url(../images/bullet5.gif);
	}				

#container {
	width: 100%;
	vertical-align: middle;
	/*margin: 0 auto;  the auto margins (in conjunction with a width) center the page if needed */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(../images/background_gradient.gif);
	background-repeat: repeat-x;
	background-color: #FBF7F6;
}  
#header {
	height: 78px;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-color: #556280;
	background-image: url(../images/background_rightheader.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	} 
	
#banner {
	height: 78px;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-color: #556280;
	}
	
#banner table {
	height: 78px;
	border:0;
	border-spacing:0;
	padding: 0;  
	background-color: #556280;
	width:100% 
	
	} 	
	
#banner tr td.rightsection {
	background-image: url(../images/subheader.gif);
	background-color: #556280;
	background-repeat: no-repeat;
	background-position: right;
}
	
#banner tr td.leftsection {
	background-image: url(../images/subheader_left.gif);
	background-color: #556280;
	background-repeat: no-repeat;
	background-position: left;
	width:170px;
	}
		
#sidenav {
	float: left;
	width: 129px;
	margin: 0;
	padding: 0/* top and bottom padding create visual space within this div */;
	background-image: url(../images/background_sidenav.gif);
	background-color: #556280;
	background-repeat: no-repeat;
}
/*#sidenav h3, #sidenav p, #sidenav a, #feature a, #feature p, #feature h3 {
	margin-left: 10px; 
	margin-right: 10px;
}*/

#sidenav a, #sidenav a:link, #sidenav a:active, #sidenav a:visited {
	color: #ffffff;
	font-weight: bold;
	display: block;
	border-color: #7678B9;
	border-width: 2px;
	border-style: solid;
	border-top: none;
	border-left: none;
	border-right: none;
	text-decoration: none;
	font-size: 13px;
}


#sidenav a:hover {
	background-color: #86A1B3;
}
	
#inav {
	width: 129px;
	height:  690px;
	margin: 0px;
	padding: 0 10px; /* top and bottom padding create visual space within this div */
	}
	
/*TopNavigation Styles*/
#topnav {float: right }

#topnav a, #topnav a:link, #topnav a:visited, #topnav a:active {
	display: inline-block;
	border-left:1px solid #ffffff;
	white-space: nowrap;
	color: #FFFFFF;
	height:25px;
	font-size: 8pt;
	background-color: #556280;
	text-decoration: none;
	text-align: left;
	padding: 5px;
	}

#topnav a:hover {
	color: #171C42;
	background: #86A1B3;
}
	
	
#feature {
	float: right;
	height: 690px;
	width: 250px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0; /* top and bottom padding create visual space within this div */
	background-image: url(../images/background_feature.gif);
}

#feature li {
	list-style-image: url(../images/bullet2.gif);
	}

#feature a, #feature a:link, #feature a:active, #feature a:visited {
	color: #515087;
	font-weight: bold;
	display: block;
	border-color: #7678B9;
	border-width: 1px;
	border-style: solid;
	border-top: none;
	border-left: none;
	border-right: none;
	text-decoration: none;
	margin: 0px;
	width: 98%;
	font-size: 14px;
}

#feature a:hover {
	color: #6768B0;
	text-decoration: none;
}


#mainContent {
	margin: 0 25px 0 25px;
	padding: 0;
	}

#mainContent img.right{
	padding:4px;
	border:1px solid #515087;
	float: right;
	}
	
#mainContent img.left{
	padding:4px;
	border:1px solid #515087;
	float: left;
	}
	

#mainContent table {
	/*width: 100%;*/
	padding:0;
	border-spacing: 0;
	border: none;
	}
	
#mainContent table a {
	text-decoration: none;
	}

#mainContent table.local tr td {
	border-bottom:1px solid #7678B9;
	padding-top:7px;
	padding-bottom:7px;
}	

#mainContent table.local tr td img {
	border:3px solid #7678B9;
	width:125px;
	
}	

#mainContent table.shipping tr td.1 {
	border-left:2px solid #ffffff;
	padding-top:3px;
	border-top:  2px solid #C0936F;
	padding-bottom:3px;
	}

#mainContent table.shipping li { list-style-image: url(../images/bullet_course.gif); 
}

#mainContent table.shipping tr td.2 {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	border-left: none;
	border-top:  2px solid #C0936F;
	white-space: nowrap;
}

#cornergraphic {
	margin: 0px 250px 0px 129px;
	padding: 0px;
}

#cornergraphic img.right {
	margin: 0px;
	padding: 0px;
	float: right;
}

#cornergraphic img.left {
	margin: 0px;
	padding: 0px;
	float: left;
}

#24 {
	background-image:url(../images/24_small.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
	 
#footer {
	margin: 25px 20px 0px 20px;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border-top:2px solid #7678B9;
	}
	 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
	color: #91ABA2;
	font-size: 8pt;
	text-decoration: none;
}

#footer a, #footer a.link, #footer a.active, #footer a.visited {
	color: #7678B9;
	font-size: 8pt;
	text-decoration: none;
}

#footer a.hover {
	color: #6768B0;
	font-size: 8pt;
	text-decoration: underline;
}

.floatright { 
	float: right;
	margin-left: 8px;
}
.floatleft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#callout {
	margin-right: auto;
	margin-left: auto;
	width: 400px;
	}

#callout table{
	width: 405px;
	border: 0px;
	margin: 0;
	border-spacing:0;
	padding: 0px;
	}

#callout tr td {
	background-repeat:no-repeat;
	height: 47px;
}

#callout tr td.repeat {background-repeat: repeat-y;
	height: auto;}

#callout h1{
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

#callout p{
	color: #ffffff;
	text-align: center;
}

#calloutRegistration {
	float:right;
	padding:10px;
	margin:10px;
	border: 1px solid #90431F;
	background: #AE8567;
	}

#calloutRegistration p{
	color: #ffffff;
	text-align: center;
}


#calloutCenter {
	text-align:center;
	padding:3px;
	margin:3px;
	border: 1px solid #90431F;
	background: #AE8567;
	}

#calloutCenter p{
	color: #ffffff;
	text-align: center;
	padding:2px;
	margin:0px;
}
.navinitial {
	background-color: #00A1B1;
	font-size:8pt;
}

.navhighlight { background-color: #84CECF; }

.largetext { font-size: 14pt; }

.calloutbox { color: #8F4014; }

.nav {
	color: #FFFFFF;

	font-size: 8pt;
	text-decoration: none;
}

a.nav {
	color: #FFFFFF;

	font-size: 8pt;
	text-decoration: none;
}

a.nav:link {
	color: #FFFFFF;

	font-size: 8pt;
	text-decoration: none;
}

a.nav:visited {
	color: #FFFFFF;

	font-size: 8pt;
	text-decoration: none;
}

a.nav:hover {	/*color: #0D6A93;*/
	background: #045E79;
	/*color: #045E79;*/
	
	font-size: 8pt;
	/*text-decoration: underline; */
		text-decoration: none;
}

.navtop {
	color: #FFFFFF;

	font-size: 8pt;
	text-decoration: none;
}

a.navtop {
	color: #FFFFFF;

	font-size: 8pt;
	text-decoration: none;
}

a.navtop:link {
	color: #FFFFFF;

	font-size: 8pt;
	text-decoration: none;
}

a.navtop:visited {
	color: #FFFFFF;

	font-size: 8pt;
	text-decoration: none;
}

a.navtop:hover {
	background: #045E79;

	font-size: 8pt;
	text-decoration: none;
}

.nav2 {
	background:#003399;
	color: #FFFFFF;

	font-size: 10pt;
	text-decoration: none;
}

a.nav2 {
	background:#003399;
	color: #FFFFFF;

	font-size: 10pt;
	text-decoration: none;
}

a.nav2:link {
	background:#003399;
	color: #FFFFFF;

	font-size: 10pt;
	text-decoration: none;
}

a.nav2:visited {
	background:#003399;
	color: #FFFFFF;

	font-size: 10pt;
	text-decoration: none;
}

a.nav2:hover {
	background:#003399;
	color: #FFFFFF;

	font-size: 10pt;
	text-decoration: underline;
}

.navsub {
	color: #003399;

	font-size: 8pt;
	text-decoration: none;
}

a.navsub {
	color: #003399;

	font-size: 8pt;
	text-decoration: none;
}

a.navsub:link {
	color: #003399;

	font-size: 8pt;
	text-decoration: none;
}

a.navsub:visited {
	color: #003399;

	font-size: 8pt;
	text-decoration: none;
}

a.navsub:hover {
	color: #003399;

	font-size: 8pt;
	text-decoration: underline;
}

.bannernav {
	color: #FFFFFF;

	font-size: 10pt;
	text-decoration: none;
}

a.bannernav {
	color: #FFFFFF;

	font-size: 10pt;
	text-decoration: none;
}

a.bannernav:link {
	color: #FFFFFF;

	font-size: 10pt;
	text-decoration: none;
}

a.bannernav:visited {
	color: #FFFFFF;

	font-size: 10pt;
	text-decoration: none;
}

a.bannernav:hover {
	background:#FFAE5E;
	color: #003399;

	font-size: 10pt;
	text-decoration: underline;
}

.bannerlink {
	color: #FFFFFF;

	font-size: 10pt;
	text-decoration: none;
}

a.bannerlink {
	color: #FFFFFF;

	font-size: 10pt;
	text-decoration: none;
}

a.bannerlink:link {
	color: #FFFFFF;

	font-size: 10pt;
	text-decoration: none;
}

a.bannerlink:visited {
	color: #FFFFFF;

	font-size: 10pt;
	text-decoration: none;
}

a.bannerlink:hover {
	background:#FFAE5E;
	color: #003399;

	font-size: 10pt;
	text-decoration: underline;
}

.tablenav {
	color: #0000CC;
	text-decoration: none;
}

a.tablenav {
	color: #0000CC;
	text-decoration: none;
}

a.tablenav:link {
	color: #0000CC;
	text-decoration: none;
}

a.tablenav:visited {
	color: #0000CC;
	text-decoration: none;
}

a.tablenav:hover {
	color: #0000CC;
	background:#99cccc;
	text-decoration: underline;
}

.subnavbar {
	border-right:1px solid #99cccc;

	font-size: 10pt;
	text-decoration: none;
}

.link {
	color: #000099;

	/*font-weight: bold;
	font-size: 10pt;*/
	text-decoration: none;
}

a.link {
	color: #0000FF;

	font-size: 9pt;
	text-decoration: none;
}

a.link:link {
	color: #0000FF;

	font-size: 9pt;
	text-decoration: none;
}

a.link:visited {
	color: #0000FF;

	font-size: 9pt;
	text-decoration: none;
}

a.link:hover {
	color: #7B67AF;

	font-size: 9pt;
	text-decoration: underline;
}

.details {
	color: #0000FF;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

a.details {
	color: #0000FF;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

a.details:link {
	color: #0000FF;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

a.details:visited {
	color: #0000FF;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

a.details:hover {
	color: #7DB3E1;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
}

.small {
	font-size: 8pt;
	text-decoration: none;
}

a.small {
	font-size: 8pt;
	text-decoration: none;
}

a.small:link {
	font-size: 8pt;
	text-decoration: none;
}

a.small:visited {
	font-size: 8pt;
	text-decoration: none;
}

a.small:hover {
	font-size: 8pt;
	text-decoration: underline;
}

.smalllink {
	color: #0000CC;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

a.smalllink {
	color: #0000CC;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

a.smalllink:link {
	color: #0000CC;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

a.smalllink:visited {
	color: #0000CC;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

a.smalllink:hover {
	color: #7B67AF;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
}

.smallblack {
	color: #000000;

	font-size: 8pt;
	text-decoration: none;
}

a.smallblack {
	color: #3366cc;

	font-size: 8pt;
	text-decoration: none;
}

a.smallblack:link {
	color: #3366cc;

	font-size: 8pt;
	text-decoration: none;
}

a.smallblack:visited {
	color: #3366cc;

	font-size: 8pt;
	text-decoration: none;
}

a.smallblack:hover {
	color: #990000;

	font-size: 8pt;
	text-decoration: underline;
}

.smallclear {
	color: #ffffff;

	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
}

a.smallclear {
	color: #ffffff;

	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
}

a.smallclear:link {
	color: #ffffff;

	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
}

a.smallclear:visited {
	color: #ffffff;

	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
}

a.smallclear:hover {
	color: #ffffff;

	font-weight: bold;
	font-size: 8pt;
	text-decoration: none;
}

.note {
	color: #00A1B1;

	font-size: 8pt;
	text-decoration: none;
}

a.note {
	color: #0000FF;

	font-size: 8pt;
	text-decoration: none;
}

a.note:link {
	color: #0000FF;

	font-size: 8pt;
	text-decoration: none;
}

a.note:visited {
	color: #0000FF;

	font-size: 8pt;
	text-decoration: none;
}

a.note:hover {
	color: #990000;

	font-size: 8pt;
	text-decoration: underline;
}

.note2 {
	color: #66779D;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

#alert {
width:95%;
margin-left: auto;
margin-right: auto;}

#alert table tr td{
	padding:10px;
	border:3px solid #8F421F;
	background:#F6E6D9;
	font-weight:bold;}

#alert a, #alert a:link, #alert a:active, #alert a:visited { color:  #8F5A33;}

#alert a:hover { color:  #8F421F;}

.alert {
	text-align:center;
	font-weight: bold;
	font-size: 12pt;
	text-decoration: none;
}

a.alertlink, a.alertlink:link, a.alertlink:visited {
	color: #8F5A33;
	font-weight: bold;
	font-size: 12pt;
	text-decoration: none;
}

a.alertlink:hover {
	color: #8F421F;
	font-weight: bold;
	font-size: 12pt;
	text-decoration: underline;
}

.courseAlert {
	text-align:center;
	font-size: 8pt;
	text-decoration: none;
}

a.courseAlert {
	color: #cc3300;
	font-size: 8pt;
	text-decoration: none;
}

a.courseAlert:link {
	color: #cc3300;
	font-size: 8pt;
	text-decoration: none;
}

a.courseAlert:visited {
	color: #cc3300;
	font-size: 8pt;
	text-decoration: none;
}

a.courseAlert:hover {
	color: #cc3300;
	font-size: 8pt;
	text-decoration: underline;
}

.location {
	border-left:4px solid #8F421F;
	background:#A8C5BA;
	margin-top:0px;
	padding-right:14px;
	text-align:right;
	font-size: 8pt;
	color:#171C42;
	text-decoration: none;
}

a.whitelink {
	color: #ffffff;

	font-size: 8pt;
	text-decoration: none;
}

a.whitelink:link {
	color: #ffffff;

	font-size: 8pt;
	text-decoration: none;
}

a.whitelink:visited {
	color: #ffffff;

	font-size: 8pt;
	text-decoration: none;
}

a.whitelink:hover {
	color: #B3DEF2;

	font-size: 8pt;
	text-decoration: underline;
}

.regAbstract {

	padding:2px;
	margin:2px;
}

a.regAbstract {
	color: #3366cc;

	text-decoration: none;
}

a.regAbstract:link {
	color: #3366cc;

	text-decoration: none;
}

a.regAbstract:visited {
	color: #3366cc;

	text-decoration: none;
}

a.regAbstract:hover {
	color: #990000;

	text-decoration: underline;
}

UL.reg {

	margin-top:3px;
	margin-bottom:3px;
}

UL.orange { list-style-image: url(../images/bullet3.gif) }

LI.reg {

	padding:2px;
}

.regButton {
	text-align:center;
	cursor:pointer;
	font-size: 10pt;
	text-decoration: none;
	color:#FFFFFF;
	/*background:#AE8567;*/
	background:#9FA9C1;
	/*border-top:2px solid #A5DFF8;*/
	border-top:2px solid #D2D2DD;
	/*border-bottom:2px solid #0A4E6B;*/
	border-bottom:2px solid #66779D;
	/*border-left:2px solid #4BBFF1;*/
	border-left:2px solid #C7C7D3;
	/*border-right:2px solid #0D6991;*/
	border-right:2px solid #9797AE;
}

.regStatus {
	color: #66779D;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	border-bottom:1px solid #66779D;
	padding-left:4px;
	padding-right:2px;
}

.regStatus2 {
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	border-bottom:1px solid #66779D;
	background: #66779D;
	padding-left:4px;
	padding-right:2px;
}

.regStatus3 {
	color: #66779D;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	border-bottom:1px solid #66779D;
	padding-right:2px;
}

#show { 
border: none; 
padding: 0px; 
borderspacing: 0px;
align: center;
}

#show tr {
	vertical-align: bottom;
	}
	
#courses table{ 
border: none; 
padding: 0px; 
borderspacing: 0px;
align: center;
}

#courses tr td {
whitespace: nowrap;
padding-top:3px;
border-top:1px solid #ffffff;	
}

#agenda table { 
border: none; 
padding: 0px; 
borderspacing: 0px;
align: center;
}

#agenda tr td {
whitespace: nowrap;
padding-top:3px;
border-top:1px solid #ffffff;	
}

#agenda td.heading {
padding:3px;
font-size:12pt;
border-bottom:2px solid #9899B9;
background:#556280;
color:white;
white-space:nowrap;
}

#agenda td.subheading {
padding-left:10px;
padding-right:10px;
border-bottom:1px solid ##ffffff;
white-space:nowrap;
}

#agenda td.1 {
white-space: nowrap;
padding-top:15px;
padding-right:5px;
}

#agenda td.2 {
padding-right:5px;
}

.left {
border: none; 
padding: 0px; 
borderspacing: 0px;
}

.left tr td{
 padding-left:3px;
}


#legend table {
border: none; 
padding: 0px; 
borderspacing: 0px;
padding-left: 3px;
}

</style>
<!--[if IE]>
<style type="text/css"> 

#sidenav, #feature { padding-top: 30px; }
#mainContent { zoom: 1; padding-top: 15px; }

#cornergraphic img.left { visibility: hidden; }
#cornergraphic img.right { visibility: hidden; }
</style>
<![endif]-->

