body  { font-family: FontName }
p {}
td  { font-family: Verdana, sans-serif }
.right          { margin-top: 42px }
.right p { color: #369; font-size: 10px; line-height: 18px }
.right h3 { color: #000; font-size: 12px; padding-left: 3px; border-bottom: 1px solid #369; border-left: 3px solid #369 }
.middle   { }
.middle li { font-size: 11px; line-height: 18px; list-style-type: square }
.middle td { font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.middle p { font-size: 11px; line-height: 16px }
.left    { font-size: 11px; line-height: 18px }
.left a { font-weight: bold }
.left a:hover { text-decoration: underline }
.left img  { text-align: right }
.singlecolumn  { }
.singlecolumn p { font-size: 11px; line-height: 17px }
h1 { font-size: 21px }
h2 { font-size: 14px; border-bottom: 2px solid #369 }
.paw    { background: white url(site_images/paw.gif) no-repeat center 60px }
.seal    { background: white url(site_images/seal.gif) no-repeat center 60px }
.floatleft  { float: left; padding-right: 4px; padding-bottom: 4px; border: solid 1px #369 }
.floatright  { float: right; padding-bottom: 4px; padding-left: 4px; border: solid 1px #369 }
h3 { font-weight: bold; font-size: 12px }
a  { color: #369; text-decoration: none }
a:hover  { color: #036; text-decoration: underline }
a:active { color: #f00 }
a:visited  { color: #036; text-decoration: none }
.right a  { font-weight: bold }
.right a:hover  { text-decoration: underline }
.table_normal  { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px }
.table_normal li { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px }
.table_normal td { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px }
.table_normal p { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px }
.quicklinks { color: white; font-size: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.quicklinks a { color: white; text-decoration: none; }
.quicklinks a:visited { color: white; text-decoration: none; }
.quicklinks a:hover { color: white; text-decoration: underline; }
.quicklinks_header { color: white; font-size: 13px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-weight: bold; }


/* NAV */
#main-nav { position: relative; width: 715px; height: 357px; float: left; }
#main-nav ul li.parent { float: left; display: block; position: relative; padding: 0; margin: 0; }
#main-nav ul { list-style: none; margin: 0; padding: 0; }
#main-nav ul.dropdown { display: block; width: 180px; border: 1px solid white; z-index: 100; }
#main-nav li:hover ul.dropdown { display: block; z-index: 100;  }

#main-nav img { padding: 0; margin: 0; }

li#nav-about ul.dropdown { background: #badaab; position: absolute; bottom: 0; left: 150px; }
li#nav-academics ul.dropdown { background: #badaab; position: absolute; bottom: 0; left: 150px; }
li#nav-parents ul.dropdown { background: #badaab; position: absolute; bottom: 0; left: 150px; }
li#nav-athletics ul.dropdown { background: #badaab; position: absolute; bottom: 0; left: 150px; }
li#nav-finearts ul.dropdown { background: #badaab; position: absolute; bottom: 0; left: 150px;  }
li#nav-studentlife ul.dropdown { background: #badaab; position: absolute; bottom: 0; left: 150px; }

ul.dropdown li {
	border-top: 1px solid #fff;
	z-index: 9999;
}
ul.dropdown li:first-child {
	border-top: none;
}
ul.dropdown li a {
	display: block;
	z-index: 9999;
	background: none;
	text-decoration: none;
	padding: 4px 0;
	margin: 0;
	width: 100%;
	color: black;
	font-size: 11px;
	text-indent: 5px;
}
ul.dropdown li a:hover {
	text-decoration: none;
	background: #ee1b2e;
	color: white;
}
.clear { clear: both; }