/* **************************
CSS Reset
************************** */

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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

/* remember to define focus styles! */

:focus {outline: 0;}
ul {list-style: none;}

/* **************************
General Styles
************************** */

body{
    background-color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.3;
    color:#fff;
    text-align: center;
    margin:0;
    padding:0;
    font-size:62.5%;
    min-height: 700px;
}

.home {background-color:#000000;}

.centered {
    margin:0 auto;
    width:1000px;
}

h1{}

h2{font-size:1.9em;}

h3{font-size:1.5em;}

h4{font-size:1.2em;}

h5{}

h6{}

p{color:#ccc;}

strong{font-weight:bold;}

em{font-style:italic;}

sup{font-size:smaller;text-decoration:none !important;}

.center{text-align:center;}

ol{margin:5px 0 10px 26px;}

.clear{clear:both;}

.green { color:#c4d92e; }

.alignleft {float:left;margin:0 10px 10px 0;}
.alignright {float:right;margin:0 0 10px 10px;}
.thumb-alignleft {
    float:left;
    margin:0px 0px 8px 40px;
}

a {color: white; text-decoration: none;}
a:hover {color: #c4d92e; text-decoration: none;}

img.gray {
    border: 3px solid #3a4146;
}

/* header */

#header {
    background: url(images/nav.jpg) center no-repeat;
    width:100%;
    margin: 0 auto;
    min-width: 1000px;
}
#header .centered {
    height:90px;
    position:relative;
}

#header h1 {
    width:389px;
    height:472px;
    position:absolute;
    text-indent: -9999px;
    background:url(images/logo-mummy.png) top center no-repeat;
    top:0px;
    left:0%;
}
#header ul {
    padding-top:28px;
}
#header li{
    position:relative;
    float: left;
    padding: 3px 15px;
    list-style:none;
    z-index:100;
    text-indent: -9999px;
}
#header li a {
    display:block;
}
#header .first {padding-left: 0px;}
#header #logo {}
#header ul a{
    height:35px;
}

#home       a {width:210px; background: transparent url(images/menu.png) 0     -43px no-repeat;}
#logo         {width:80px}
#instructor a {width:86px; background: transparent url(images/menu.png) -213px -43px no-repeat;}
#students   a {width:75px; background: transparent url(images/menu.png) -303px -43px no-repeat;}
#forums     a {width:60px; background: transparent url(images/menu.png) -385px -43px no-repeat;}
#schedule   a {width:74px; background: transparent url(images/menu.png) -447px -43px no-repeat;}
#aboutus    a {width:68px; background: transparent url(images/menu.png) -523px -43px no-repeat;}
#contactus  a {width:95px; background: transparent url(images/menu.png) -593px -43px no-repeat;}

#home       a:hover {background: transparent url(images/menu.png)      0 -3px no-repeat;}
#instructor a:hover {background: transparent url(images/menu.png) -213px -3px no-repeat;}
#students   a:hover {background: transparent url(images/menu.png) -303px -3px no-repeat;}
#forums     a:hover {background: transparent url(images/menu.png) -385px -3px no-repeat;}
#schedule   a:hover {background: transparent url(images/menu.png) -447px -3px no-repeat;}
#aboutus    a:hover {background: transparent url(images/menu.png) -523px -3px no-repeat;}
#contactus  a:hover {background: transparent url(images/menu.png) -593px -3px no-repeat;}


/* content */

#page {
    margin:0 auto;
    width:1000px;
    position: relative;
    padding-bottom: 20px;
}

#content{
    float:right;
    width:650px;
    font-size:11px;
    padding-top:0px;
    display:block;
    text-align: left;
}

/* posting area */
.post {
    margin-bottom:30px;
    margin-left:50px;
    font-size: 12px;
    font-weight: bold;
}
    /* SLIDER */
.slider {
    position:relative;
    width:500px;
    height:246px;
    margin-left:190px;
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.slider a {
	border:0;
	display:block;
}

.post .date {
    padding-top:5px;
    color: #8b8b8b;
    font-weight: bold;
}
.post .news {
    color: white;
    padding-bottom:5px;
    font-weight: bold;
}

.post a.special {
    color:#c4d92e;
}

.post table,td,tr {
    border:0px;
}

.post .texta {
    font-family:Tahoma;
    font-size: 12px;
    color: #c4d92e;
    background-color: black;
    border: 1px solid white;
}

.post .button {
    font-family:Tahoma;
    font-size: 12px;
    color: white;
    background-color: black;
    border: 1px solid white;
}

/* bottom page */

#bottom-page {
    height:235px;
    text-align: left;
    color: white;
    overflow: hidden;
    font-size:1.2em;
}

#bottom-page .first {
    padding-right:20px;
}

#bottom-page .column {
    width:280px;
    float:left;
    padding:0 60px 0 0px;
}

#bottom-page .last {
    width: 300px;
    padding-right:20px;
}
#bottom-page .last .date {
    padding-top:5px;
    color: #8b8b8b;
    font-weight: bold;
}
#bottom-page .last .news {
    color: white;
    padding-bottom:5px;
    font-weight: bold;
}

#bottom-more {
    height:20px;
    text-align: left;
    color: white;
    font-size:1.2em;
    padding-bottom: 5px;
}
#bottom-more .first {
    padding-right:20px;
}

#bottom-more .column {
    width:280px;
    float:left;
    padding:0 60px 0 0px;
}

#bottom-more .last {
    width: 300px;
    padding-right:20px;
}

.video-thumb {clear:both; position: relative;}

.video-thumb img.video {
    width:80px;
    float:left;
    margin: -6px 10px 10px 0;
    text-decoration: none;
    border: 0;
}

.events {
    padding-top: 5px;
    clear:both;
    position: relative;
    font-weight: bold;
}

.events .title {
    color: #8b8b8b;
}

.events .title a {
    color: #8b8b8b;
}
.events .topic {
    color: white;
}

.pictures-thumb {clear:both; position: relative;}

.pictures-thumb img.pictures {
    float:left;
    margin: -3px 10px 10px 0;
    text-decoration: none;
    border: 0;
}

#bottom-page h3 {color:#fff;margin-bottom:10px;}

/* FOOTER */

#footer{
    background:#1d1d1d;
    color:#c4d92e;
    clear:both;
    padding:0 10px;
    height:30px;
}

#footer a {
    color:#c4d92e;
    text-transform: uppercase;
}

#footer a:hover {
    color:white;
    text-transform: uppercase;
}

#footer ul {
    float:right;
    margin-top:10px;
}

#footer li {
    float:left;
    border-left:1px solid #666;
    padding:0 5px;
}

#footer .first {padding-left:0; border-left:0;}

#footer p {
    text-align:left;
    padding-top:10px;
    font-size:1em;
}
#bottomlogo {
    clear:both;
    height:85px;
    padding:0 10px;
}