html, body {
margin: 0; padding: 0;
height: 100%;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 100%;
text-align: center; /* IE quirky center */
}

* { margin:0px;padding:0px; }

#wrapper, #wrapper1 {
position: relative;
/*width: 90%;*/
/*min-width: 600px; /* to allow room for images and long words */
width:885px;
/*min-height: 60%;*/ /* IE has height hacked in in conditional below */
margin: 0 auto; /* compliant center */
text-align: left; /* reset text alignment */
}

#wrapper1 {width:960px;background:#fff url(../img/bg-new-new.gif) no-repeat bottom left;}

#header, #header2, #footer {
position: relative;
width:885px;
margin: 0 auto;
background: #fff; /* pale yellow */
}

#apbg1, #apbg2 {
position: absolute;
top: 0;
bottom: 0; /* Opera needs this! Moz would automatically assume this as default */
/* height: 100%; */ /* hacked in for IE via conditional comment */
}

#apbg1 {left: 0; width: 160px; border-right-width: 2px;

/*background:#fff url(../img/logo-school.gif) no-repeat bottom left; */
}
#apbg2 {right: 0; width: 10px; background: #bbb;}

#apbg1 p {height: 50%;}/* height to show inheritance */
#apbg2 p {background: #ddd; margin: 5px;} 


/* bringing the center content into position (clear the sides)
   using a wrapper div to avoid any IE Box Model issues
	 also use this div if using expression to calculate
*/
#contentwrap {
position: relative; 
padding: 0px 10px 0px 200px;
}

#content {
position: relative;  /* to enable further positioned divs inside content area */
z-index: 600; /* to make sure if long words overflow they show above the right column */ 
padding: 0px 0px 20px 0px;
margin: 0;
/*background:#BCBEC0 url(../img/content-background.gif) no-repeat;*/
/*word-wrap:break-word;*/
height:400px;
overflow:auto;

}

#content .actualcontent {
/*background:#fff url(../img/content-fold.gif) no-repeat;*/
margin:0px 16px 0px 18px;
/*padding:10px;*/
/*min-height:400px; 
height:auto !important;
height:400px;*/
}

/* end of structure */
/* top navigation */
#header {
height:20px;
}

#header ul {
position:absolute;
right:0px;
list-style:none;
display:inline;
margin:0px;
}

#header li {
padding-top:3px;
float:left;
text-transform: uppercase;
color:#fff;
padding-right:20px;
font-size:10px;
line-height:12px;
}

#header .lowcase {
text-transform:none;
}

#header li a, #header li a:hover, #header li a:active, #header li a:visited {
color:#000;
text-decoration:none;
float:left;
}

.langactive, .langactive a, .langactive a:hover, .langactive a:active, .langactive a:visited {
color:#4056a2;
}

#header3 {
background:#fff url(../img/logo-header.gif) no-repeat bottom left;
height:150px;
}


/* end of top navigation */
/* start main navigation */
#header2 {
background:#fff url(../img/under-menu.gif) no-repeat bottom left;
height:25px;
top:0px;
}

#header2 ul {
list-style:none;
position:absolute;
left:220px;
}

#header2 li {
float:left;
}

/* end of main navigation */
/* starting sub navigation */
.logobottom {
/*background:#fff url(../img/logo-bottom.gif) no-repeat top left;*/
height:114px;
}

#apbg1 ul .active {
list-style:disc;
color:#e51b24;
}

#apbg1 ul .inactive {
list-style:disc;
}

.subout {
/*background:#fff url(../img/logo-fade.gif) repeat-y top left;*/
list-style:none;
padding-left:0px;
}

.subout a, .subout a:active, .subout a:hover, .subout a:visited {
text-decoration:none;
color:#57595B;
line-height:15px;
}

.subout .active a {
color:#e51b24;
}

.subout a:hover {
color:#ED3738;
}

.spacing {
width:100%;
height:10px;
background-color:#fff;
float:left;
}

/* end of sub navigation */
/* starting footer */
#footer {
/*background:#fff url(../img/bg-footer.gif) no-repeat top left;*/
padding-top:35px;
background-color:transparent;
margin-top:10px;
text-align:center;
}

#footer .footerleft {
width:264px;
height:34px;
float:left;
padding-top:5px;
font-weight:bold;
}

#footer .footerleft ul {
list-style:none;
height:20px;
padding:0px;
margin:0px;
}

