/* Globals */
* { border: 0px; margin: 0px; padding: 0px; font-family: lucida sans, verdana, sans-serif; font-size: 12px; color: #000; }
body { margin: 0px; background: #0B2B39; }
a:link, a:visited, a:active, a:hover { color: #0075E4; font-size: 12px; text-decoration: underline; }

/* Nav */

#nav, #nav ul { padding: 0; margin: 0; margin-bottom: 40px; list-style: none; }
#nav li { position: relative; width: 165px; border-bottom: 1px solid #AABFC5; }
#nav li ul { display: none; position: absolute; top: 0px; left: 165px; }
#nav ul li { list-style: none; border-top: 1px solid #AABFC5; border-bottom: 1px solid #799193; width: 220px; text-align: left; }
#nav li>ul { top: 0; left: 165px; }
#nav li:hover ul, #nav li.over ul { display: block; z-index: 9999; }
#nav li a { display: block; padding: 12px; text-decoration: none; color: #01366C;  }
#nav li li a { height: 1%; padding: 6px 6px 6px 8px; background: #91A5A6; color: #fff; }
#nav li a:hover { color: #0075E4; }
#nav li li a:hover { background: #CDD8DB; }

/* Architecture */
#skin { width: 100%; text-align: center; }
#bones { margin: auto; margin-top: 10px; width: 780px; text-align: left; }
#topNav { float: right; }
#gutter { color: #4F7F94; margin: 40px; }
#topps { width: 780px; background: url(../images/topBox_bg.gif) repeat-y; }
#topps td { width: 50%; }
#bottoms td { vertical-align: top; }
#topps table { margin-left: 30px; margin-right: 25px; width: 93%; }
#bottoms { width: 780px; background: url(../images/bottomBox_bg.gif) repeat-y; text-align: center; position: relative; }
#bottoms table { width: 744px; text-align: left; margin: auto; }
#content table { width: 550px; }
#content td { padding: 15px; line-height: 20px; }
#staff table { width: 560px; margin: 5px 0 0 15px; }
#staff td { padding: 5px; line-height: auto; }
#content ul { padding-left: 1em; margin: 1.5em; list-style: normal; }
#homeFloater { width: 190px; height: 150px; float: right; background: url(../images/home_girl.jpg) no-repeat top right #E6EAEB; margin-right: -12px; }
.homeContent { padding: 5px 15px;  }
.focus { width: 250px; height: 70px; background: #cdd8db; border-radius: 6px; }
#focus1 { float: left; margin-left: 5px; }
#focus2 { float: right; margin-right: 5px; }
#focus1 table, #focus2 table { width: 259px; }
#focus1 td, #focus2 td { vertical-align: middle; padding: 8px; }
#focusContainer { width: 100%; clear: both; }

/* various */
#slideshow { margin-right: 3px; }

/*subs */
#content .structure { width: auto; }
#content .cal { border-bottom: 1px solid #CDD8DB; padding: 15px 11px; vertical-align: middle; }
#content .tui { padding: 15px 11px; vertical-align: middle; }
#content .spacer { padding: 5px; }

#schoolMap { position:absolute; z-index: 1; width: 400px; }
#schoolMapHeader { height: 23px; line-height: 23px; background: #032C3E; text-align: right; padding-right: 5px; }
#schoolMapText { color: #fff !important; height: 23px; line-height: 23px; background: #032C3E; float: left; padding-left: 5px; }

.topSub { text-align: right; vertical-align: middle; }
.content { padding: 5px 15px; }
.nav { width: 165px; text-align: right; }
.filler { width: 100%; }
	

/* Styles */
h3 { font-size: 15px; font-weight: bold; }
.printables { font-size: 24px; color: #8CA9B1; }
.tinies { font-size: 10px; }
.blueHead { font-size: 16px; color: #013F7A; }
.greyHead { font-size: 28px; color: #7E7F82; font-family: georgie, times, serif; font-style: italic; }
img.midz { vertical-align: middle; }
img.download { vertical-align: middle; margin-right: 8px; }
img.floatLeft { float: left; margin-right: 15px; }
img.floatRight { float: right; margin-left: 15px; }
#classroom { float: right; margin-left: 15px; }