/* ---------- reset browser defaults ---------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, hr {
margin:0;
padding:0;
font-size:1em;
}

img, embed, form, fieldset {
border:0;
vertical-align:bottom;
}

input, select, textarea {
font:1em "Verdana", sans-serif;
vertical-align:bottom;
}

table {
border-collapse:collapse;
border-spacing:0;
}

table th {
font-weight:normal;
text-align:left;
}

ul, ol {
list-style:none;
}

/* ---------- set some basic styles ---------- */
body { 
font:62.5% "Verdana", sans-serif;
text-align:center;
color:#535353;
background-color:#eaeaea;
}

a {
color:#535353;
text-decoration:none;
}

a:hover {
color: #8B8B8B;
text-decoration:underline;
}

a:active, a:focus {
color:#535353;
text-decoration:underline;
}

#printHeader {
display:none;
}

.sys_hide {
display:none;
}

.clear {
display:block;
clear:both;
}

/* ---------- basic layout ---------- */
#wrapper {
max-width:1020px;
margin:0 auto;
background-color:#bbb;
background-image:url(/siteelements/images/base/background-page.png);
background-repeat:repeat-y;
}

#container {
width:960px;
margin:0 auto;
background-color:#fff;
text-align:left;
}




/* Main menu
-------------------------------------------------------------------------- */
#globalNav {
clear:both;
height:2.7em;
text-align:left;
background-color:#ffffff;
border-top:1px solid #fff;}


#globalNav ul {
margin:7px 5px;
width: 100%;}

#globalNav ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;} /* use clearfix as overflow: hidden breaks rollovers */

/* menu widths: The whole thing must add up to 960px, taking into account the 1px border-right added to all except the last item, and 1px border-left added to all except the first, and the 10px padding on the ul. So with 9 items that's 16 pixels worth of border, 10px padding and the individual items should add up to 934px */
#globalNav ul li {
position: relative;
float: left;
text-align: left;
z-index: 20;}

#globalNav ul li a {
border-bottom:1px solid #eaeaea; margin-right: 1.5em!important; padding-bottom: .2em;
padding-right: 2.5em;}

#globalNav ul li ul a {
border:0px;}


#globalNav .sys_header{display:none;}


#globalNav ul li a, #globalNav ul li strong { font-size: 1.1em; font-weight:normal; color: #036; margin: 1px 0 0; display: block; }

#globalNav ul li .sys_selected a{border-color: #0099ff; }





#globalNav ul li ul { 
display:none;}

#globalNav ul li a:hover {
margin-bottom:-0.3em;
border-color:#0099ff;
text-decoration:none;}

#globalNav ul li:hover ul {
display:block;
position:absolute;
top:1em;
left:-6px;
width:200px;
background-color:#fff;
border:1px solid #eaeaea;
border-top:0px;
padding:5px;}


#globalNav ul li:hover ul li {
height:1.8em;
display:block;
text-align:left;
float:none;}




#horizontalNav {
clear:both;
height:2.7em;
text-align:left;
background-color:#4f4f4f;
border-top:1px solid #4f4f4f;
border-bottom:2px solid #4f4f4f;}


#horizontalNav ul {
margin:7px 15px;
width: 100%;}

#horizontalNav ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;} /* use clearfix as overflow: hidden breaks rollovers */

/* menu widths: The whole thing must add up to 960px, taking into account the 1px border-right added to all except the last item, and 1px border-left added to all except the first, and the 10px padding on the ul. So with 9 items that's 16 pixels worth of border, 10px padding and the individual items should add up to 934px */

#horizontalNav ul li {
position: relative;
float: left;
text-align: center;
z-index: 20;}

#horizontalNav ul li a {
border-bottom:1px solid #999; margin-right: 1.5em!important; 
padding-right: 2.5em;}

#horizontalNav ul li ul a {
border:0px;}


#horizontalNav .sys_header{display:none;}


#horizontalNav ul li a, #horizontalNav ul li strong { font-size: 1.1em; font-weight:normal; color: #fff; margin: 1px 0 0; display: block; }

#horizontalNav ul li .sys_selected a{border-color: #0099ff; }

#horizontalNav ul li ul { 
display:none;}

#horizontalNav ul li a:hover {
margin-bottom:-0.3em;
height:1.35em; 
border-color:#0099ff;
text-decoration:none;}

#horizontalNav ul li:hover ul {
display:block;
position:absolute;
top:1em;
left:-15px;
width:200px;
background-color:#4f4f4f;
border:1px solid #4f4f4f;
border-top:0px4f4f4f
padding:5px;}

