body {font: 100%/1.5 Arial, Helvetica, sans-serif;margin:0;padding:2em 0;color:#312818}
#container{width:745px;margin:0 auto;font-size:.72em;padding:0 20px}
#content{float:left;width:495px;padding:0 30px 30px 30px;min-height:25em;height: auto !important;height: 25em}

#nav{float:right;width:190px}
#footer{clear:both;width:100%}
.jsEnabled #map{width:495px;height:400px;margin:2em 0 2em 0;border-style:solid;border-width:1px}

#header{height:200px;position:relative}
#header p{margin:0;position:absolute;bottom:15px;right:20px;font: bold 200% century gothic, Arial, Helvetica, sans-serif;text-transform:uppercase}
#header span{display:block;font-size:.6em;padding-bottom:.3em}
#header a{text-decoration:none;color:#fff}
#footer{padding-top:3px;text-align:right;width:705px;font-size:.9em}

#main-content{position:relative}
#em-pt{position:absolute;right:39px;bottom:19px}

a{text-decoration:none}
a:hover{text-decoration:underline}
a img{border:none}
p{margin:1em 0}
h1{font-size:1.6em;font-weight:bold;margin-top:1.5em}
h2{font-size:1.4em;font-weight:bold}
.school-image img{border-style:solid;border-width:0 1px 1px;margin-bottom:1.5em}

#nav ul,#nav li{list-style:none;margin:0;padding:0;text-align:right}
#nav ul{padding-top:1.5em;margin-left:20px;height:25em}
#nav a{width:150px;display:block;padding:.3em 20px .3em 0;text-decoration:none}
.index #nav .index a,
.history #nav .history a,
.teaching #nav .teaching a,
.services #nav .services a,
.activities #nav .activities a,
.info #nav .info a,
.contact #nav .contact a,
.personalized #nav .personalized a{font-weight:bold;color:#ff0;text-decoration:underline}

.contact-data ul{list-style:none;margin:1em 0;padding:0}
.contact-data li{margin:0;padding:1px 0 1px 22px;background-position:0 center;background-repeat:no-repeat}
.contact-data .tel{background-image:url(../images/icons/phone.gif)}
.contact-data .fax{background-image:url(../images/icons/fax.gif)}
.contact-data .link{background-image:url(../images/icons/external.gif)}
.contact-data .date{background-image:url(../images/icons/date.gif)}

.xpression-hr hr,.index h1{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden}
.autoclear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.autoclear {display: block;}
/* Hides from IE-mac \*/
* html .autoclear {height: 1%;}
.autoclear {display: block;}
/* End hide from IE-mac */