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

a {
	color:#660066;
	text-decoration:none;
}

a:hover {
	color:#669933;
	text-decoration:none;
}

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

.regbutton {
width:120px;
background: transparent url('https://isabellafreedman.org/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;
text-align:center;
}

.NewRegButton {
	color: #660066;
	hover: #669933;
	padding-left: 20;
	font-size: 16px;
}

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

a.regbutton span {
width:120px;
background: transparent url('https://isabellafreedman.org/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*/
color:#669933;
}

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

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


p {
	font-family: "lucida grande","helvetica","arial", "helvetica", sans;
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;
	line-height: 14px;
}
	

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

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

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

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

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

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

.slideshow img {  
	height: 300px;
    width:  600px; 
    top:  0; 
    left: 0; 
} 
.slideshowcaption {
	height:20px;
	width:600px;
	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 #606;/*purple*/
	margin: 16px 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: black;
	line-height:110%;
}

h4 a {
	text-decoration: none;
}

h5 {
	margin: 12px 0 0px 12px;
	font-weight: bold;
	font-size: 85%;
	color: black;
	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: #660066;
	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 {
}

.liScroller {
	width: 550px;
}

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

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

.related {
	float: right;
	margin: 0 0 0 12px;
	font-size: 110%;
	line-height:150%;
	width: 240px;
	color: #000;
	background-color: #fff;
}

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

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

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

.related h3.popup {
	margin: 6px 0 12px 0px;
	color: #660066;
	font-size: 145%;
	line-height:180%;
	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: #660066;
	padding: 6px;
	margin-bottom: 18px;
	font-size: 12px;
}

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

.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;
	text-decoration: none;
}

.topmenu a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	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;
	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;
	line-height: 14px;
}

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: #660066;
	text-decoration: none;
	background-color:white
}

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

ul.footer {
	text-align:center;
	background-color:white
	}

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

.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;
}

/* left-hand, vertical navigation styles start here */

#navigation {
	margin:0px;
	padding:0px;
	text-indent:0px;
	color:#606;/*purple*/
/*	background-color:#fff;*/
	width:153px;
}
#navigation a {
	cursor:pointer;
	border-top:1px dotted #693;/*green*/
/*	background-color:#fff; */
	display:block;
	margin:0px;
	padding:12px 3px;
	text-decoration: none;
}

#navigation.head a:hover {
	/*color:#693;green*/
}

#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;/*
	background-color:white;*/
}

#navigation li {
	list-style:none outside none;
	display:inline;/*
	background-color:white;*/
}

#navigation li li a {
	display:block;
	padding:2px 3px;
	text-decoration: none;
	font-size:90%;
	border:0;
	/*color:#693;green*/
}

ul li ul li a:hover {
	background-color:#eee;
}
	

#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 {
	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.selected {
	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;
}

.RegistrationTitle {color:#660066;font-weight:normal;font-size:14pt;padding-left:10px;}
.RegistrationDate {font-weight:italics;font-size:10pt;}