@charset "utf-8";

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #e2ebed; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; COLOR: #333; PADDING-TOP: 0px; TEXT-ALIGN: center
}
A:link, a:visited {
	color: #003399;	font-size: 10pt;
text-decoration: none
}
a:hover
{
color: #FF6600;	font-size: 10pt;
text-decoration: none;
}
#pageHeader {
	LEFT: 42px;
	POSITION: absolute;
	TOP: 25px;
	width: 516px;
	height: 148px;
}
H1 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 1124px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: left
}
H1 SPAN {
	DISPLAY: none
}
H2 {
	FONT-SIZE: 12px; MARGIN: 0px
}
 /*start main white body 
 #container {
	min-height:100%;
		position:relative;
}*/

#container {
	 BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 950px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: left; min-height:100%;
}

#container_light {
	 BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 950px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: left; min-height:100%
}
#container_edge {
	 BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 950px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: left; min-height:100%
}

* HTML #container {
	WIDTH: 950px; min-height: 100%
}
/* top of content container*/
#intro #quickSummary .p1 {
	BACKGROUND: url(img/background.gif) no-repeat; MARGIN: 0px; FONT: 12px/150% Trebuchet MS; WIDTH: 950px; COLOR: #000; HEIGHT: 95px
}
#container_light #intro #quickSummary .p1 {
	BACKGROUND: url(img/background_light.gif) no-repeat; MARGIN: 0px; FONT: 12px/150% Trebuchet MS; WIDTH: 950px; COLOR: #fff; HEIGHT: 95px
}
#container_edge #intro #quickSummary .p1 {
	BACKGROUND: url(img/background_edge.gif) no-repeat; MARGIN: 0px; FONT: 12px/150% Trebuchet MS; WIDTH: 950px; COLOR: #fff; HEIGHT: 95px
}
#intro #quickSummary SPAN .p1 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 12px/150% Trebuchet MS; WIDTH: 950px
}
#quickSummary {
	PADDING-TOP: 15px
}

 /*end main white body*/
 /*start Musical*/
div#musical2 {
	margin: 5px 00px 0px 5px; 
	width: 250px;
	background-image:url(img/aida.png);
	vertical-align:bottom; 
	height: 100%;
	top: auto;
	background-repeat: no-repeat;
	}
	div#musical {

	background-image:url(img/aida.png);

	top: auto;
	background-repeat: no-repeat;
	}
#musical img
{
PADDING: 10px 10px 5px 30px;
}
 /*end Musical*/
/*start side image like cornerstone media*/
div#callout {
	padding: 20px 0px 5px 35px;
	width: 200px; margin-left:0.5em;
	background-image:url(img/aida.png);
	vertical-align:bottom;
	height: 250px;
	top: auto;
	}
#callout img
{
vertical-align:top
}


 /*end side image */
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.float001 { 
    float: left; 
    margin: 50px; 
}
img.floatRight {
    float: right; 
    margin: 4px; 
}

ACRONYM {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

#explanation H3 SPAN {
	DISPLAY: none
}
#participation H3 SPAN {
	DISPLAY: none
}
#explanation {
	WIDTH: 200px;
	POSITION: absolute;
	TOP: 111px;
	left: 736px;
	PADDING-RIGHT: 15px;
}

#weeklyschedule {
	padding: 20 0 5 15;
	margin-left:0.5em;
	font: 1em Georgia, serif; 
	text-align: left;
	margin-top: 2em;
	COLOR: #125F15;	
}
#weeklyschedule em {
	COLOR: #555555; 
	margin-top: 2em

}

#m2 {
	padding: 20 0 5 15;
	margin-left:5px;
	font: 1em Georgia, serif;
	text-align: right;
	COLOR: #333;	/*border-bottom: 1px dashed #999;*/
}
#m2 em {
	COLOR: #555555; 
	/*border-bottom: 1px dashed #999;*/
}
#lselect H3.select {
	DISPLAY: none
}

 /*start left navigation*/
div.service {
margin:0;
padding:0;
background-image:url(img/select2.gif);
} 
div.service a, div.service a:link, div.service a:visited {
display:block;
}
div.service img {
width:95px;
height:64px;
border:0;
}
div.service a:hover img {
visibility:hidden;
}
 /*end */
