body {
	background: #000050;
	color: #000000;
	font-family: verdana, arial, "sans serif";
	font-size: 90%;
	line-height: 110%;
	margin: 0;
	padding: 5px;
}

a:link     { color: blue }
a:visited  { color: purple }
a:hover    { color: red }
a:active   { color: red }
a.collapse {
	background-image: url('images/blue_5x7.gif');
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration: underline;
	color: blue;
	cursor: pointer;
	padding-right: 10px;
	text-align: left:
}

a.closecollapse {
	background-image: url('images/blue_5x7_up.gif');
	background-repeat:no-repeat;
	background-position: right center;
	text-decoration: underline;
	color: blue;
	cursor: pointer;
	padding-right: 10px;
	text-align: left:
}

a.newwin {
	background-image: url('images/new_window.gif');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 17px;
	text-align: left:
}

/*************  DIV STYLES *****************/

div#wrap {
	position: relative;
	background: #99ddff;
	width: 900px;
	min-height: 750px;
	margin: 0 auto;
	padding: 0;
	border: solid white 3px;
	
}

div#logo {
	background: #99ddff url('images/collage_side.jpg') no-repeat 3px 335px; 
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 915px;
	text-align: center;
	margin: 0;
	padding: 0;
}

div#content {
	width: 720px;
	min-height: 750px;
	padding: 0 10px 150px 10px;
	margin: 0 0 0 155px; /* (must be 5px more than logo div width) */
}

div#footer {
	width: 95%;
	margin: 0 auto;
	padding: 0 0 10px 0;
	font-weight: bold;
	text-align: center;	
	clear: both;
}

div#slides {
	text-align: center
}

div#slides img {
	border: solid 8px white;
	margin-top: 10px;
}

.box { 					/* Used to center small amounts of content in page. See Contact page. */
	text-align: left;
	width: 550px;
	margin: 0 auto;
}

.stretch {				/* Used to stretch short pages to prevent the logo div from exceeding the box. */
	margin-bottom: 400px;	
}

div.milonic {
visibility: hidden;
position: absolute; 
top: -1000px;
left: -1000px;
width: 0;
height: 0;
padding: 0;
margin: 0;
}


/******************** END DIV STYLES ************************/

/*********************  Table Styles  ***********************/

table#main {
	width: 98%;
	border-collapse: separate;
	margin: 0 auto;
	padding: 0;
}

table#main td {
	width: 29%;
	border: solid black 1px;
	height: 300px;
	min-height: 300px;
	padding: 0;
}

table#header {
	width: 95%;
	margin: 0 auto;
	text-align: center;
}

table#header td {
	text-align: center;
}

table#schedule {
	width: 90%;
	margin: 0 auto 30px auto;
}

table#schedule td {
	border: solid black 1px;
	text-align: center;
	font-size: 100%;
	height: 120px;
	width: 20%;
	padding: 5px;
}

table#schedule td.header {
	height: 40px;
	font-weight: bold;
	font-size: 120%;
}

table#reg_form td.large {
	width: 40%;
}

table#reg_form td.small {
	width: 20%;
}

table#reg_form td {
	font-weight: bold;
}

table#pictures {
	width: 620px;
	border-collapse: collapse;
	text-align: center;
	margin: 0 auto;
}

table#pictures td {
	padding: 2px;
}

table#pictures img {
	border: solid #ffffff 1px;
}

/*********************  END Table Styles  ***********************/


/************************ List Styles  **************************/


table#main ul {
	list-style-image: url('arrow_10x9.gif');
	margin: 15px 10px 15px 20px;
	padding: 0;
}

table#main ul li {
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: dashed 1px black;
}

table#main li.noborder {
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border: none;
}

ol li {
	margin-bottom: 15px;
}

ul li {
	margin-bottom: 15px;
}

ul li ul li {
	margin-bottom: 5px
}

li.thumbnail {				/*  Removes LI image and "dot" when using thumbnail image  */
	list-style-type: none;
	list-style-image: none;
}

/**********************  END List Styles  ************************/

/**************** Paragraph, Header and Other Styles  ******************/

p.intro {
	margin-top: 20px;
	text-align: justify;
}

.expand {
	background: #eeeeee;
	border: solid #555555 1px;
	padding: 5px;
	margin: 5px 0 0 0;
}

.alert {	/* Used for Alters and School cancellations */
	background: yellow;
	font-size: 150%;
	line-height: 150%;
	text-align: center;
	padding: 10px;
}

.fineprint { font-size: 75%; }

.red { 	color: red; }

.bold { font-weight: bold; }

.quote {
	font-size: 10pt;
	text-align: left;
	font-style: italic;
	font-weight: bold;
}

.right { text-align: right; }

.center { text-align: center; }

.left { text-align: left;  }

h1 {
	background-image: url('images/bg_tri_color.jpg');
	color: white;
	font-size: 140%;
	line-height: 35px;
	width: 75%;
	text-align: center;
	margin: 10px auto;
	padding: 0;
}

h1.home {
	background-image: url('images/bg_tri_color.jpg');
	width: 100%;
	margin: 0;
}

h1.green {
	background: #00ff00;
	color: black;
}

h1.blue {
	background: #0000ff;
	color: white;
}

h1.red {
	background: #ff0000;
	color: white;	
}

h1.orange {
	background: #ff9000;
	color: white;
}

h1.yellow {
	background: #ffff00;
	color: #000000;
}

h1.pink { background: #ff00ff; }

h2 { 
	font-size: 14pt;
	font-weight: bold;
	text-decoration: underline;
}

#guestbook h3 {	font-size: 100%; }

/**************** END Paragraph and Header Styles  ******************/

/************************* Image Styles  ****************************/

img.thumbnail {
	float: left;
	margin: 0 10px 0 0;
	border: solid 1px #000050;	
}

img.right {				/* Used to float image to the right. See Instructor page for example */
	float: right;
	margin: 0 0 10px 10px;
}

img.left {				/* Used to float image to the left. See Instructor page for example */
	float: left;
	margin: 0 10px 10px 0;
}