body {
	color: #006633;
	background: #F6E32B;
	font-family: arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
}

a:link, a:hover, a:active, a:visited {
    color:#006633;
}

#wrapper {
    background: url("../images/contents-bg.jpg") center top repeat-y;
}

#contents {
    position:relative;
    width:1000px;
    margin:0 auto;
    background: url("../images/busstop.jpg") center 320px no-repeat;
    padding-bottom:50px;
}

#header {
    height:300px;
    background: url('../images/header-bg.jpg') no-repeat top left;
}
#header h1 {
    position:absolute; top:0px; right:60px;
    width:516px;
    height:0;
    padding-top:196px;
    background: url('../images/logo.jpg') no-repeat top left;
    font-size:1%;
    overflow:hidden;
}
#header #navigation {
    position: absolute; top:246px; right:50px;
    width:711px;
    height:54px;
    list-style:none;
}
#header #navigation li {
    float:left;
    padding:0;
    margin:0;

}
#header #navigation li a {
    display:block;
    height:0px;
    font-size:1%;
    overflow:hidden;
    padding-top:54px;
}
#header #navigation li#depot {
    width:135px;
    height:54px;
}
#header #navigation li#depot a {
    width:135px;
    background: url('../images/navigation/depot.png') no-repeat top left;
}
#header #navigation li#depot a:hover {
    background-position: 0px -54px;
}

#header #navigation li#pastExcursions {
    width:352px;
    height:54px;
}
#header #navigation li#pastExcursions a {
    width:352px;
    background: url('../images/navigation/pastExcursions.png') no-repeat top left;
}
#header #navigation li#pastExcursions a:hover {
    background-position: 0px -54px;
}

#header #navigation li#comingUp {
    width:224px;
    height:54px;
}
#header #navigation li#comingUp a {
    width:224px;
    background: url('../images/navigation/comingUp.png') no-repeat top left;
}
#header #navigation li#comingUp a:hover {
    background-position: 0px -54px;
}

#content {
    height:330px;
    width:356px;
    margin:65px auto 0 auto;
    padding:5px;
    font-size: 1.1em;
    font-weight:bold;
    text-align:center;
}

#content #galleryLinks {
    display:block;
    width:322px;
    list-style:none;
    padding:0;
    margin:-25px auto 0 auto;

}
#content #galleryLinks li {
    position:relative;
    float:left;
    width:161px;
    height:184px;
    padding:0;
    margin:0;
}
#content #galleryLinks li a {
    display:block;
    width:161px;
    height:184px;
    background: url('../images/pastExcursionsBus.png') no-repeat bottom left;
    color:#ffff00;
}
#content #galleryLinks li a:hover {
    background-position: top left;
}

#content #galleryLinks li a span.eventTitle {
    position:absolute; top:37px; left:39px;
    display:block;
    width:85px;
    text-align:center;
    font-size:55%;
}
#content #galleryLinks li a:hover span.eventTitle {
    top:18px; left:28px;
    font-size:75%;
    width:108px;
}
#content #galleryLinks li a span.eventVenue {
    position:absolute; top:70px; left:34px;
    display:block;
    width:94px;
    height:45px;
    text-align:center;
    font-size:55%;
    color:#ff0000;

}
#content #galleryLinks li a:hover span.eventVenue {
    top:60px; left:21px;
    font-size:75%;
    width:119px;
    height:56px;
}


#textNav {
    height:90px;
    width:366px;
    margin:0 auto;
    position:relative;
}
#textNav a {
    display:block;
    width:147px;
    height:0px;
    padding-top:90px;
    overflow:hidden;
    font-size:1%;
    background: url("../images/navigation/arrow-sprite.png") no-repeat;

}
#textNav a.next {
    position:absolute;top:0;right:0;
    background-position: -147px -100px;
}
#textNav a.previous {
    position:absolute;top:0;left:0;
    background-position: 0px -100px;
}
#textNav a:hover.next {
    background-position: top right;
}
#textNav a:hover.previous {
    background-position: top left;
}

#footer {
    text-align:center;
    position:relative;
    height:70px;
    font-size:70%;
    width:880px;
    margin:0 auto;
    padding: 0 60px 30px 60px;
    background: url("../images/footer-bg.jpg") bottom center no-repeat;
}
#footer #strapline {
    width:900px;
    height:0px;
    padding-top:30px;
    overflow:hidden;
    display:block;
    background: url("../images/strapline.png") top center no-repeat;
}
#footer #contact {
    display:block;
    padding-top:20px;
}
#footer #charityRegistration {
    position:absolute; bottom:5px; left:60px;
}
#footer #siteDesign{
    position:absolute; bottom:5px; right:60px;
}

#flashcontent {
    display:block;
    width:700px;
    margin:20px auto 0 auto;
}
#comingUpBus {
    position:relative;
    margin:0 auto;
    width:311px;
    height:355px;
    background: url("../images/comingUp.png") top left no-repeat;
}
#comingUpBus span {
    font-size:90%;
    display:block;
    width:232px;
    height:120px;
    position:absolute; top:130px; left:37px;
}