body {
	font: 85%/130% 'lucida grande',Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	opacity:.999;
}

a {color:#930;}

a:hover { color:#c30; }

/* http://www.dynamicdrive.com/style/csslibrary/item/css_square_buttons/ */

a.regbutton {
background: transparent url('/i/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px 'lucida grande'; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
margin-bottom:6px;
}

a:link.regbutton, a:visited.regbutton, a:active.regbutton {
color: #c30; /*button text color*/
}

a.regbutton span {
background: transparent url('/i/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.regbutton:hover { /* Hover state CSS */
background-position: bottom left;
color: #c30; /*button text color*/
}

a.regbutton:hover span { /* Hover state CSS */
background-position: bottom right;
color: black;
}


/* http://www.dynamicdrive.com/style/csslibrary/item/css_square_buttons/ */

p {
	margin: 12px 18px 18px 12px;
}

p.small, p.caption {
	font-size:80%;line-height:110%;
	}
	
p.caption {
	text-align:right;
	margin:1px 6px 3px 0;
	}

a.text-links:link, a.text-links:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFCC;
	line-height: 14px;
}
	

table.cal a {
	text-decoration:none;
	color: #036;
	line-height:120%;
}

table.cal a:hover {
	text-decoration:none;
	color: #663333;
}

blockquote {
	margin:18px;
	font: italic 120%/140% Georgia, "Times New Roman", Times, serif;
	color: #366; /*red*/
}

.bodypadded li {
	margin-right:18px;
	}

.ecphotos {
	height:303px;
	width:606px;
	overflow:hidden;
}

.ecphotos img {  
    width:  606px; 
    height: 303px; 
    top:  0; 
    left: 0; 
} 
.slideshow {
	height: 303px;
	width:606px;
	overflow:hidden;
}

.slideshow img {  
	height: 303px;
    width:  606px; 
    top:  0; 
    left: 0; 
} 
.slideshowcaption {
	height:20px;
	width:606px;
	overflow:hidden;
	margin:1px 0 3px 0;

}
.slideshowcaption p {  
	font-size:80%;line-height:110%;
	text-align:right;
	padding-right:6px;
} 

.sideslideshow {
	float:right;
	overflow:hidden;
}

.sideslideshow img {   
    top:  0; 
    left: 0; 
} 

em {
	font: italic 105%/140% Georgia, "Times New Roman", Times, serif;
	margin:0px;
	letter-spacing: .08em;
}

.faq {
	cursor:pointer;
	}

.fine-print-black {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

h1, h2, h3, h4, h5, h6, th, .related, .relatedb, .relatedrh, .breadcrumbs, #nav, .teacherslink, .notes, .detail, .ratedetail, .btt, #utils, .utils, .utils2, .newsintro, .relateditems, .storetable, .store table, .caption, .emailus {
	font-family: "lucida grande","helvetica","arial", "helvetica", sans;
}

#udm {
	font-family: "lucida grande","helvetica","arial", "helvetica", sans;
	font-size: 3px;
}
h1 {
	border-bottom: 1px dotted #ccc;
	margin: 8px 12px 6px 12px;
	padding-bottom: 6px;
	line-height: 110%;
	font-size: 200%;
	clear:left;
}

h1.nb {
	border: 0;
}

h2 {
	line-height: 100%;
	font-size: 140%;
	margin: 12px;
	}

.leftnavcolumn p {
	margin: 12px 0 0;
	font-size: 90%;
}

.leftnavcolumn a {
	text-decoration: none;
}
h3 {
	margin: 12px 12px 24px 12px;
	font-size: 120%;
	margin-bottom: 6px;
}

h4 {
	margin: 12px 0 -9px 12px;
	font-weight: bold;
	color: #933100;
	line-height:110%;
}

h4 a {
	text-decoration: none;
}

h5 {
	margin: 12px 0 0px 12px;
	font-weight: bold;
	font-size: 85%;
	color: #933100;
	line-height:110%;
}

h6.btt {
	text-align: center;
	clear:both;
}

hr {
	border: none 0;
	border-bottom: 1px solid #ccc;
	clear: both;
	margin-top: 4px;
}

.heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #663333;
	text-decoration: none;
}

.heading-2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.headingBig {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.heading-white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.home strong, .reg-tiny {
	color: #366;
}

.liScroller {
	width: 550px;
}

.menulist {
	align: left;
	padding-left: 20px;
}

.quote-italic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #990000;
}

.related {
	float: right;
	margin: 0 0 0 12px;
	font-size: 110%;
	width: 140px;
	color: #fff;
	background-color: #036;
}

.related a {
	color: #fff;
	text-decoration: none;
	font-size: 90%;
}

.related a:hover {
	color: #cc9;
}

.related h3 {
	margin: 18px 0 3px 12px;
	font-size: 145%;
}

.related h3.popup {
	margin: 6px 0 12px 0px;
	color: #fff;
	font-size: 145%;
	line-height:120%;
	text-align: center;
	clear:both;
}

.related h6 {
	margin: 3px 0 0 12px;
	font-size: 120%;
	font-weight: normal;
}

.related li {
	font-size: 11px;
}

.reg-tiny {
	font-size:85%;
	font-weight:bold;
}

.register {
	background-color: #ffc;
	border: 1px solid #ccc;
	color: #000;/*
	padding: 6px;*/
	margin-bottom: 18px;
	font-size: 12px;
}

.register a:hover {
	background-color: #cc9;
	color: #000;
}

.related h5. .relatedrh h5 {
	line-height: 90%;
}

table .aday {
	margin:0 12px;
	font-size:90%
}

table .aday td {
	border-bottom:1px dotted #ccc;
}


table .drive {
	margin:0 12px;
	font-size:98%
}

table .drive td {
	border-bottom:1px dotted #ccc;
}

.topmenu a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccc99;
	text-decoration: none;
}

