/*-Reset-*/

html, body, nav, ul, li, a, img, div { margin: 0px; padding: 0px; }

/*-Style-*/

body { background-color: rgb(255,255,255); width: 100%; height: 100%;}
h1 { font-size: 1em;}
.title { font-size: 4.5em; margin-left: -16px; }
.titleSlash { font-size: 1.3em; font-weight: 400;}
a .slash { visibility: hidden;}
a:hover .slash, .active .slash { color: rgb(0,0,0); visibility: visible;}
a .active {font-weight: bold;}
.panel a {text-decoration: none; color: rgb(0,0,0);}
nav a { font-size: 1.3em; text-decoration: none; color: rgb(0,0,0); display: block; }
nav h2 { display: inline;}
nav ul li {display: block;}
.text {clear: both;}
.text h2, .info h2 { font-weight: normal;}
.text a {text-decoration: none; color: rgb(0,0,0); margin-left: -3px;}
.foreword a {text-decoration: none; font-weight: bold; color: rgb(0,0,0);}

/*-video Scaling-*/

.videoContainer {position: relative; padding-bottom: 52%; padding-top: 30px; height: 0; overflow: hidden; max-width: 800px; margin: 0 auto;}
.videoContainer iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*-Small Layout-*/

#background { background: url(../images/homesmall/image3.jpg) no-repeat top}
.title { margin: 0px 0px -15px 0px;}
.content, .foreword, .mapContainer, .info {margin: 20px;}
#map-canvas {width: 100%; height: 300px;}
.foreword {padding-bottom: 30px;}
.foreword, .text, .info { border-bottom: 5px solid rgb(0,0,0); text-align: justify;}
.text, .info { padding: 10px 0px 30px 0px; }
.text h1 { font-size: 2em; text-align: center; margin-bottom: 20px;}
.text h2 { font-size: 1.7em; text-align: center; margin-bottom: 30px;}
.text a {margin-left: -7px;}
.info .panel { width: 50%; text-align: center; margin: 0 auto 50px auto;} 
.navContainer {margin-top: 200px;}
nav { margin: 0; clear: both; display: block;}
nav a { padding: 10px 0px;}
nav ul { margin-bottom: 40px; }
nav li { text-align: center;}
nav h2 {font-size: 1em;}
#social {margin: 0 auto; max-width: 212px;}
#social li, .addthis_button_facebook, .addthis_button_twitter, .addthis_button_compact {height: 48px; width: 48px; display: inline-block; padding: 0 10px; margin: 0 0 20px 0;}
#facebook {background: url(../images/sociallarge/facebook.png) no-repeat center center;}
#twitter {background: url(../images/sociallarge/twitter.png) no-repeat center center;}
#addthis {background: url(../images/sociallarge/addthis.png) no-repeat center center;}

/*Large Layout*/

@media screen and (min-width: 721px) {
    #background {background: url(../images/homelarge/image3.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
    .showContainer {position: absolute; width: 100%;}
    #map-canvas {width: 100%; height: 350px; max-width: 800px; margin: 0 auto;}
    .info {width: 100%; max-width: 800px; margin: 0 auto; overflow: hidden;}
    .info .panel {display: block; clear: both; width: 400px; text-align: center; margin: 0 auto; margin-bottom: 60px;} 
    .navContainer {margin: 0; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; overflow: scroll;}
    nav {position: absolute; top: 0px; left: 0px; min-height: 100%; width: 260px; margin: 0px; background: url('../images/trans.png') repeat;}
    nav ul {margin: 0px 20px 20px 35px;}
    nav ul li {text-align: left;}
    nav a {font-size: 1em; padding: 3px 0px; font-size: 1em;}
    nav h2 {font-size: 1em;}
    .title {margin: 0px 0px 0px -15px;}
    .content, .foreword, .mapContainer, .infoContainer {margin: 40px 80px 80px 305px; max-width: 1200px;} 
    .text {display: block; max-width: 800px; margin: 0 auto; clear: both; padding-top: 15px; text-align: justify;}
    .text h1 {display: none;}
    .text h2 {text-align: left;}
    .text a {margin-left: -7px;}
    .foreword {text-align: justify;}
    .foreword, .text, .info {border-bottom: none;}
    #uniLink {margin-bottom: 20px;}
    #social {margin-left: 44px;}
    #social li, .addthis_button_facebook, .addthis_button_twitter, .addthis_button_compact {display: inline-block; height: 24px; width: 24px; padding: 0; margin: 0;}
    #facebook {background: url(../images/socialsmall/facebook.png) no-repeat center center;}
    #twitter {background: url(../images/socialsmall/twitter.png) no-repeat center center;}
    #addthis {background: url(../images/socialsmall/addthis.png) no-repeat center center;}
}

@media screen and (min-width: 910px) {
  .foreword {
    position: absolute;
    -moz-column-count: 2;
    -webkit-column-count:2;
    column-count:2;
    -moz-column-gap:40px;
    -webkit-column-gap:40px;
    column-gap:40px;
    max-width: 1200px;
  }
}

@media screen and (min-width: 1175px) {
  .info {position: relative;}
  .info .panel {width: 50%; clear: none; margin: 0 0 20px 0; float: left;}
}

<!-- Hosting24 Analytics Code -->
<script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
<!-- End Of Analytics Code -->