#footer .footerleft ul li {
float:left;
padding-right:10px;
}

#footer .footerleft a, #footer .footerleft a:visited, #footer .footerleft a:hover, #footer .footerleft a:active {
font-weight:normal;
text-decoration:none;
}

/* end of structures */
/* type */
body, p, li, td {
font-family:Verdana,Georgia,Arial,Helvetica,Verdana;
font-size:11px;
color:#57595B;
line-height:18px;
}

a, a:hover, a:active, a:visited, a:active {
color:#ED3738;
}

a:hover {
text-decoration:none;
}

img {
border:0px;
}

table {
margin:0px;
padding:0px;
border-collapse:collapse;
}

td {
margin:0px;
padding:0px;
}

#content h1 {
position:relative;
top:20px;
left:25px;
text-transform: uppercase;
font-size:14px;
width:190px;
text-align:left;
padding-bottom:25px;
}

.crumbs {
/*float:left;
position:relative;
left:220px;
top:20px;*/
}

#content h2 {
font-size:14px;
font-weight:bold;
font-style:italic;
}

#content .subout {
padding:25px 0px 0px 25px;
}

#content h2, #content h3, #content p {
padding:10px 0px 0px 0px;
margin:0px;
}

#content .indent {
padding-left:25px;
}

#content ul {
padding-left:25px;
}

#content h2, .actualcontent h2 {
border-top:1px solid #C9CACC;
padding-top:5px;
color:#EE3839;
font-size:14px;
width:100%;
text-align:left;
border-top:0px;
color:#3156A6;
font-size:12px;
}

/* styling: contact */
.contact .left {
width:250px;
}

.contact .right {
vertical-align:top;
padding-top:5px;
}

.noborder h1 {
border:0px;
}

/* styling: calendar */
.calendar {
width:175px;
height:150px;
border:1px solid #BFC0C2;
}

.calendar td {
width:25px;
text-align:right;
vertical-align:bottom;
border-bottom:1px solid #c9c9cb;
padding-right:2px;
}

html>body .calendar td {
width:23px;
}

.calendar .span5 {
width:115px;
}

html>body .calendar .span5 {
width:115px;
}

.calendar .borderrow {
border-bottom:1px solid#C9C9CB;
}

.calendar .bordertd {
border-right:1px solid #C9C9CB;
}

.calendar .active {
color:#fff;
background-color:#CD3A3B;
}

.calendar .active a, .calendar .active a:hover, .calendar .active a:active, .calendar .active a:visited {
color:#fff;
text-decoration:none;
}

.calendar .title {
color:#58595B;
font-weight:bold;
text-align:center;
vertical-align:middle;
}

.downloadlink {
padding:0px;
margin:0px;
width:175px;
text-align:center;
font-size:10px;
}

.downloadlink, .downloadlink a, .downloadlink a:hover, .downloadlink a:visited, .downloadlink a:active {
color:#CD3A3B;
text-decoration:none;
}

.red {
color:#ED3738;
}

.gray {
color:#58595B;
}

.text {
border:1px solid #58595B;
width:150px;
font-family:Georgia,Arial,Helvetica,Verdana;
font-size:12px;
}

.calleft {
float:left;
width:185px;
}

.calright {
float:left;
width:360px;
}

.featured {
background-image:url(../img/calendarfeatured.jpg);
width:165px;
height:73px;
padding:5px 5px 5px 5px;
float:left;
margin:0px 5px 5px 0px;
}

html>body .featured {
width:155px;
height:63px;
}

.featured .title {
color:#CD3A3B;
}

.featured p {
padding:0px;
margin:0px;
}

.featured a, .featured a:hover, .featured a:active, .featured a:visited {
text-decoration:none;
}

.featured .more {
width:100%;
text-align:right;
vertical-align:bottom;
}

.menu2 a {
color:#000;
}

.menu2 .active a {
color:#e51b24;
text-decoration:none;
}

.form {
margin-left:20px;
}

.form .left {
width:200px;
line-height:20px;
vertical-align:top;
}

.form input {
width:200px;
border:1px solid #efefef;
}

.form textarea {
height:50px;
width:200px;
border:1px solid #efefef;

}

.double td, .four td {
padding-right:15px;
}

.contact td {
padding-right:5px;
}

.checkbox {
width:10px;
}

.board_image {
padding-right:5px;
}

.actualcontent p img {
padding:0px 5px 0px 5px;
}