#horizontalNav ul li:hover ul li {
height:1.8em;
display:block;
text-align:left;
float:none;}

#horizontalNav ul li ul li a:hover{color: #0099ff;}





/* ---------- footer ---------- */

#footer {
clear:both;
margin:10px 13px 0 13px;
border-top:1px dotted #8B8B8B;
padding:5px 0;
text-align:left;
}

#footer ul {
margin-left:-0.7em;
}

#footer ul li {
border-right:1px solid #8B8B8B;
padding:0 .5em 0 .7em;
color:#8B8B8B;
font-size:1.1em;
display:inline;
}

#footer ul li:last-child, #footer ul li.sys_last {
border-right:0px none;
}

/* ---------- here begins the styling for the 'inner' section. ---------- */

/* breadcrumbs: if some of these margins and padding look a bit mental, it is to cope with a &nbsp that the CMS helpfully inserts in this div */
#breadcrumb {
float:left;
height:22px;
clear:both; font-size:1.1em;
width: 100%;
padding-left:3px;
padding-top:0;}

#breadcrumb strong.sys_youAreHere {
font-size:1.1em;
position:absolute;
top:0;
left:-9999px;}

#breadcrumb div {
display:inline;
vertical-align:middle;
}
#breadcrumb a {
padding:0 10px 0 2px;
text-decoration:underline;
background: url(/SiteElements/Images/Template/Internal/bg-breadcrumb.png) no-repeat right .5em;
}
#breadcrumb a:hover, #breadcrumb ol li a:active, #breadcrumb ol li a:focus {
text-decoration:none;
}
#breadcrumb span {
padding: 0 10px 0 6px;
color:#036;
font-weight:bold;
}
#breadcrumb strong {
font-weight: normal;
}

/* Page title */

#pageTitle, #pageTitleNoIcon {
display:block;
float:left;
clear:both;
padding:15px 13px;
background-color: #fff;
border-bottom: 1px solid #eaeaea;
margin-bottom: 1em;
width: 934px;}

#pageTitle strong, #pageTitleNoIcon strong {
font-weight:normal;}
#pageTitle h1, #pageTitleNoIcon h1, #pageTitle strong.sys_schoolHeader, #pageTitle strong.sys_dummy, #pageTitleNoIcon strong.sys_dummy, #pageTitleNoIcon strong.sys_SchoolHeader {
font-size:3em;
color:#0099ff;
font-weight:normal;}


/* Left hand nav */

#internalNav {
width:200px;
margin:24px 0 0 0;
float:left;
background:#036;
position:relative;
z-index:3;
}

/* newer pages don't need the nav pushing down */
#container div.internalnavigation {
margin-top:0px;
}

#internalNav #NavDiv {
padding-left:13px;
}

#internalNav ul {
background:#4f4f4f;
}

#internalNav ul li {
border-bottom:1px solid #f6f6f6;
}

#internalNav ul li:last-child, #internalNav ul li.sys_last {
border-bottom:0;
}

#internalNav ul li a, #internal #internalNav ul li span {
display:block;
color:#fff;
font-size:1.1em;
padding:.6em .6em .7em;
}

#internal #internalNav ul.sys_simpleListMenu > li > div.sys_selected a, #internal #internalNav ul.sys_simpleListMenu > li > div.sys_selected span {
background-color:#111;
font-weight:bold;
}

/* 2nd level */

#internalNav ul li ul {
background:#2c2c2c;

}
#internalNav ul li ul li {
margin:0;
border:1px solid #4f4f4f;
border-width:1px 0 0;
}

#internalNav ul li ul li a {
padding:.4em 1em .3em;
background:none;
padding-left: 1.3em;
}

#internalNav ul li ul li div.sys_currentitem {
background:#000 url(/SiteElements/Images/Base/Internal/2ndlevelon-CorpBlue.png) no-repeat center left;
font-weight:bold;
}

/* 3rd level */
#internalNav ul li ul li ul li a {
padding-left: 2.2em;
}
/* 4th level */
#internalNav ul li ul li ul li ul li a {
padding-left: 3em;
}
/* 5th level */
#internalNav ul li ul li ul li ul li ul li a {
padding-left: 3.8em;
}

/* Page tools (called toolBar in newer templates) */
#pageTools, #toolBar {
width:100%;
background-color:#fff;
height:24px;}

