@import "utility.css";
body {
	behavior: url("/_resources/css/csshover.htc");
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #000000;
}
div#wrapper {
	margin: 1em 5%;
	border: 1px solid #333;
	background: #FFF url('../images/background.jpg') repeat-y;
}

div#header {
	color: #FFFFFF;
	background-color: #0000FF;
	border-bottom: 1px solid #333;
	padding: 1em;
}
div#header h1 {
	margin: 0;
	font-size: 2em;
}
div#header h1 a {
	color: #FFFFFF;
	text-decoration: none;
}
div#header h2 {
	margin: 0;
	font-size: 1.4em;
}
div#header p {
	font-size: 1.2em;
	margin: 0;
}
div#wrapper div#nav {
	float: left;
	width: 160px;
	padding: 1em;
}
div#wrapper div#nav p {
	font-size: 1.2em;
	margin-bottom: 0px;
}
div#wrapper div#nav p.welcome { 
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
div#wrapper div#nav ul {
	margin-left: 0;
	padding-left: 0;
	margin-top: 0px;
}
div#wrapper div#nav ul li {
	margin: 0;
	padding: 2px 0 2px 0;
	list-style: none;
	font-size: 1.2em;
}
div#wrapper div#nav ul li a {
	color: #0000FF;
	padding-bottom: 2px;
	text-decoration: none;
	font-weight: bold;
}
div#wrapper div#nav ul li a:hover {
	color: #000099;
	text-decoration: none;
}

#footer {
	clear: both;
	color: #000000;
	background-color:#CCCCCC;
	padding: 1em;
	text-align: right;
	border-top: 1px solid #333;
}
/************ CONTENT STYLES ************/
div#content {
	padding-top: 1em;
	margin: 0 2em 0 200px;
	/*background: url('../images/vcsback.gif') no-repeat;*/
}
div#content a {
	color: #0000FF;
	text-decoration: none;
}
div#content a:hover {
	color: #000099;
	text-decoration: underline;
}
div#content p { 
	font-size: 1.2em;
	margin: 5px 0 0 0;
}
div#content h1 {
	font-size: 2em;
}
div#content h2 {
	font-size: 1.7em;
	padding: 10px 0 5px 0;
	color:#009;
}
div#content h3 {
	font-size: 1.4em;
	padding: 10px 0 5px 0;
}
div#content ul,
div#formcontent ul {
	margin-left: 30px;
}
div#content ul li,
div#formcontent ul li { font-size: 1.2em; }

div#content table.schedule tr th {
width: 120px;
height: 30px;
}

div#content table.schedule tr th,
div#content table.schedule tr td {
	font-size: 1.4em;
	text-align:left;
	vertical-align:top;
}
div#content table.billing {border-collapse: collapse;}
div#content table.billing tr td {
	font-size: 1.2em;
	text-align: left;
	padding: 5px;
	border: 1px solid black;
	text-align: center;
}


body.home div#wrapper div#nav ul li a.home,
body.schedule div#wrapper div#nav ul li a.schedule,
body.regschools div#wrapper div#nav ul li a.regschools,
body.bill div#wrapper div#nav ul li a.bill,
body.logout div#wrapper div#nav ul li a.logout {
	text-decoration: underline;
	color: #0000FF;
}
/* Define the basic CSS used by EditInPlace */
.eip_mouseover { background-color: #FFFFFF; border: 1px solid #000000; }
.eip_saving { background-color: #903; color: #fff; padding: 3px; }
.eip_empty { color: #afafaf; }
.eip_savebutton { 
	font-size: 1em;
	font-weight: bold;
	height: 20px;
}
.eip_cancelbutton { 
	font-size: 1em;
	height: 20px;
}
.editme {}

#formcontent form input.phone1 { width: 30px; }
#formcontent form input.phone2 { width: 40px; }