.topmenu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccc99;
	text-decoration: none;
}

.topmenu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

.topmenu a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccc99;
	text-decoration: none;
}

.upcomingevents {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.upcomingeventslink a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.upcomingeventslink a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.upcomingeventslink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.upcomingeventslink a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.white-10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.light-11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFCC;
	line-height: 14px;
}

li {/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 12px;
	color: #003366;*/
}

strong, b {
}

.utilities {
	background:#366; /*  url(/images/masthead_3.gif) */
	height: 24px;
}

ul.hnav {
	margin: 0 0 0 -48px;
}

li#hnav {
	list-style-type: none;
	display: inline;
	margin-left: 26px;
	padding: 0;
}

.hnav a, .footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cc9;
	text-decoration: none;
}

.hnav a:hover, .footer a:hover {
	color: #fff;
}

ul.footer {
	text-align:center;
	}

li.footer {
	list-style-type: square;
	content: "/00a6";/* not working */
	display: inline;
	padding: 0;
	padding-left:6px;
}

.spacer {
  clear:both;
  }
  
.float {
  float:left;
  width:19%;
  margin:0;padding:0;
  line-height:90%;
  }
.float33 {
 float:left;
 width:33%;
}
.float50, .f50 {
 float:left;
 width:48%;
 padding:0;
 margin-right:3px;
}

/* New CSS Tabling - Program grids */

div.row {margin: 0 3px 0 12px; padding: 0; width: 94%;border-top:1px dotted #ccc;clear:both;}
div.row:hover {background-color:#CCCCCC;}
div.col1 {float: left; width: 18%; margin: 3px 3px 0 0; padding: 0;}
div.col20 {float: left; width: 18%; margin: 3px 0 0 0; padding: 0;}
div.col2 {float: left; width: 36%; margin: 3px 3px 6px 3px; padding: 0;}
div.col3 {float: left; width: 40%; margin: 3px 3px 12px 0; padding: 0;}
div.col4 {float: left; width: 3%; margin: 3px 0 0 0; padding: 0;}
div.col33 {float: left; width:33%; margin: 3px 0 0 0; padding: 0;}
div.month {float: left; width: 100%; font-size:120%; margin: 18px 0;font-weight:bold;clear:both;text-transform:capitalize;text-align:center;}
.row a {text-decoration:none;} .row a:hover {color:#036;}

/* jQuery ScrollUp http://www.learningjquery.com/2006/10/scroll-up-headline-reader */

#scrollup {
  position: relative;
  overflow: hidden;
  height: 90px;
  width: 550px;
}
.headline {
  position: absolute;
  top: 210px;
  left: 0;
  height: 75px;
  width:540px;
}

/* accordian */

#navigation {
	margin:0px;
	padding:0px;
	text-indent:0px;
	color:#ffc;
	background-color:#930; /*red*/
	width:153px;
}
#navigation a {
	cursor:pointer;
	border-bottom:1px dotted #fcc;
	background-color:#930; /*red*/
	color:#ffc;
	display:block;
	margin:0px;
	padding:12px 3px;
	text-decoration: none;
}
#navigation a.head {	
}
#navigation a.selected {
	border:0;
}

#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

#navigation li li a.current {
	background-color:#f2f3da;
}
#navigation li {
	list-style:none outside none; display:inline;
}
#navigation li li a {
	color:#033;
	background-color:#B8B895;
	display:block;
	padding:2px 3px;
	text-decoration: none;
	font-size:90%;
	border:0;
}
#navigation li li a:hover {
	background-color:#f2f3da;
}





/*superfish h-nav */
/* There is a version of this file commented in great detail for educational purposes here:
 * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
 */

/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav {
	line-height:1.0;
}
.nav ul {
	position:absolute;
	top:-999em;
	width:9.45em;
}
.nav ul li,
.nav a {
	width: 100%;
	margin-right:12px;
}
.nav li {
	float:left;
	position:relative;
	z-index:99;
}
.nav a {
	display:block;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
	left:-1px;
	top:2.5em;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:9.45em;
	top:-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.nav {
	float:left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cc9;
	text-decoration: none;
}
.nav li {
	margin-left:11px;
}
.nav a {
	color: #cc9;
	text-decoration:none;
}
.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	color:#fff;
}
.nav li li {
}
.nav li li li {
	background:#9AAEDB;
}

#print {
display:none;
}

/*** coda slider styles ***/

#wrapper {
    width: 600px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 3px;
}

#slider {
    width: 600px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 1400px;
    width: 600px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
/*    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;*/
}

.scrollContainer div.panel {
   /* padding: 20px;*/
    height: 1400px;
    width: 600px;
}

.slidehnav {
	/*background-color:#B8B895;*/
	margin-left:30px;
	}

ul.slidehnav {
    list-style: none;
    margin: 0;
    padding-left: 32px;
    padding-bottom: 9px;
}

ul.slidehnav li {
    display: inline;
    margin-right: 10px;
}

/*
ul.slidehnav a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.slidehnav a:hover {
    background-color: #f6f6f6;
}*/

ul.slidehnav a.selected {
    color: #003366;
	text-decoration:none;
}

ul.slidehnav a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: 10px;
	top:0px;
}

.scrollButtons.right {
    right: 6px;
	top:0px;
}

.hide {
    display: none;
}