#pageTools .sys_btm {
font-size:1.1em;
margin-right:13px;

}

ul.sys_right{
width:100px;
margin-right:20px;
float:right;
font-size:1.1em;
text-align:left;
padding:0;
}

ul.sys_right li {
display:inline;
width:50px;
float:left;
}

li.sys_textSize {
float:right;
width:50px;
}

li.sys_textSize li {
display:inline;
width:15px;
}

li.sys_textSize li.sys_large {
font-size:1.1em;
margin-top:-1px;
}

li.sys_textSize li.sys_xlarge {
font-size:1.3em;
margin-top:-3px;
}

#pageTools ul.sys_left li {
margin-right:15px;
}

#pageTools ul.sys_right li {
margin-left:10px;
}

#pageTools li a.sys_t32003 {
display:none;
}

#pageTools ul ul, #toolBar ul ul {
display:inline;
}

#pageTools ul.sys_right li ul li {
margin-left:1px;
}

#pageTools div.sys_pressanykey {
display:none;
}



/* Content area */



.sys_fullWidth{
width:920px!important;
min-height:500px;
background-color:#fff;
overflow:hidden;
padding:0 20px 3em;
float:right;
font-size: 1.2em;
line-height: 1.25em;
margin-top:1px;
}

#content {
min-height:500px;
background-color:#fff;
overflow:hidden;
padding:0 20px 3em;
width:720px;
float:right;
font-size: 1.2em;
line-height: 1.25em;
margin-top:10px;
}


#content p {
margin-bottom: 1.25em;
margin-top: 0;
}

#content p strong{color: #0099ff;}
#content p.highlight {

}

#content p.introParagraph{
color:#0099ff;
}

#content h1 {
font-size: 1.6em;
line-height: 1.2em;
margin-bottom: 0.9375em;
font-weight:normal;
color:#0099ff;
}


#homepage #content h2 {
font-size: 1.3em;
font-weight:normal;
line-height: 1.2em;
margin-bottom: 0.9375em;
border-top: 1px solid #eaeaea; 
border-bottom: 1px solid #eaeaea;}


#content h2 {
font-size: 1.3em;
font-weight:normal;
line-height: 1.2em;
margin-bottom: 0.9375em;}


#content h3 {
font-size: 1.2em;
font-weight:normal;
line-height: 1.2em;
margin-bottom: 0.9375em;
}

#content h4 {
font-weight:bold;
margin-bottom:0.5em;}

#content a:link{color: #535353; text-decoration: underline;}
#content a:visited {color: #535353; text-decoration: underline;}
#main #content a:hover{color: #000; text-decoration: underline;}
#content a:active{color: #000!important;}
#content ul,#content ol {color:#535353!important; margin:0 0 1em 2em;clear: both;}
#content ol {list-style-type:decimal;}
#content ul {list-style-type:disc;}
#content ul li, #content ol li {padding:0 0 .2em 0;}
#content ol li ol li{list-style-type:lower-roman;}

/* bottom box (schools pages) */
#bottom {
position:relative;
width:720px;
float:right;
font-size:1.1em;
background-color:#4f4f4f;
color:#fff;
border-top:7px solid #036;
padding:5px 20px;
line-height:1.25em;
margin-bottom:40px;
}

#bottom p {
margin-bottom:1em;
}

#bottom a, #bottom h2 {
color:#fff;
}

#wrapper #bottom h2 {
font-weight:bold;
color: #fff;
}
#bottom .sys_socialNetworkingIcons{position: absolute; top: .5em; right: .5em;}

.sys_boxWithGreyBackground{background-color:#2a2728;}
.sys_boxWithGreyBackground .sys_twoColumns_7030 .sys_one_7030 p{margin: 0!important;}




/* remove borders from column layouts */
.sys_twoColumns5050 .sys_two,
.sys_twoColumns_7030 .sys_twoColumns5050 .sys_two, 
.sys_twoColumns_3070 .sys_twoColumns5050 .sys_two,
.sys_threeColumns .sys_two, 
.sys_threeColumns .sys_three,
.sys_twoColumns_7030 .sys_one_7030,
.sys_fullWidth .sys_twoColumns_7030 .sys_one_7030,
.sys_twoColumns_3070 .sys_two_3070{border: none;}



#wrapper .imgBorder{border-color: #efefef;}

#toolBar #SocialButtons {float: right;}
#toolBar ul.sys_right {display:none;}

a.social-button, #googleplusone {float:left; padding:0 3px;}
#googleplusone {display:inline;}