@charset "UTF-8";
/* CSS Document */

body  {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(assets/page-bg.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #222222;
}
a, a:active {
	color: #550000;
	text-decoration:underline;
}
a:hover {
	color:#990000;
	text-decoration:none;
}
a:visited {
	color:#441111;
	text-decoration:none;
}
.main-img {
	margin: 4px;
}
p, h1, h2, h3, h4, h5, h6, ul {
	text-align:justify;
	line-height:150%;
}

/* - - - - - - - - */
#nav {
	padding: 0;
	color:#FFFFFF;
	font-size: 12px;
	border: 0;
	width: 780px;
}
#nav a, #nav a:visited, #nav a:active {
	color:#FFFFFF;
	text-decoration:none;
}
#nav a:hover {
	color: #FF0000;
	text-decoration:none;
}
/* - - - - - - - - */


/* Schedule/Calendar Styles */
#schedule {
	border:solid 1px #BBBBBB;
	line-height:100%;
}
#schedule a, #schedule a:visited {
	color:#000000;
	text-decoration:none;
}
#schedule a:hover, #schedule a:active {
	color:#FFFFFF;
	text-decoration:none;
}
#schedule td {
	font-size:70%;
	border-left:solid 1px #BBBBBB;
	border-right:solid 1px #BBBBBB;
	padding:4px;
	width:16.66%;
	vertical-align:top;
}
#schedule th {
	font-size:70%;
	border-left:solid 1px #BBBBBB;
	border-right:solid 1px #BBBBBB;
	padding:4px;
	background:#DDDDDD;
	color:#000000;
	width:16.66%;
}
.smallsamurai {
	background-color:#CC99FF;
	border:solid 4px #CC99FF;
}
.smallsamurai:hover {
	background-color:#660088;
	border: solid 4px #660088;
	color:#FFFFFF;
}
.corekids {
	background-color:#99FFCC;
	border:solid 4px #99FFCC;
}
.corekids:hover {
	background-color:#006600;
	border:solid 4px #006600;
	color:#FFFFFF;
}
.coreteens {
	background-color:#99CCFF;
	border:solid 4px #99CCFF;
}
.coreteens:hover {
	background-color:#000099;
	border:solid 4px #000099;
	color:#FFFFFF;
}
.coreadults {
	background-color:#FFFF99;
	border:solid 4px #FFFF99;
}
.coreadults:hover {
	background-color:#886600;
	border:solid 4px #886600;
	color:#FFFFFF;
}
.performance {
	background-color:#FFAABB;
	border:solid 4px #FFAABB;
}
.performance:hover {
	background-color:#990000;
	border:solid 4px #990000;
	color:#FFFFFF;
}
/* - - - - - - - - */


.sidebar {
	font-size: 75%;
	line-height: 150%;
	text-align:justify;
	padding: 0 12px 0 12px;
}
.sidebarContainer {
	padding:20px 20px 20px 20px;
	vertical-align:top;
}
#mainContent { 
	padding: 0 20px 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	line-height: 150%;
	vertical-align:top;
} 
#footer {
	font-size:10px;
	color:#999999;
	text-align: right;
	padding: 4px;
}
#footer a, #footer a:active, #footer a:visited {
	color:#999999;
}

/* Program Sub-Navigation Links */
#programNav {
	text-align:center;
	font-size:80%;
	color:#666666;
}
#programNav a, #programNav a:visited {
	color:#666666;
	text-decoration:none;
}
#programNav a:hover, #programNav a:active {
	color:#666666;
	text-decoration:underline;
}
/* - - - - - - - - */


/* classes to align images */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* ^^^^^^^^ BELOW IS THE CODE FOR THE NAVBAR ^^^^^^^^^^ */
#navcontainer {
	width:780px;
	background-image:url(assets/navbgcorners.gif);
}
ul#navprime {
	margin:0 0 0 20px;
	padding:0;
	list-style-type:none;
	width:740px;
	position:relative;
	overflow:hidden;
	display:block;
	height:36px;
	font-size:12px;
	background:#transparent url("assets/navbgoff.gif") repeat-x top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:none;
}

ul#navprime li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

ul#navprime li a {
	display:block;
	float:left;
	color:#eeeeee;
	text-decoration:none;
	padding:10px 12px 0 12px;
	height:24px;
	background:transparent url("assets/navbgdivider.gif") no-repeat top right;
}

ul#navprime li a:hover {
	color:#000000;
	background:transparent url("assets/navbghover.gif") repeat-x top left;
}

ul#navprime li a.current,ul#navprime li a.current:hover {
	color:#FFFFFF;
	background:transparent url("assets/navbgon.gif") no-repeat top right;
}

/* ^^^^^^^^ ABOVE IS THE CODE FOR THE NAVBAR ^^^^^^^^^^ */
.shaded-bg {
	background-image: url(assets/tablebg.gif);
	background-repeat: repeat-x;
}
.pagequote {
	margin:10px;
	padding:0 8px 0 8px;
	border:2px solid #900;
	background:#FE5 url(assets/silverbullet/yellowBox.jpg) repeat-x;
	font-size:12px;
}