/*Element Styles
***************************************/

body {
	background: #b3b3b3;
	font: 9pt "Lucida Grande", sans-serif;
	margin: 0;
	padding: 0;
	}

*>a {color: inherit; font-weight: bold;}
*>a:hover {text-decoration: none;}
a img {border: none;}

hr {
	clear: both;
	border: none;
	border-top: 1px solid #808080;
	margin: 20px 10px;
	}

h1 {margin: 0;}
h1 .phone {color: #FFBBBB; float: right; font-size: 9pt; padding: 10px;} /* Phone number */
h1 a {background: url(../img/bg_header.gif) 150px 0px no-repeat; display: block; height: 100px; margin: 0; padding: 0; text-indent: -10000px; width:470px;}

h2, h3 {color: red;}
h3 {margin: 0;}

dt {font-weight: bold;}
dd {margin-bottom: .5em;}

table.weekly {border: 1px solid black; border-collapse: collapse; margin: auto; width: 100%;}
table.weekly thead td {background: #FFAAAA; font-size: 9pt;}
table.weekly td {
	border: 1px solid black;
	font-size: 8pt;
	text-align: center;
	padding: 5px;
	}

#main strong {color: red;}

/*Layout Styles
***************************************/

#page {background: url(../img/bg_page.gif); margin: auto; width: 900px;}
#header {background: url(../img/bg_banner.gif) repeat-x;}
#sidebar {background: #262626; color: white; float: left; padding: 15px; width: 150px;}
#main {background: white; float: left; padding: 10px; width: 700px;}
#content {float: left; padding-right: 20px;}
#footer {font-size: 8pt; text-align: center; margin-bottom: 2em;}


#subnav {float: left; background: #808080; padding: 10px; width: 700px;}
#subnav h2 {color: black; margin: 0;}
#subnav a.here {color: white;}

.break {clear: both;}
.center {text-align: center;}
.smaller {font-size: 8pt;}
.textright {text-align: right;}




#error {
	background: url(../img/bg_error.gif) 5px center no-repeat #da0000;
	color: white;
	margin: 5px auto;
	min-height: 45px;
	padding: 5px 5px 15px 35px;
	position: relative;
	width: 250px;
	z-index: 100;
	}
#error .close {font-size: 8pt; text-align: right; cursor: pointer;}
/*Navigation Styles
***************************************/

#nav {width: 150px; text-align: center;}

#nav a, #nav .header {color: black; font-size: 10pt; font-weight: bold; cursor: pointer;}
#nav .content a {font-size: 9pt;}
#nav a.here {color: white;}

#nav .header {background: url(../img/bg_nav.gif) repeat-x center; min-height: 10px; margin: 10px 0 0 0; padding: 10px 0;}
#nav .content {background: #808080; list-style: none; overflow: hidden;}
#nav .content ul {list-style: none; padding: 0; margin: 0;}
#nav .content ul li {padding: 5px 0;}

/*Form Styles
***************************************/
form div {clear: both;}

label {float: left; text-align: right; margin-bottom: 5px; padding-right: 10px; width: 175px; }
input[type="text"], input[type="password"], select, textarea {width: 250px; height: 1em;}
select {height: auto;}
textarea {height: auto;}

input.auto {width: auto;}
form .highlight {border: 2px solid red;}

/*Specific Page Styles
***************************************/

/* Thin */ .home #content {width: 300px;}
/* Med  */ .about #content, .our #content {width: 400px;}
/* Wide */ .wide #content, .student #content {width: 450px;}

#main.thin #content {width: 300px;} /* Contact Page */

.about #main img, .our #main img, .student #main img, .wide #main img {float: right; clear: right; }

.student #main h3 {margin-top: 3em;}
.student #main h4 {color: red; margin: 0;}