html{
	margin:0;
	padding:0;
	font-family:"comic sans ms", "Trebuchet MS", trebuchet, Helvetica, verdana, arial, sans-serif;
	min-height: 100%;
	text-align:justify;
	}
body{
	margin:0 0 30px;
	padding:0;
}
/* ------------ */
/* main content */
/* ------------ */
#container{
	/*background: url(../images/AAKS010C.gif) bottom left no-repeat;*/
	height:350px;
	padding-bottom:10px;
	position:relative;
}
html>body #container{
	min-height:350px;
	height:auto;
}
	.content{
		margin:auto;
		padding:5px 5px 10px;
	}
		div#header{
			padding-top:40px;
		}
			#header h1{
				background: url(../images/head-blue.gif) bottom left repeat-x;
				position:relative;
				color:#fff;
				margin:0;
				padding:0 20px 0;
			}
			#program #header h1{
				background: url(../images/head-green.gif) bottom left repeat-x;
			}
			#about #header h1{
				background: url(../images/head-orange.gif) bottom left repeat-x;
			}
			#calendar #header h1{
				background: url(../images/head-red.gif) bottom left repeat-x;
			}
			#newsletter #header h1{
				color:#000;
				background: url(../images/head-yellow.gif) bottom left repeat-x;
			}
			#header p{
				position:relative;
				color:#fff;
				text-align:right;
				margin-top:-25px;
				margin-right:5px;
			}
				#newsletter #header p{
					color:#000;
				}
		#leftFrame{
			float:left;
			width:580px;
		}
			#navigation{
				float:left;
				padding-left:0;
				padding-right:10px;
			}
				#navigation h2{
					margin:5px 0 0 20px;
				}
				#navigation p{
					margin-top:0;
					padding-top:0;
					padding-bottom:0;
					margin-left:0px;
					font-size:.8em;
				}
				/*-----------------------
				  Moved to Suckerfish.css
				  -----------------------*/
		#centerFrame{
			margin-left:164px;
			background:transparent;
			margin-top:0px;
			border:1px solid #fff;
		}
			#centerFrame .topless{
				margin-top:0px;
			}
			#centerFrame .bottomless{
				margin-bottom:0px;
			}
				table#tution,table#lbunch{
					margin-top:20px;
					width:410px;
					text-align:center;
					font-size:95%;
				}
				table#tution th{
					font-size:85%;
					border-bottom:2px solid #066BBA;
				}
				table#lbunch{
					width:200px;;
					border:2px solid #066BBA;
				}
			#news{
				margin-left:10px;
				margin-top:5px;
			}
				#news h2{
					margin:0;
					padding:5px;
				}
				#news ul{
					margin:0 0 0 15px;
					padding:0;
					list-style:none;
				}
				#news li{
					margin:0;
					padding:0 0 6px;
				}
					#news li p{
						margin:0;
						padding:0 0 0 6px;
						text-indent:0;
					}
			#song{
				font-size:110%;
			}
		#rightFrame{
			margin-left:600px;
		}
			#images div{
				float:left;
				width:120px;
				height:120px;
				border:5px solid #fff;
			}
			div#images div.cleared{
				width:auto;
				height:auto;
			}
			div.blue{
				/*margin:5px 0 5px;*/
				background:url(../images/blue.gif) top right;
			}
			div.green{
				/*margin:5px 0 5px;*/
				background:url(../images/green.gif) top right;
			}
			div.yellow{
				/*margin:5px 0 5px;*/
				background:url(../images/yellow.gif) top right;
			}
			div.orange{
				/*margin:5px 0 5px;*/
				background:url(../images/orange.gif) top right;
			}
			div.red{
				/*margin:5px 0 5px;*/
				background:url(../images/red.gif) top right;
			}
			div.purple{
				/*margin:5px 0 5px;*/
				background:url(../images/purple.gif) top right;
			}
			#images img{
				float:left;
				border:5px solid #fff;
				/*margin:5px 0 5px;*/
				width:120px;
				height:120px;
			}
#copyright{
	clear:both;
	background: url(../images/ground-blue.gif) top left repeat-x;
	padding:125px 5px 0 0;
	text-align:right;
}
	#copyright img{
		float:right;
		padding-right:10px;
	}
	#program #copyright{
		background: url(../images/ground-green.gif) top left repeat-x;
	}
	#about #copyright{
		background: url(../images/ground-orange.gif) top left repeat-x;
	}
	#calendar #copyright{
		background: url(../images/ground-red.gif) top left repeat-x;
	}
	#newsletter #copyright{
		background: url(../images/ground-yellow.gif) top left repeat-x;
	}
	
/* ---------------- */
/* debug Formatting */
/* ---------------- 
div{ border:1px solid #333;}*/
/* ---------------- */
/* Basic Formatting */
/* ---------------- */
.cleared{
	clear:both;
}
div.right, img.right{
	float:right;
}
div.left, img.left{
	float:left;
}
div.inset{
	padding-left:10px;
}
p{
	text-indent:15px;
	margin:5px 0px 5px;
	font-size: 0.9em;
}
	p.centered{
		text-align:center;
		text-indent:0;
	}
	p.left{
		text-align:left;
	}
	p.right{
		text-align:right;
	}
	p.justify{
		text-align:justify;
	}
blockquote{
	font-size: 0.9em;
}
ul{
	font-size:0.9em;
}
h1{
	margin-top:0px;
	padding-top:10px;
	color:#066BBA;
	font-weight: bold;
	font-size:1.5em;
}
h2{
   color:#066BBA;
	font-weight: bold;
	font-size:1.25em;
}
	h2.centered{
		text-align:center;
	}
h3{
   color:#066BBA;
	font-weight: bold;
	font-size:1em;
	margin:0;
}
	h3.centered{
		text-align:center;
	}
h4{
   color:#066BBA;
	font-weight: bold;
	font-size:.8em;
	line-height:1em;
	margin-bottom:0;
}
a img{
  border:2px #cccccc solid;
  background:transparent;
}
a:link {
	text-decoration: underline;
	color:#CC4A3C;
}
a:visited {
	text-decoration: underline;
	color:#066BBA;
}
a:hover, a:active {
	text-decoration: underline;
	background-color:#CC4A3C;
	color:#ffffff;
}

.small{
	font-weight: normal;
	font-size:0.75em;
}