/*
 
 -- -- -- -- -- -- --
 css sprites2
 nav style, with style for scripted elements
 
 http://www.alistapart.com/articles/sprites2
 -- -- -- -- -- -- --
 
 */


/* Navigation using javascript
-------------------------------------------------------------- */

.nav {
    width: 903px;
    height: 55px;
    background: url(../images/black-nav.gif) no-repeat;
    position: absolute;
    top: 108px; /*Places navigation on page*/
    left: 0px; /*I'm not sure what this does*/
}

.nav li {
    display: inline;
}

.nav li a:link, .nav li a:visited {
    position: absolute;
    top: 0px;
    height: 55px;
    text-indent: -9000px;
    overflow: hidden;
    z-index: 10;
}

.nav .menu a:link, .nav .menu a:visited { /* MENU */
    left: 0px;
    width: 110px;
}

.nav .menu a:hover, .nav .menu a:focus {
    background: url(../images/black-nav.gif) no-repeat -0px -59px;
}

.nav .menu a:active {
    background: url(../images/black-nav.gif) no-repeat -0px -110px;
}

.current-menu .menu a:link, .current-menu .menu a:visited {
    background: url(../images/black-nav.gif) no-repeat -0px -177px;
    cursor: default;
}

.nav-menu, .nav-menu-click {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 110px;
    height: 55px;
    background: url(../images/black-nav.gif) no-repeat -0px -59px;
}

.nav-menu-click {
    background: url(../images/black-nav.gif) no-repeat -0px -118px;
}



.nav .calendar a:link, .nav .calendar a:visited { /* CALENDAR */
    left: 111px;
    width: 125px;
}

.nav .calendar a:hover, .nav .calendar a:focus {
    background: url(../images/black-nav.gif) no-repeat -111px -59px;
}

.nav .calendar a:active {
    background: url(../images/black-nav.gif) no-repeat -111px -60px;
}

.current-calendar .calendar a:link, .current-calendar .calendar a:visited {
    background: url(../images/black-nav.gif) no-repeat -111px -177px;
    cursor: default;
}

.nav-calendar, .nav-calendar-click {
    position: absolute;
    top: 0;
    left: 111px;
    width: 126px;
    height: 55px;
    background: url(../images/black-nav.gif) no-repeat -111px -59px;
}

.nav-calendar-click {
    background: url(../images/black-nav.gif) no-repeat -111px -118px;
}



.nav .history a:link, .nav .history a:visited { /* HISTORY */
    left: 236px;
    width: 114px;
}

.nav .history a:hover, .nav .history a:focus {
    background: url(../images/black-nav.gif) no-repeat -236px -59px;
}

.nav .history a:active {
    background: url(../images/black-nav.gif) no-repeat -236px -60px;
}

.current-history .history a:link, .current-history .history a:visited {
    background: url(../images/black-nav.gif) no-repeat -236px -177px;
    cursor: default;
}

.nav-history, .nav-history-click {
    position: absolute;
    top: 0; /**/
    left: 236px;
    width: 114px;
    height: 55px;
    background: url(../images/black-nav.gif) no-repeat -236px -59px;
}

.nav-history-click {
    background: url(../images/black-nav.gif) no-repeat -236px -118px;
}

.nav .directions a:link, .nav .directions a:visited { /* DIRECTIONS */
    left: 547px;
    width: 210px;
}

.nav .directions a:hover, .nav .directions a:focus {
    background: url(../images/black-nav.gif) no-repeat -547px -59px;
}

.nav .directions a:active {
    background: url(../images/black-nav.gif) no-repeat -547px -60px;
}

.current-directions .directions a:link, .current-directions .directions a:visited {
    background: url(../images/black-nav.gif) no-repeat -547px -177px;
    cursor: default;
}

.nav-directions, .nav-directions-click {
    position: absolute;
    top: 0; /**/
    left: 547px;
    width: 210px;
    height: 55px;
    background: url(../images/black-nav.gif) no-repeat -547px -59px;
}

.nav-directions-click {
    background: url(../images/black-nav.gif) no-repeat -547px -118px;
}


.nav .home a:link, .nav .home a:visited { /* HOME */
    left: 756px;
    width: 147px;
}

.nav .home a:hover, .nav .home a:focus {
    background: url(../images/black-nav.gif) no-repeat -756px -59px;
}

.nav .home a:active {
    background: url(../images/black-nav.gif) no-repeat -756px -60px;
}

.current-home .home a:link, .current-home .home a:visited {
    background: url(../images/black-nav.gif) no-repeat -756px -177px;
    cursor: default;
}

.nav-home, .nav-home-click {
    position: absolute;
    top: 0; /**/
    left: 756px;
    width: 147px;
    height: 55px;
    background: url(../images/black-nav.gif) no-repeat -756px -59px;
}

.nav-home-click {
    background: url(../images/black-nav.gif) no-repeat -756px -118px;
}

/* Red background
-------------------------------------------------------------- */
#centerContainer {
    margin-left: auto;
    margin-right: auto;
    width: 903px;
    position: relative;
	background: url(../images/bg.gif) repeat;
	}


/* Contains image at the very top of the page
-------------------------------------------------------------- */
#allContentContainerTop {
    margin-left: auto;
    margin-right: auto;
    width: 832px;
	height: 163px;
    position: relative;
}

/* White expandable background for center 
-------------------------------------------------------------- */
#allContentContainer {
    margin-left: auto;
    margin-right: auto;
    width: 831px;
    position: relative;
    background-color: #ffffff;
	margin-top: 0px;
	padding: 12px 0px 0px 0px;
}

/* contains and places margins around body content 
-------------------------------------------------------------- */
#bodyContentContainer {
	margin-left: auto;
    margin-right: auto;
	width: 756px;
    position: relative;
    margin-top: 42px;
    padding: 0px 0px 0px 0px;
}

/* footer 
-------------------------------------------------------------- */
#footer {
    height: 62px;
    width: 903px;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/footer_bg.gif) no-repeat;
}

#footerText {
    width: 893px;
    margin: 0px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
    text-align: right;
    font-size: 80%;
}


/* logo
-------------------------------------------------------------- */
.logo {
    position: absolute;
    top: 0px;
    left: 349px;
    height: 195px;
    width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 20;
}

.logo a:link, .logo a:visited
{
	text-decoration: none;
    color: #ffffff;
}

.logo a:hover
{
	text-decoration: none;
    color: #ffffff;
}


/* What's happening table
-------------------------------------------------------------- */
#mytable {
	width: 292px;
	padding: 2px 2px 2px 2px;
	margin: 15px 0px 0px 0px;
	background: #e4dda9;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	border-right: 1px solid #e4dda9;
	border-bottom: 1px solid #f7faec;
	border-top: 1px solid #f7faec;
	letter-spacing: 2px;
	text-align: left;
	padding: 8px 0px 8px 12px;
	background: #f7faec;
	width: 60px;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #f7faec;
	background: none;
}

td {
	border-right: 1px solid #f7faec;
	border-bottom: 1px solid #f7faec;
	background: #f7faec;
	padding: 8px 6px 20px 12px;
	margin: 0px 0px 0px 0px;
	color: #333333;
	text-align: left;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	
}


td.alt {
	border-right: 1px solid #e4dda9;
	background: #e4dda9;
	color: #333333;
}

th.spec {
	border-left: 1px solid #f7faec;
	border-right: 1px solid #f7faec;
	border-top: 0;
	background: #f7faec;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #e4dda9;
	border-top: 0;
	background: #e4dda9;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}