/* OVERALL PAGE BODY STYLE */
.body { background:#f8f6ea url(/webart/body-t-bg.jpg) repeat-x top; margin: 0px; padding: 0px; }
.PNG { behavior:url(iepngfix.htc); }

/* OVERALL CONTENT PARAGRAPH STYLES */
#content  { vertical-align:top; padding: 20px 10px 10px 10px; }
#content P { font: 12px/18px Arial, Helvetica, sans-serif; COLOR: #333333; padding: 0px; margin:0px; text-align:justify; }
#content P A:link    { COLOR: #003366; }
#content P A:visited { COLOR: #003366; }
#content P A:active  { COLOR: #003366; }
#content P A:hover   { COLOR: #213c42; }

.home-news { padding:105px 20px 0px 10px; }
.home-news .PNG { padding:10px; behavior:url(iepngfix.htc); }
.home-news P { font: 11px/16px Arial, Helvetica, sans-serif; COLOR: #333333; padding: 0px; margin:0px; text-align:justify; }
.home-news P  A:link    { COLOR: #003366; font-weight:bold; }
.home-news P  A:visited { COLOR: #003366; font-weight:bold; }
.home-news P  A:active  { COLOR: #003366; font-weight:bold; }
.home-news P  A:hover   { COLOR: #213c42; font-weight:bold; }

/* BULLETED LISTING STYLES
UL { margin: 0px 0px 0px 35px; text-align:left;}
LI { list-style: square; font: 12px Arial, Helvetica, sans-serif; COLOR: #333333; text-align:left; } */

/* HEADING STYLES */
#content H1 { font: bold 16px 'Century Gothic', 'Avant Garde Gothic', 'Avant Garde', 'URW Gothic L', Helvetica, sans-serif; COLOR:rgb(153, 102, 51); text-align:left; margin:0px 0px 8px 0px; text-transform:uppercase; }
#content H1 A:link    { COLOR: #213c42; text-decoration:none; }
#content H1 A:visited { COLOR: #213c42; text-decoration:none; }
#content H1 A:active  { COLOR: #213c42; text-decoration:none; }
#content H1 A:hover   { COLOR: #213c42; text-decoration:none; }

#content H2 { font: bold 14px 'Century Gothic', 'Avant Garde Gothic', 'Avant Garde', 'URW Gothic L', Helvetica, sans-serif; COLOR:#333333; text-align:left; margin:0px 0px 8px 0px; }
#content H2 A:link    { COLOR: #213c42; text-decoration:none; }
#content H2 A:visited { COLOR: #213c42; text-decoration:none; }
#content H2 A:active  { COLOR: #213c42; text-decoration:none; }
#content H2 A:hover   { COLOR: #213c42; text-decoration:none; }

#content H3 { font: bold 12px Arial, Helvetica, sans-serif; COLOR:#333333; text-align:left; margin:0px 0px 8px 0px; }
#content H3 A:link    { COLOR: #213c42; text-decoration:none; }
#content H3 A:visited { COLOR: #213c42; text-decoration:none; }
#content H3 A:active  { COLOR: #213c42; text-decoration:none; }
#content H3 A:hover   { COLOR: #213c42; text-decoration:none; }

/* INTERIOR PAGE SURROUNDING CONTENT LAYOUT STYLE */
.content { padding: 25px; margin:0px; vertical-align:top; }

/* FOOTER STYLE */
.footer { font: 11px/16px Arial, Helvetica, sans-serif; COLOR: #665940; text-align:center; vertical-align:top; padding: 0px; background:url(/webart/body-b.jpg) no-repeat center; height:168px; }
.footer A:link    { COLOR: #665940; text-decoration:underline; }
.footer A:visited { COLOR: #665940; text-decoration:underline; }
.footer A:active  { COLOR: #665940; text-decoration:underline; }
.footer A:hover   { COLOR: #003366; text-decoration:underline; }

/* FOOTER STYLE */
.Subfooter { font: 11px/16px Arial, Helvetica, sans-serif; COLOR: #665940; text-align:center; vertical-align:top; padding: 0px; height:168px; }
.Subfooter A:link    { COLOR: #665940; text-decoration:underline; }
.Subfooter A:visited { COLOR: #665940; text-decoration:underline; }
.Subfooter A:active  { COLOR: #665940; text-decoration:underline; }
.Subfooter A:hover   { COLOR: #003366; text-decoration:underline; }

/* FORM STYLES */
.textbox { font: 11px Arial, Helvetica, sans-serif; COLOR: #333333; background:#FFFFFF; BORDER: solid #999999 1px; padding: 2px; }
.button { font: bold 11px Arial, Helvetica, sans-serif; COLOR: #FFFFFF; background:#4e6d7f; padding: 0px 4px 0px 4px; }

/* MAIN NAVIGATION */
a .alt { display: none; }
#nav {margin-left:50px;}
#nav ul { margin: 0px; padding:0px;}

#nav ul li{ position: relative; float: left; margin: 0px; padding: 0px; display: inline; }
#nav ul li a{ display: block; text-decoration: none; margin: 0px; }

#nav ul li a#early-education { width:158px; height:23px; background: url(/webart/nav/early-education.jpg) no-repeat; }
#nav ul li a#early-education:hover { background: url(/webart/nav/early-education.jpg) 0 -23px no-repeat; }
#nav ul li a#elementary { width:114px; height:23px; background: url(/webart/nav/elementary.jpg) no-repeat; }
#nav ul li a#elementary:hover { background: url(/webart/nav/elementary.jpg) 0 -23px no-repeat; }
#nav ul li a#secondary { width:111px; height:23px; background: url(/webart/nav/secondary.jpg) no-repeat; }
#nav ul li a#secondary:hover { background: url(/webart/nav/secondary.jpg) 0 -23px no-repeat; }
#nav ul li a#administration { width:153px; height:23px; background: url(/webart/nav/administration.jpg) no-repeat; }
#nav ul li a#administration:hover { background: url(/webart/nav/administration.jpg) 0 -23px no-repeat; }
#nav ul li a#admissions { width:115px; height:23px; background: url(/webart/nav/admissions.jpg) no-repeat; }
#nav ul li a#admissions:hover { background: url(/webart/nav/admissions.jpg) 0 -23px no-repeat; }
#nav ul li a#alumni { width:80px; height:23px; background: url(/webart/nav/alumni.jpg) no-repeat; }
#nav ul li a#alumni:hover { background: url(/webart/nav/alumni.jpg) 0 -23px no-repeat; }
#nav ul li a#foundation { width:119px; height:23px; background: url(/webart/nav/foundation.jpg) no-repeat; }
#nav ul li a#foundation:hover { background: url(/webart/nav/foundation.jpg) 0 -23px no-repeat; }
#nav ul li a#shop { width:66px; height:23px; background: url(/webart/nav/shop.jpg) no-repeat; }
#nav ul li a#shop:hover { background: url(/webart/nav/shop.jpg) 0 -23px no-repeat; }

body#elementary #leftnav-on { color:#007899; }
body#elementary #nav ul li a#elementary { background: url(/webart/nav/elementary.jpg) 0 -23px no-repeat; }


#subnav { margin: 0px; padding:0px; text-align:right; }
#subnav ul { margin: 0px; padding:0px; display: inline; float:right; }

#subnav ul li{ margin: 0px; padding: 0px; display: inline; float:left;  }
#subnav ul li a{ display: block; text-decoration: none; margin: 0px; }

#subnav ul li a#doc { width:100px; height:23px; background: url(/webart/nav/doc.jpg) no-repeat; }
#subnav ul li a#doc:hover { background: url(/webart/nav/doc.jpg) 0 -23px no-repeat; }

#subnav ul li a#athletics { width:84px; height:23px; background: url(/webart/nav/athletics.jpg) no-repeat; }
#subnav ul li a#athletics:hover { background: url(/webart/nav/athletics.jpg) 0 -23px no-repeat; }


#subnav ul li a#net-classroom { width:100px; height:23px; background: url(/webart/nav/net-classroom.jpg) no-repeat; }
#subnav ul li a#net-classroom:hover { background: url(/webart/nav/net-classroom.jpg) 0 -23px no-repeat; }
#subnav ul li a#school-calendar { width:109px; height:23px; background: url(/webart/nav/school-calendar.jpg) no-repeat; }
#subnav ul li a#school-calendar:hover { background: url(/webart/nav/school-calendar.jpg) 0 -23px no-repeat; }
#subnav ul li a#secondary-daily-announcements { width:196px; height:23px; background: url(/webart/nav/secondary-daily-announcements.jpg) no-repeat; }
#subnav ul li a#secondary-daily-announcements:hover { background: url(/webart/nav/secondary-daily-announcements.jpg) 0 -23px no-repeat; }
#subnav ul li a#TAP { width:60px; height:23px; background: url(/webart/nav/TAP.jpg) no-repeat; }
#subnav ul li a#TAP:hover { background: url(/webart/nav/TAP.jpg) 0 -23px no-repeat; }


#topnav { vertical-align:top; }
#topnav ul { margin: 6px 0px 0px 100px; padding:0px; }
#topnav ul li { font: 11px Arial, Helvetica, sans-serif; COLOR: #FFFFFF; display: block; text-align:justify; position: relative; float: left; margin: 0px 0px 0px 10px; padding: 0px; display: inline; }
#topnav ul li A:link    { COLOR: #FFFFFF; text-decoration:none; }
#topnav ul li A:visited { COLOR: #FFFFFF; text-decoration:none; }
#topnav ul li A:active  { COLOR: #FFFFFF; text-decoration:none; }
#topnav ul li A:hover   { COLOR: #dfc58c; text-decoration:none; }


#leftnav { background:url(/webart/inside-left-nav-bg.jpg) no-repeat top left; height:470px; width:200px; vertical-align:top; }
#leftnav #title a { font: bold 12px/28px Arial, Helvetica, sans-serif; color:#234751; text-transform:uppercase; text-decoration:none; padding:0px 0px 0px 10px; margin:0px; border-top:none; text-align:left;  }
#leftnav #title a:hover { color:#007899; text-decoration:none; }
#leftnav UL { list-style:none; margin: 10px; padding:0px; }
#leftnav LI { list-style:none; }
#leftnav LI a { text-decoration:none; display:block; font: bold 11px/14px Arial, Helvetica, sans-serif; color:#234751; padding:4px 10px 4px 10px; border-top:#9eb1b0 solid 1px; text-align:left; }
#leftnav LI a:hover { color:#007899; }

#leftnav LI.SecondLevel_on a { text-decoration:none; display:block; font: bold 11px/14px Arial, Helvetica, sans-serif; color:#007899; padding:4px 10px 4px 10px; border-top:#9eb1b0 solid 1px; text-align:left; }
#leftnav LI.SecondLevel_on a:hover { color:#007899; }


#leftnav #leftnav-on LI a { text-decoration:none; display:block; font: bold 11px/14px Arial, Helvetica, sans-serif; color:#007899; padding:4px 10px 4px 10px; border-top:#9eb1b0 solid 1px; text-align:left; }

#leftnav LI.thirdlevel { list-style:none; }
#leftnav LI.thirdlevel a { text-decoration:none; display:block; font: 11px/14px Arial, Helvetica, sans-serif; color:#234751; padding:0px 10px 2px 15px; border-top:none; text-align:left; }
#leftnav LI.thirdlevel a:hover { color:#007899; }


#leftnav LI.thirdlevel_on { list-style:none; }
#leftnav LI.thirdlevel_on a { text-decoration:none; display:block; font: 11px/14px Arial, Helvetica, sans-serif; color:#007899; padding:0px 10px 2px 15px; border-top:none; text-align:left; }
#leftnav LI.thirdlevel_on a:hover { color:#007899; }

#leftnav LI.Fourthlevel { list-style:none; }
#leftnav LI.Fourthlevel a { text-decoration:none; display:block; font: 11px/14px Arial, Helvetica, sans-serif; color:#234751; padding:0px 10px 2px 25px; border-top:none; text-align:left; }
#leftnav LI.Fourthlevel a:hover { color:#007899; }

#leftnav LI.Fourthlevel_on { list-style:none; }
#leftnav LI.Fourthlevel_on a { text-decoration:none; display:block; font: 11px/14px Arial, Helvetica, sans-serif; color:#007899; padding:0px 10px 2px 25px; border-top:none; text-align:left; }
#leftnav LI.Fourthlevel_on a:hover { color:#007899; }

#content .callout { margin: 10px 0px 15px 15px; background:#619498 url(/images/callout_b.gif) no-repeat bottom; }
#content .callout TD { background:url(/images/callout_bg.gif) repeat-x top; height:39px; padding:10px; }
#content .callout TD P { font: 12px/18px Arial, Helvetica, sans-serif; COLOR: #FFFFFF; padding: 0px; margin:0px; text-align:left; }
#content .callout TD P A:link    { COLOR: #ffcc66; }
#content .callout TD P A:visited { COLOR: #ffcc66; }
#content .callout TD P A:active  { COLOR: #ffcc66; }
#content .callout TD P A:hover   { COLOR: #FFFFFF; }

#content .callout TD UL { margin: 8px 0px 20px 25px; padding:0px; }
#content .callout TD UL LI { font: 12px/18px Arial, Helvetica, sans-serif; COLOR: #FFFFFF; padding: 0px; margin:0px; }
#content .callout TD UL LI A:link    { COLOR: #ffcc66; }
#content .callout TD UL LI A:visited { COLOR: #ffcc66; }
#content .callout TD UL LI A:active  { COLOR: #ffcc66; }
#content .callout TD UL LI A:hover   { COLOR: #FFFFFF; }