div.home {
margin:0;
padding:0;
background-image:url(img/home_sel.gif);
} 
div.home a, div.home a:link, div.home a:visited {
display:block;
}
div.home img {
width:95px;
height:64px;
border:0;
}
div.home a:hover img {
visibility:hidden;
}
div.contact {
margin:0;
padding:0;
background-image:url(img/contact_sel.gif);
} 
div.contact a, div.contact a:link, div.contact a:visited {
display:block;
}
div.contact img {
width:95px;
height:64px;
border:0;
}
div.contact a:hover img {
visibility:hidden;
}
 /*end */
div.light {
margin:0;
padding:0;
background-image:url(img/light_sel.gif);
} 
div.light a, div.light a:link, div.light a:visited {
display:block;
}
div.light img {
width:95px;
height:64px;
border:0;
}
div.light a:hover img {
visibility:hidden;
}
 /*end */
div.confirmation {
margin:0;
padding:0;
background-image:url(img/confirmation_sel.gif);
} 
div.confirmation a, div.confirmation a:link, div.confirmation a:visited {
display:block;
}
div.confirmation img {
width:95px;
height:64px;
border:0;
}
div.confirmation a:hover img {
visibility:hidden;
}
 /*end */
div.edge {
margin:0;
padding:0;
background-image:url(img/edge_sel.gif);
} 
div.edge a, div.edge a:link, div.edge a:visited {
display:block;
}
div.edge img {
width:95px;
height:64px;
border:0;
}
div.edge a:hover img {
visibility:hidden;
}
 /*end */
div.calendar {
margin:0;
padding:0;
background-image:url(img/calendar_sel.gif);
} 
div.calendar a, div.calendar a:link, div.calendar a:visited {
display:block;
}
div.calendar img {
width:95px;
height:64px;
border:0;
}

div.calendar a:hover img {
visibility:hidden;
}
 /*end */
div.form {
margin:0;
padding:0;
background-image:url(img/form_sel.gif);
} 
div.form a, div.form a:link, div.form a:visited {
display:block;
}
div.form img {
width:95px;
height:64px;
border:0;
}
div.form a:hover img {
visibility:hidden;
}
 /*end left navigation */

#navcontainer {
       width: 172px;
       position: absolute;
       text-align: left;
	   LEFT: -38px
	   }

#navcontainer ul
{
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
PADDING-left: 11px;
width: 162px;
background-color: #333333;
border-bottom: 1px solid #eee;
FONT-SIZE: 12px;
	COLOR: #fff;
}

#navcontainer a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #666666;
color: #fff;
}

/* end lisa*/



#menu_selected {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: tahoma; BACKGROUND-COLOR: #83ba16; TEXT-DECORATION: none
}
.navigation_selected .navigation_selected A {
	COLOR: #fff; TEXT-DECORATION: none
}
#menu_selected A:link {
	COLOR: #fff; TEXT-DECORATION: none
}
#menu_selected A:visited {
	COLOR: #fff; TEXT-DECORATION: none
}
.navigation_selected A:hover {
	COLOR: #fff; TEXT-DECORATION: none
}
/* start main body content*/
#HomeImage {
	background: url(img/main1.gif) no-repeat; margin: 0px 10px 10px 210px; height: 251px; position:relative
}
#lightHomeImage {
	background: url(img/light_bulb_guy_sm.gif) no-repeat; margin: 30px 0px 10px 0px; height:303px; position: absolute; left: 104px; top: 120px;
}
#confirmImage {
	background: url(img/workflow-2.gif) no-repeat; float: left
}
/* span#confirmImage{display:inline-table;float:left; background:url(workflow-2.gif)} 
head:first-child+body span#confirmImage{width:auto;height:auto} 
span#confirmImage:before{content:url(workflow-2.gif)} */
#preamble EDGE {
	font: 1.2em smallcapslight, serif;
	COLOR: #333;
	font-family: "Comic Sans MS", cursive;
}
#preamble H3 SPAN {
	font-variant: small-caps;
	COLOR: #FF6600;
	PADDING-BOTTOM: 40px;
	font-size: 24px;
}
#preamble H4 SPAN {
	font-variant: small-caps;
	COLOR: #555555;
	PADDING-BOTTOM: 5px; padding-top: 50px;
	font-size: 18px;
}
#preamble {
	MARGIN: 0px 0px 0px 209px; width:540px
}
#preamble musical{
	MARGIN: 0px 0px 0px 209px; width:940px
}
*HTML #preamble {
	WIDTH: 500px
}
#preamble P {
	 LINE-HEIGHT: 120%; PADDING-RIGHT: 20px; 
}
#preamble H3 {
	MARGIN: 0px 0px 10px 0px; HEIGHT: 25px
}
#preamble H4 {
	MARGIN: 20px 0px 3px 0px;
	HEIGHT: 12px;
	font-size: 18px;
	COLOR: #999;
	font-variant: small-caps;
}
#preamble .p1 {
	FONT: 12px/125% Trebuchet MS; 
}

