/* General Formatting ----------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
body{
	background-color: #DAEAF2;
	margin-top: 10px;
}
a, a:visited{
	color: #0080BF;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
h1{
	color: #ED1C24;
	font-size: 14pt;
	letter-spacing: .2px;
	font-style: italic;
	margin-bottom: .5em;
}
h2{
	color: #0080BF;
	font-size: 12pt;
	letter-spacing: .2px;
	font-style: italic;
	margin-bottom: .5em;
	border-bottom: 1px solid #7FB1C9;
}
h3{
	color: #666666;
	font-size: 11pt;
	letter-spacing: .2px;
	font-style: italic;
	margin-bottom: .5em;
	border-bottom: 1px solid #ccc;
}
h4{
	font-size: 11pt;
	letter-spacing: .2px;
	font-style: italic;
	margin-bottom: .5em;
}
p{
	margin: 0 0 1em 0;
	font-size: 10pt;
	line-height: 1.4em;
	color: #666;
	letter-spacing: .2px;
}
.blue{
	color: #0033CC;
}
.orange{
	color: #FF6600;
}
.purple{
	color: #333399;
}
.green{
	color: #008000;
}
.red{
	color: #ED1C24;
}
.dottedbtmborder{
	border-bottom: 2px dotted #ccc;
}
.larger{
	font-size: 10.8pt;
	letter-spacing: .2px;
}
.leftphoto{
	float: left;
	padding: 4px;
	margin: 15px 15px 0 0;
	border: 1px solid #ccc;
}
.marginphoto{
	padding-left: 160px;
}

/* Container -------------------------------------------------------------------*/
#container{
	width: 770px;
	margin: 0 auto;
}

/* Header -------------------------------------------------------------------*/
#header{
	background: url(../../images/header.gif) no-repeat;
	width: 770px;
	height: 120px;
}
#header a{
	float: left;
	text-indent: -9999px;
	width: 450px;
	height: 120px;
}

/* Main -------------------------------------------------------------------*/
#main{
	width: 770px;
}

/* Nav -------------------------------------------------------------------*/
#nav{
	float: left;
}
#nav li{
	list-style: none;
	text-align: center;
	width: 118px;
	margin: .5em 0;
}
#nav li a,
#nav li a:visited{
	display: block;
	font-size: 12.5pt;
	color: #0080BF;
	line-height: 1.5em;
	text-decoration: none;
	border: 1px solid #DAEAF2;
	letter-spacing: .8px;
}
#nav li a:hover,
#home #nav .home,
#contact #nav .contact,
#calendar #nav .calendar,
#classes #nav .classes{
	display: block;
	background-color: #fff;
	border: 1px solid #CFDEE5;
}

/* Content -------------------------------------------------------------------*/
#content{
	float: left;
	width: 596px;
	background-color: #fff;
	margin: 8px 0 0 10px;
	border: 2px solid #CFDEE5;
	padding: 10px 20px;
}
#content ul{
	margin: 0 0 20px 20px;
	font-size: 10pt;
	color: #666;
}
#content li{
	line-height: 2em;
}
.logo{
	background: url(../../images/logo.gif) top left no-repeat;
	width: 300px;
	padding-left: 20px;
}
.padding-right{
	padding-right: 100px;
}

/* Footer -------------------------------------------------------------------*/
#footer{
	clear: both;
}
#footer p{
	background-color: #DAEAF2;
	color: #006EA6;
	width: 640px;
	margin-left: 120px;
	text-align: center;
	line-height: 3em;
}
#footer a,
#footer a:visited{
	color: #0080BF;
	text-decoration: none;
	padding: 0 1em;
}
#footer a:hover{
	color: #006EA6;
	text-decoration: underline;
}