@charset "utf-8";
/* CSS Document */

html, body { background-color: #CFDBE9; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 0; }

#globalPositioning { width: 960px; margin: 0 auto; background:#FFFFFF }
#wrapper { background:url(/images/wrapper.jpg) repeat-y center; width:915px; padding: 0 25px }
#header1 { height: 150px; background:url(/images/banners/beaconhill_header1.jpg) no-repeat center; width: 915px; border-bottom: #000000 solid 2px }

h1 { font-size:24px }

padding-right: 25px;
#header { width: 100%; height:180px; margin-bottom:12px; overflow:hidden  }
#menubar { background:url(/images/menu_bg.jpg) repeat-x top left; width:100%; height: 38px }
#menubar ul li { border-left:1px solid #666666; border-right:1px solid #666666; border-bottom: 1px solid #000 }
#mainContent { padding: 10px; width:895px; overflow:hidden }
#subMenubar { background:#000; width: 895px; text-align:center; line-height: 25px; height: 25px; color:#FFFFFF; font-weight:900; margin: 0 10px; text-transform:uppercase }
#subMenubar a { color: #FFFFFF; text-decoration:none }
#subMenubar a:hover { color: #FFFFFF; text-decoration: underline }
#footer { background:url(/images/footer.jpg);height:45px; }
p.copyright { margin:0; padding:0 0 12px; text-align:center; background:#CFDBE9 }
#footerCreditsLeft { float:left; width: 300px }
#footerCreditsLeft img { margin-top: 14px; float:left; margin-right:6px }
#footerCreditsRight { float:left; width: 300px; text-align:right }
#footerCreditsRight span { float:left; margin-left: 40px }
#footerCreditsRight img { float:right; margin: 10px 0 0 6px }
#footerIcons { float: left; width:335px; height: 55px; text-align:center }
#hpContent { float:left; margin-right: 12px; width: 550px }
#hpSidebar { float:left; width: 300px; ; min-height: 400px;height:auto !important; height:400px; background: url(/images/hp_sidebar_bg.gif)  left top no-repeat; padding-left: 30px; }
#siteSearch { margin-bottom:12px; width: 100%; overflow:hidden  }
#newsItems { width:100%;  height: 300px }
#hpSidebar #siteSearch input { border: 1px solid #000000; border-right: none; width: 165px; background:url(/images/search_text_bg.jpg); height: 16px; float:left; padding: 6px}
#hpSidebar #siteSearch button#searchBtn { width: 120px; height: 30px; background:#5C727E url(/images/buttons/search_btn.jpg) top left no-repeat; color:#FFFFFF; border:1px #000000 solid; padding-left: 30px; line-height:30px; float:left }
#events_ticker { width: 580px; background:url(/images/events_ticker_bg.jpg) no-repeat center; height: 90px; margin-bottom:10px; padding-top:10px; overflow:hidden }

#events_ticker h3 { width: 110px; height: 26px; background:url(/images/events_title.jpg) no-repeat top left; color:#FFFFFF; font-weight:900; text-align:center; line-height: 26px; padding:0; margin-bottom: 12px; font-size:12px }
#breadcrumbs { margin-bottom: 12px }
#breadcrumbs a { color:#0000FF; font-style:italic }
#sidebar_bg { background-color: #000000; opacity: 0.65; filter:alpha(opacity=65); height: 5px; margin-right:3px }
#sidebar {width: 203px;float: left;margin-right: 12px}
#sidebar .submenu ul li a { background:url(/images/arrow.gif) no-repeat left center; color:#000000; font-weight:900; text-decoration:none; padding-left:20px; display:block; height:32px; line-height:24px }
#sidebar .submenu ul li a:hover { background:url(/images/arrow2.gif) no-repeat left center #009933; border-right: 7px solid #060; color:#FFFFFF; margin-right:3px }
#sidebar .submenu ul li a#submenuSel { background:#0079C2; color:#FFFFFF; margin-right:3px; border-right: 7px solid #005F97}
#sidebar .submenu ul li a#submenuSel
#oneCol { width: 100%; overflow:hidden}
#twoCols {background-image: url(/images/sidebar_bg.jpg);background-position: left;background-repeat:repeat-y;float: left;}
#pageContent {float: left;width: 680px;min-height: 300px;height:auto !important; height:300px;}
#login fieldset legend { font-style:italic; margin-bottom: 12px }
#login form label { float: left; width: 100px; font-weight:900 }
#login form input { padding: 3px; width: 150px }
input.submitBtn, #login form input.submitBtn { width:auto }

img.left { float:left; margin: 0 12px 12px 0 }
img.right { float:left; margin: 0 0 12px 12px }
.clear { clear:both }

h1, h2, h3, h4, h5, h6, p { padding-bottom: 12px }

strong { font-weight:900 }
em { font-style:italic }

h2 { font-size: 18px; font-weight:900; color:#333333 }
h3 { font-size: 16px; font-weight:900; color:#333333 }

#contact-us label { width:200px; margin-right:10px; text-align:right; float:left; font-weight:900 }
#contact-details-ad { float:left; margin-top:-12px; margin-bottom:12px}
#map_canvas { width: 678px; height: 400px; border:#5C727E 1px solid }

#contact-us input, #contact-us textarea { padding: 3px }
#contact-us input.textDef, #contact-us textarea {  width: 250px }
#contact-us textarea { height: 100px }

#errBlock { 
border: #FF0000 1px solid;
background-image:url(/images/error.png);
background-repeat:no-repeat;
background-position:left top;
background-color:#FFFFCC; 
color:#FF0000; 
font-weight:bold; 
width: 100%;
min-height: 50px;
margin-bottom: 10px;
padding-top: 5px
}
#errBlock p { padding-left: 55px; padding-right:5px }
#confBlock { border: #006600 1px solid; background-color: #E6FFE8; padding-top:5px; color:#006600; font-weight:bold; 
width:100%;
margin-bottom: 10px
}
#confBlock p, #confBlock h4 { padding: 0 5px 12px 5px }
#confBlock h4 { font-size:14px; font-weight:900 }

#accordion .jdesc { border-bottom: dotted 1px #CCCCCC; margin-bottom:12px }
#accordion .closing_date { text-align:right }

#pageContent ul li, #oneCol ul li { list-style: inside disc }
#pageContent ul, #pageContent ol, #pageContent table, #oneCol ul, #oneCol ol, #oneCol table { margin-bottom:12px }
#pageContent ol li, #oneCol ol li { list-style:decimal inside; padding-left: 24px }
#pageContent table, #oneCol table { width:auto }
#pageContent table td, #oneCol table td { padding: 3px; border: 1px #000000 }
#pageContent table tr, #oneCol table tr {  border: 1px #000000 }
#pageContent table th, #oneCol table th { font-weight:900; border: 1px solid #000000; text-align:center; padding:3px }
#pageContent ul, #pageContent ol, #oneCol ul, #oneCol ol { padding-left: 24px }

#news-content ul li { list-style: inside disc; padding-left: 12px }
#news-content ul, #news-content ol, #news-content table { margin-bottom:12px }
#news-content ol li { list-style:decimal inside; padding-left: 12px }

#events_ticker ul#km-events { width: 580px }
ul#km-events li { width: 550px; background:url(/images/km_bullet.jpg) no-repeat; height:14px; line-height: 14px; padding-left:32px; list-style:none }
ul#km-events li a.event1 { color: #3A5562; font-weight:900; font-size:14px }
ul#km-events li a.event1:hover, ul#km-events li a.event2:hover { text-decoration:none }
ul#km-events li a.event2 { color: #000; font-weight:900; font-size:14px }

a { color:#0000FF }
a:hover { text-decoration:none }

#vacancies ul { margin-left: 100px }

#vacancies h3.ui-accordion-header { font-weight:900 }

#news-column { width: 220px; float:left; margin-right: 10px; overflow:auto; max-height: 600px;height:auto !important; height:600px; }
#news-column h3, #events-calendar h3 { font-size: 14px; color:#333333; font-weight:900; overflow:hidden }
#events-calendar h3 span { float:right; width: 100px; background:url(/images/year-nav.jpg) no-repeat; height:24px }
#events-calendar h3 span a { text-decoration:none }
#events-calendar { float:left; width:665px }

#events-calendar table { width: 100%; border: 1px solid #999999; }
#events-calendar table tr {   }
#events-calendar table th { text-align:center; font-weight:900; padding: 5px; background: #DDDDDD }
#events-calendar table td { width: 14.1%; padding: 5px; border: 1px solid #999999; height: 90px; vertical-align:text-top }
#events-calendar table td.weekend { background: #F2F2F2 }
#events-calendar table td.event-day { background: #EAEEFF url(/images/cal-event.png) no-repeat bottom right; cursor:pointer }
#events-calendar table td.event-day:hover { background: #D9D9FF url(/images/cal-event.png) no-repeat bottom right }

.newsCalendarPage { background:url(/images/date_bg.jpg) no-repeat; float:left; height:50px; margin-right:10px; width:45px; }
.post-month { color:#fff; display:block; font-size:11px; line-height:11px; margin-left:-3px; text-align:center;
text-transform:uppercase; font-weight:900; margin-top:2px }
.post-day { color:#3A5562; display:block; font-size:14px; font-weight:bold; line-height:16px; margin-left:-1px; padding-top:9px; text-align:center; text-transform:uppercase; }
.newsSnippet { min-height:70px;height:auto !important; height:70px; margin-left:60px; }
.newsSnippet h4 { padding: 0 }
.newsSnippet h4 a.event1 { color: #3A5562; font-weight:900; }

#calendar-nav { width: 100%; overflow:hidden; background: url(/images/calendar-nav-bg.jpg) no-repeat; height:30px }
#calendar-nav ol { padding:0; margin: 0 }
#calendar-nav ol li { float:left; line-height: 30px; list-style:none; padding:0  }
#calendar-nav ol li a { width: 55px; display:block; text-align:center }
#calendar-nav ol li a#month-selected { background:transparent url(/images/menu_bg_sel.jpg) repeat-x; color:#FFFFFF }
img#prev-year { margin: 3px 12px 0 6px }
img#next-year { margin: 3px 0 0 12px }

#event-frame-header h1 { color:#333333; font-weight:900; font-size:18px; border-bottom: 1px solid #CCCCCC; background:url(/images/badmin/icons/megaphone.png) no-repeat right center; padding:0; line-height:32px; height:32px; margin-bottom:12px }
#event-frame-content { padding: 6px; border: 1px #CCCCCC dotted; height:420px; overflow:auto }
#event-frame-footer { border-top: 1px solid #CCCCCC; margin-top: 12px; padding-top: 12px; text-align: center }
#event-frame-footer span { float:left; margin-right: 24px; font-weight:900; line-height:32px; height:32px }

#search-page ol { margin-bottom:12px }
#search-page ol li { line-height: 1.5em; margin-bottom:12px;list-style:none; padding-left:0 }
#search-page ol li h4 { padding-bottom:0; font-weight:normal; font-size:16px }
#search-page ol li .search-desc cite { display:block }
#search-page ol li .search-desc cite a { color: #009900 }

#search-bar { width: 100%; overflow:hidden; margin-bottom:12px }
#search-bar input { border: 1px solid #000000; border-right: none; width: 288px; background:url(/images/search_text_bg_large.jpg); height: 16px; float:left; padding: 6px}
#search-bar button#searchBtn { width: 120px; height: 30px; background:#5C727E url(/images/buttons/search_btn.jpg) top left no-repeat; color:#FFFFFF; border:1px #000000 solid; padding-left: 30px; line-height:30px; float:left }

#results-feedback { border-top: 1px solid #5C727E; text-align:right; background:#F0F7F9; margin-bottom: 12px }
#results-feedback p { padding: 6px }

#search-nav { border-top: 1px solid #5C727E; text-align:center ; background:#F0F7F9; margin-bottom: 12px; padding: 6px }
#search-nav { margin: 0 6px; font-size: 14px }

#school-news { padding: 10px }
#hpNews { height:450px; overflow:auto }
#hpNews ul { margin-bottom:0 }
#news-footer { margin-top:12px }