#preamble SPAN {
	FONT: 14px/125% Trebuchet MS; PADDING-TOP: 0px; PADDING-RIGHT: 20px;
}

/* end main body content *HTML #preamble {
	WIDTH: 490px
}*/
#supportingText {
	MARGIN: 0px 10px 5px 10px; width:400px
}
#supportingText P {
	MARGIN: 10px 5px 5px 0px; LINE-HEIGHT: 150%; 
}
#supportingText em { color: #003366; display: block; font: normal 85% Verdana, Helvetica, sans-serif; line-height: 125%; 
}
#supportingText span { color: #125F15; font: normal 70% Verdana, Helvetica, sans-serif; line-height: 150%; 
}
#explanation H3 {
	MARGIN: 40px 5px 0px 10px; WIDTH: 200px; HEIGHT: 24px
}
#participation H3 {
	MARGIN: 40px 0px 10px; WIDTH: 200px; HEIGHT: 24px
}
#prereq {width:220px}
#prereq h4 {color:#666; margin: 0 0 2px 15px}
#prereq ul li {
   list-style: none;
   background-image: url(img/bullet3.gif);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left : 5px;
   color: #125F15;
	font: normal 80% Verdana, Helvetica, sans-serif;
	line-height: 100%;
	margin: 5px 10px 3px -13px; list-style-position: outside;

   }

#linkList {
	LEFT: 17px; WIDTH: 95px; POSITION: absolute; TOP: 111px
}
#linkList2 {
	WIDTH: 174px;
	POSITION: absolute;
	TOP: 254px;
	left: 11px;
}
#lselect UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}

#lselect UL LI A {
	TEXT-DECORATION: none
}
#lselect UL LI.c {
	DISPLAY: inline
}
#lselect UL LI A.c {
	DISPLAY: inline
}
#lselect UL LI A.c {
	TEXT-DECORATION: none
}
#lselect UL LI A.c:hover {
	COLOR: #d60808; TEXT-DECORATION: none
}
#lselect UL LI {
	 BORDER-BOTTOM: #e6eef0 1px solid; TEXT-DECORATION: none
}
#lselect UL LI Img{
	PADDING-RIGHT: 4px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 2px; LIST-STYLE-TYPE: none; TEXT-DECORATION: none

}
#linkList #larchives UL LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #e6eef0 1px solid;TEXT-DECORATION: none

}
#linkList #lresources UL LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #e6eef0 1px solid;TEXT-DECORATION: none

}
/*#footer{
	text-align:center;
	WIDTH: 930px;
	BACKGROUND: #fff;
	POSITION: absolute;
	border-top:1px solid #cccccc;
	border-top-color: #CCCCCC;
	left: 0px; height: 15px;
	padding-top: 8px; bottom:0
}
#footer li {
	display:inline;
	padding:0 .9em;
		border-right:1px solid #009
	}
#footer li.last {
	border:none;
}
#footer {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px;  MARGIN: 0px auto; WIDTH: 950px; BACKGROUND: #fff; POSITION: relative; PADDING-BOTTOM: 5px;  PADDING-TOP: 0px;  
}
#footer A {
	TEXT-DECORATION: none; TEXT-ALIGN: right; FONT-SIZE: 11px;
}
*/
/* good footer
#footer {
		position:absolute;
		text-align:center;
		bottom:0;
		width:100%;
	/* 		border-top:1px solid #cccccc;  
		height:10px;			
		background:#fff;
		left: 0px;
		padding-top: 5px
	}*/
#footer A {
	TEXT-DECORATION: none; TEXT-ALIGN: right; FONT-SIZE: 9pt;
}
#footer {
		position:relative;
		text-align:center;
		bottom:0;
		width:60%; font-size:9pt;
	/* 		border-top:1px solid #cccccc;   */
		height:20px;			/* Height of the footer background:#fff; padding-left:65px; padding-right: -45px;*/
		
		left: 0px; 
		padding-top: 5px;text-decoration: none
	}
#footer li {
	display:inline; 
	padding:0 .9em;
		border-right:1px solid #009
	}
