ul {
    margin: 0;
    padding: 0;
}

body {
    margin: 0 auto;
    background: #263238;
    font-family: Verdana, sans-serif;
}

.wrapper {
    width: 960px;
    margin: 0 auto;
}

#header {
    width: 960px;
    height: 198px;
    background: url('/site-media/images/header.jpg');
    background-repeat: no-repeat;
    margin: 0 auto;
}

#nav {
    width: 960px;
    height: 41px;
}

#nav_logo {
    width: 123px;
    height: 41px;
    background: url('/site-media/images/nav_logo.jpg');
    background-repeat: no-repeat;
    display: block;
}

#nav_brick {
    width: 36px;
    height: 41px;
    background: url('/site-media/images/nav_brick.jpg');
    background-repeat: no-repeat;
    display: block;
}

#nav_home a { display:block; height:41px; width:141px; overflow:hidden; background: url('/site-media/images/nav_home.gif'); background-repeat: no-repeat; }
#nav_home a:hover { display:block; text-indent:-100px; background: url('/site-media/images/nav_home_roll.gif'); background-repeat: no-repeat; }

#nav_about a { display:block; height:41px; width:138px; overflow:hidden; background: url('/site-media/images/nav_about.gif'); background-repeat: no-repeat; }
#nav_about a:hover { display:block; text-indent:-100px; background: url('/site-media/images/nav_about_roll.gif'); background-repeat: no-repeat; }

#nav_actives a { display:block; height:41px; width:120px; overflow:hidden; background: url('/site-media/images/nav_actives.gif'); background-repeat: no-repeat; }
#nav_actives a:hover { display:block; text-indent:-100px; background: url('/site-media/images/nav_actives_roll.gif'); background-repeat: no-repeat; }

#nav_alumni a { display:block; height:41px; width:139px; overflow:hidden; background: url('/site-media/images/nav_alumni.gif'); background-repeat: no-repeat; }
#nav_alumni a:hover { display:block; text-indent:-100px; background: url('/site-media/images/nav_alumni_roll.gif'); background-repeat: no-repeat; }

#nav_recruits a { display:block; height:41px; width:139px; overflow:hidden; background: url('/site-media/images/nav_recruits.gif'); background-repeat: no-repeat; }
#nav_recruits a:hover { display:block; text-indent:-100px; background: url('/site-media/images/nav_recruits_roll.gif'); background-repeat: no-repeat; }

#nav_contact a { display:block; height:41px; width:124px; overflow:hidden; background: url('/site-media/images/nav_contact.gif'); background-repeat: no-repeat; }
#nav_contact a:hover { display:block; text-indent:-100px; background: url('/site-media/images/nav_contact_roll.gif'); background-repeat: no-repeat; }

#nav ul {
    height: 41px;
    list-style-type: none;
    float: left;
}

#nav ul li {
    height: 41px;
    float: left;
}

.messages {
    list-style-type: none;
    padding-left: 20px;
    color: #61863E;
    background-color: #EFECBE;
}

#below_nav {
    width: 960px;
    height: 61px;
    background: url('/site-media/images/below_nav.jpg');
    background-repeat: no-repeat;
}

#sub-nav {
    width: 200px;
    float: left;
    padding-top: 20px;
    color: #000;
    font-size: 24px;
}

#sub-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 30px;
}

#sub-nav li a {
    color: #000;
    text-decoration: none;
}

#sub-nav li a:hover {
    color: #000;
    text-decoration: underline;
}

.dots {
    text-align: center;
    background: url('/site-media/images/dots.png');
    background-repeat: no-repeat;
    height: 4px;
    width: 72px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.clear { clear: both; }

#content {
    width: 960px;
    background: url('/site-media/images/bg.jpg');
    background-repeat: no-repeat;
    text-align: left;
    min-height: 400px;
}

#content p {
    margin: 0;
}

#content-wrapper {
    margin-right: 150px;
    margin-left: 150px;
    padding-top: 100px;
}

#content_home {
    width: 960px;
    height: 675px;
    background: url('/site-media/images/home_content.jpg');
    background-repeat: no-repeat;
}

#content_home p {
    width: 400px;
    margin: 0 0 0 150px;
    float: left;
}

#content_home img {
    float: right;
    margin-right: 150px;
}

.content_home_text {
    margin: 0 auto;
    width: 650px;
    font-style: italic;
    font-size: 22px;
}

#content_pages { width: 960px; }

#side_nav {
    width: 256px;
    height: 435px;
    background: url('/site-media/images/side_nav.jpg');
    background-repeat: no-repeat;
    float: left;
}

#content_pages_text {
    width: 674px;
    height: 435px;
    font-size: 18px;
    color: #fff;
    float: left;
}

#content_pages_text a {
    color: #ce934f;
}

form ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

form ul li {
    margin-bottom: 5px;
    clear: both;
}

.errorlist li {
    background-color: #F0E988;
    color: #E83A2A;
}

label {
    float: left;
    width: 130px;
}

table {
    text-align: left;
}

.heading {
    margin: 0;
    padding: 35px 0 15px 0;
    text-align: center;
}

.album-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.album-list li {
    float: left;
    margin-right: 30px;
    width: 100px;
}

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
    border-color: #000;
}