/* ------>>> GLOBAL  <<<-------*/

body {
	background: url('/images/bg_stripe.gif');
	color:#333;
	font-size:1em;
	line-height:1.4;
	margin:0;
	padding:0;
	text-align:center;
	font-family:arial, "sans serif";
}
#classstart {
	position:absolute;
	right:0;
	top:0;
	z-index:0;
}
/* LINKS */
a:link {
	color:#FFC0E1;
}
a:visited {
	color:#ccc;
}
a:hover {
	color:#E8B5CF;
}
a:active {
	color:#FFC0E1;
}
a img {
	border:0px
}
/* ALIGNMENT */
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: Center;
}
/* PNG TRANSPARENCY 
img, div { behavior: url(/iepngfix.htc) }
*/

/* font sizes */
.small {
	font-size:10px;
}
#container {
	margin: 0 auto;
	width:900px;
	text-align: left;
}
#header {
	margin:1px;
	;
	padding:0px;
}
#logo {
	position:absolute;
	height: 181px;
	width: 173px;
	/*text-indent: -2000em;*/
	text-decoration: none;
	z-index: 1000; /* need for FX and IE *//*background: url(images/samplelogo.gif) 0 0 no-repeat;*/
}
#content {
	position:absolute;
	margin: 110px 30px 0 30px;
	padding:0;
	z-index:10;
	width:840px;
	text-align:left;
}
#footer {
	width:100%;
	text-align:center;
	font: 10px arial, sans-serif;
}
#sidenav {
	float:left;
	margin:95px 0 0 -140px;
	position:absolute;
	width:120px;
	font:12px arial, sans-serif;
}
#sidenav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#sidenav li {
	border-bottom:1px solid #eee;
	margin: 0;
}
#sidenav li a {
	display: block;
	padding: 3px 5px 3px 0.5em;
	background-color: #fff;
	color: #97927C;
	text-decoration: none;
	width: 100%;
}
html>body #sidenav li a {
	width: auto;
}
#sidenav li a:hover {
	background-color: #F0DEE6;
	color: #333;
}
#sidenav h2 {
	color:#666;
	padding:10px 0 0 0;
	margin:0;
}
/* ----->>> MAIN NAVIGATION  <<<------*/
 
#fancymenu {
	position: absolute;
	height: 24px;
	width: 650px;
	background: url('../images/bg_menu_pink.gif') no-repeat top;
	padding: 15px;
	margin: 56px 0 0 200px;
	overflow: hidden;
}
#fancymenu ul {
	padding: 0;
	margin: -3px 0 0 55px;
}
/* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
#fancymenu ul li {
	float: left;
	list-style: none;
}
#fancymenu ul li a {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	font:17px georgia, times, serif;
	color:#5D5A4B;
	text-decoration:none;
	padding:3px 20px 0 15px;
}
#fancymenu li.background {
	background: url('../images/bg_menu_right.gif') no-repeat top right;
	z-index: 8;
	position: absolute;
	visibility: hidden;
}
#fancymenu .background .left {
	background: url('../images/bg_menu.gif') no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}
/*  Image Fade Gallery */
		
#gallery {
	position: relative;
	width:500px;
	height:340px;
	margin:0;
	padding:0;
	border:0px;
}
#gallery li {
	display: block;
}
/* 
  -- Pink  Rounded Corners --
*/

.dialog {
	position:relative;
	margin:0px auto;
	min-width:8em;
	max-width:1600px; /* based on image dimensions - not quite consistent with drip styles yet */
	color:#000;
	z-index:1;
	margin-left:34px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */
	text-align:left;
	padding: 25px 0 0 20px;
}
.dialog a {
	color:#97927C;
	font-weight:bold;
}
.dialog .dialog_content, .dialog .t, .dialog .b, .dialog .b div {
	background:transparent url(/images/content_background.gif) no-repeat top right;
}
.dialog .dialog_content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:20px 34px 0px 140px;
}
.dialog .t {
	/* top+left vertical slice */
 position:absolute;
	left:0px;
	top:0px;
	width:34px; /* top slice width */
	margin-left:-34px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}
.dialog .b {
	/* bottom */
 position:relative;
	width:100%;
}
.dialog .b, .dialog .b div {
	height:50px; /* height of bottom cap/shade */
	font-size:1px;
}
.dialog .b {
	background-position:bottom right;
}
.dialog .b div {
	position:relative;
	width:34px; /* bottom corner width */
	margin-left:-34px;
	background-position:bottom left;
}
.dialog .hd, .dialog .bd, .dialog .ft {
	position:relative;
}
.dialog .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
 position:static;
	max-height:1200px;
	overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}
.dialog h1 {
	margin:30px 0 0 0px;
	color:#97927C;
}
.dialog p {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	padding:0.5em 0px 0.5em 0px;
	font:12px arial, "sans serif";
}
.dialog ul {
	font:12px arial, "sans serif";
	margin-left: 0px;
}
.ulLeft {
	font:12px arial, "sans serif";
	margin: 0px;
	padding: 0px;
}
.dialog .small {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	font:10px arial, "sans serif";
}
.dialog td {
	margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
	font:12px arial, "sans serif";
}
.dialog h1 {
	padding-bottom:0px;
	font:bold 24px gerogia, times, "serif";
}
.dialog h2 {
	padding-bottom:0px;
	font:bold 16px arial, "san serif";
}
img {
	border:0px;
}
table.classtable {
	border-width: 1px;
	border-spacing: 0px;
	border-style:none;
	border-color: #ABA48A;
	border-collapse: collapse;
}
table.classtable td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: #ABA48A;
	-moz-border-radius: 0px 0px 0px 0px;
	font-size:10px;
}
table.classtable a {
	color:#000000;
}
table.sched {
	border-collapse:collapse;
}
table.sched td, th {
	border: 1px solid #555245;
	font-size:10px;
	padding:3px;
}
.sched th {
	background-color:#ABA48A;
	text-align:center;
}
.odd {
	background-color:#F0DEE6;
}