#footer li.last {
	border:none; text-decoration: none
}
/*thumbnail to large image hover */
.thumbnail{
position: relative; float:left;
z-index: 0
}
.thumbnail A:link, a:visited {
TEXT-DECORATION: underline
}
.thumbnail:hover{
background-color: transparent;
z-index: 50; TEXT-DECORATION: none
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px; top:-3000
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
TEXT-DECORATION: none;
	color: #125F15;
	font: normal 70% Verdana, Helvetica, sans-serif;
	line-height: 100%;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px
}
.thumbnail:hover span{
	visibility: visible;
	top: 0;
	left: 60px
}
/*end thumbnail to large image hover*/
/*start SMALL what's happening lists*/

#whatsup ul {
	list-style-type: none;
	width:205px;
	position: absolute;
	left: -45px
} 
#whatsup H3 {
	MARGIN: 10px 0px -10px 0px;
	font: 120%;
	font-variant: small-caps;
	color: #FF6600;
	padding-left: 0px
}
#whatsup li { margin: 10px 0; 
} 
#whatsup li a {
	display: block;
	font: 100%;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 6px; 
} 
#whatsup img { display: block;  text-decoration: none; float: left; 
    margin: 0px; PADDING: 2PX 2px 2px 0px
} 
* html #whatsup li a { /* make hover effect work in IE ffffcc */ 
width: 190px; 
} 
 
#whatsup a em {
	color: #333;
	display: block;
	font: normal 85% Verdana, Helvetica, sans-serif;
	line-height: 115%; 
	PADDING: 2PX 0px 4px 0px; margin-left: 6px;
} 
#whatsup a span {
	color: #125F15; 
	font: normal 70% Verdana, Helvetica, sans-serif;
	line-height: 100%;
	
}
/*end SMALL what's happening list*/
/*start wide lists*/

#widelist ul { list-style-type: none; width:450px
} 
#widelist li { border: 1px dotted #999; border-width: 1px 0; margin: 0px 0; 
} 
#widelist li a{padding: 0px 10px; color:#039
}
#widelist li {
	color: #990000;
	display: block;
	font: bold 120% Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px; height:100%
} 
#widelist li p {
	color: #555555;
	display: block;
	font: 110% Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px; height:100%
} 
#widelist li span {
	color: #555555; font-weight:normal;
	font: 13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	height:100%
} 
#widelist img { display: block;  text-decoration: none; float: left; 
    margin: 0px; PADDING: 0PX 2px 0px 0px
} 
#insetimg {height:100%; 
}
* html #widelist li a { /* make hover effect work in IE ffffcc */ 
width: 450px; 
} 
#widelist li a:hover { color: #FF6600;
} 
#widelist a em { color: #333; display: block; font: normal 85% Verdana, Helvetica, sans-serif; line-height: 125%; 
} 
#widelist a { color: #125F15; font: normal 70% Verdana, Helvetica, sans-serif; line-height: 150%; 
}

/*end wide lists*/
/* start TABLES*/
#mytable {
	width: 500px;
	padding: 2px 0 15px 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 500px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(img/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(img/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(img/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/*end TABLES*/
#outside #header #explanation #lselect ul li a em {
	font-size: 12px;
}
#outside #header #explanation #lselect ul li a em {
	color: #FF6600;
}
.emSelected {
	font-size: 14px;
	font-style: italic;
	color: #FF6600;
}
#myGallery
{
width: 400px;
height: 200px 
} 
<link rel="stylesheet" href="css-imageviewer/jd.gallery.css" type="text/css" media="screen" />
/*end */
[if lte IE 6]>
<style type=text/css">
div.light {background-repeat:no-repeat;}
div.light a:hover {visibility:visible;}
div.calendar {background-repeat:no-repeat;}
div.calendar a:hover {visibility:visible;}
div.home {background-repeat:no-repeat;}
div.home a:hover {visibility:visible;}
div.edge {background-repeat:no-repeat;}
div.edge a:hover {visibility:visible;}
div.form {background-repeat:no-repeat;}
div.form a:hover {visibility:visible;}
div.service {background-repeat:no-repeat;}
div.service a:hover {visibility:visible;}
div.contact {background-repeat:no-repeat;}
div.contact a:hover {visibility:visible;}
</style>
<![endif]
[if lt IE 7]
	<style media="screen" type="text/css">
	#container {
		min-height:100%;
	}
	</style>
	<![endif]
[if lt IE 6]
	<style media="screen" type="text/css">
	#container {
		min-height:100%;
	}
	</style>
	<![endif]