body { font-size: 12px; font-family: Helvetica, Arial, san-serif; line-height: 16px; background: #334; color: #607596; text-align: center; margin: 0px; padding: 0px; }

#pageBoxOuter   { background-image: url("../images/page-shadow-background.png"); background-repeat: repeat-y; visibility: visible; margin: auto; position: relative; width: 805px; text-align: left;  }
#pageBoxTop    { background-image: url("../images/page-shadow-top.png"); background-repeat: no-repeat; text-align: left; visibility: visible; margin: auto; position: relative; width: 805px; height: 20px }
#pageBoxBottom    { background-image: url("../images/page-shadow-bottom.png"); background-repeat: no-repeat; text-align: left; visibility: visible; margin: auto; margin-bottom: 20px; position: relative; width: 805px; height: 20px }
#pageBox   { color: #334; visibility: visible; position: relative; left: 20px; width: 765px }
#pageBox a { color: #229; }


#header { position: relative; display: block; visibility: visible; top: 0px; left: 0px; width: 805px; height: 165px;  margin: auto; margin-top: 20px; background-color: #334; }
#jhsLogo { visibility: visible; position: absolute; top: 8px; left: 30px; width: 345px; height: 92px }
#location { color: #607596; font-size: 14px; line-height: 21px; text-align: center; visibility: visible; position: absolute; top: 10px; left: 405px; width: 400px; height: 100px }

.locBig { font-size: 18px; font-weight: bold; font-stretch: wider; letter-spacing: 2px }
.locSmall { font-size: 10px; font-stretch: wider; letter-spacing: 1px }

#mainmenu  { position: absolute; top: 130px; left: 0px; height: 28px; width: 100%; font-size: 12px; text-align: center;}
#mainmenu ul { display: block; margin: 0; padding: 0; }
#mainmenu ul li { display: inline; margin: 0; padding: 0; list-style: none; }
#mainmenu ul li a { display: inline; margin: 0; padding: 2px 24px; border: 1px solid #334; background-color: #334; text-decoration: none; outline: none; }
#mainmenu ul li a:hover { text-decoration: none; background-color: #556; border-color: #668; outline: none; }
#mainmenu ul li a:active    { text-decoration: none; background-color: #445; border-color: #557; outline: none medium }

a  { color: #cce; font-weight: bold; text-decoration: none }
a:hover { text-decoration: underline }
a:active { outline: none; }

#pagebox a:hover img { outline: 3px solid #cce; }

#pageBody { text-align: justify; visibility: visible; position: inline; width: 100%; }
/* IE 5.0 Padding Bug: Hack */
#pageBody .inner { padding: 5px 30px 0px 30px }

#pageBody p { text-align: justify }
#pageBody td { font-size: 12px }

h1  { color: #248; font-size: 18px; font-weight: bold; text-align: center }
h2 { color: #006; font-size: 14px; font-weight: bold; text-align: center }
h3 { color: #003; font-size: inherit; font-weight: bold; text-align: center }

table { color: inherit; font-size: inherit; line-height: inherit }
td  { color: inherit; font-size: inherit; line-height: inherit }
td.leftcol { margin: 0; padding: 0 12px 0 0 }
td.rightcol { margin: 0; padding: 0 0 0 12px }
td.middlecol { margin: 0; padding: 0 12px }
table.mileage { }
table.mileage td { margin: 0; padding: 3px 0 }
table.mileage td.city { text-align: left; padding-right: 4px }
table.mileage td.mileage { text-align: right; padding-left: 4px }


div.footer { font-size: 12px; margin-top: 20px; padding-top: 4px; padding-bottom: 30px; border-top: 1px solid #777 }
div.footer div.left { text-align: left; width: 40%; float: left }
div.footer div.right { text-align: right; width: 40%; float: right }


.smallNote { font-size: 90%; font-style: italic; }