/*****************************************************
 DEFAULT HTML ELEMENTS
*****************************************************/
html {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	height: 100%;
	background: #faba20;
	margin: 0;
	padding: 0;
	font: 62.5% Arial, Verdana, Tahoma, Sans-Serif;
	text-align: left;
	color: #474228;
}
img {
	vertical-align: top;
}
h1 {
	border-bottom: 1px dotted #bc5c00;
	padding: 0 0 3px 0;
	margin: 0 0 1.5em 0;
	font-size: 1.8em;
	color: #bc5c00;
}
h2 {
	border-bottom: 1px dotted #bc5c00;
	padding: 0 0 3px 0;
	margin: 0 0 1.5em 0;
	font-size: 1.4em;
	color: #bc5c00;
}
h3 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	color: #bc5c00;
}
h4 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	color: #bc5c00;
}
a {
	font-weight: bold;
	text-decoration: underline;
	color: #ac4024;
}
a:hover {
	text-decoration: none;
	color: #ac4024;
}
hr {
	clear: left;
	height: 2px;
	background: #faba20;
	margin: 10px 0;
	border: none;
	color: #bc5c00;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
label {
	display: block;
	margin-bottom: 2px;
}

/*****************************************************
 ARCHITECTURE / INTERFACE ELEMENTS
*****************************************************/
#wrapStar {
	width: 801px;
	background: transparent url(images/top_grunge.jpg) no-repeat;
	margin: 0 auto;
	padding: 61px 44px 0 20px;
}
#header {
	width: 801px;
	height: 220px;
	background: transparent url(images/home_hdr.jpg) no-repeat;
}
#menu {
	float: left;
	width: 801px;
	height: 39px;
}
#mainBody {
	float: left;
	width: 801px;
	background: transparent url(images/grunge_tile.gif) repeat-y;
}
#eventsBox {
	float: left;
	width: 150px;
	height: 230px;
	margin-top: 30px;
	padding: 0 10px 0 39px;
	overflow: auto;
}
#allEventsBox {
	width: 190px;
	height: 275px;
	padding-right:10px;
	overflow: auto;
}
#welcome {
	float: left;
	width: 282px;
	height: 200px;
	background: transparent url(images/flower.gif) no-repeat top right;
	padding: 70px 295px 0 25px;
	font-size: 1.2em;
}
#homeFooter {
	clear: both;
	width: 765px;
	height: 58px;
	background: transparent url(images/home_footer.jpg) no-repeat;
	padding: 30px 0 0 36px;
}
#tier1Footer {
	clear: both;
	width: 765px;
	height: 58px;
	background: transparent url(images/tier1_footer.jpg) no-repeat;
	padding: 30px 0 0 36px;
}
#youthFooter {
	clear: both;
	width: 765px;
	height: 58px;
	background: transparent url(images/youth_footer.jpg) no-repeat;
	padding: 30px 0 0 36px;
}
.homeWrapper {
	float: left;
	width: 801px;
	background: transparent url(images/side_tile.gif) repeat-y top right;
}
.tier1Wrapper {
	float: left;
	width: 801px;
	background: transparent url(images/tier1_tile.gif) repeat-y top left;
}
.youthWrapper {
	float: left;
	width: 801px;
	height: 484px;
	background: transparent url(images/youth_bg.jpg) no-repeat top left;
}
a.topHome, a.topContact {
	float: left;
	display: block;
	width: 437px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
}
a.topContact {
	float: right;
	width: 153px;
}
#subMenu {
	float: left;
	width: 225px;
	padding: 30px 0 0 49px
}
#mainStuff {
	float: left;
	width: 470px;
	padding: 30px 30px 0 27px;
}
#youthContent {
	float: left;
	width: 520px;
	padding: 75px 250px 0 30px;
}
#details {
	padding: 30px;
}

/*****************************************************
 HOME PAGE MENU
*****************************************************/
#menu ul {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu ul li {
	float: left;
	height: 39px;
	margin: 0;
	padding: 0;
}
#menu a {
	float: left;
	display: block;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
}
.homeBump {
	width: 169px;
	background: transparent url(images/home_menu.jpg) no-repeat 0 0;
}
.homeEnd {
	width: 306px;
	background: transparent url(images/home_menu.jpg) no-repeat -495px 0;
}
a.homeAbout {
	width: 50px;
	background: transparent url(images/home_menu.jpg) no-repeat -169px 0;
}
a:hover.homeAbout {
	background: transparent url(images/home_menu.jpg) no-repeat -169px -46px;
}
a.homeEvents {
	width: 50px;
	background: transparent url(images/home_menu.jpg) no-repeat -219px 0;
}
a:hover.homeEvents {
	background: transparent url(images/home_menu.jpg) no-repeat -219px -46px;
}
a.homeAdult {
	width: 47px;
	background: transparent url(images/home_menu.jpg) no-repeat -269px 0;
}
a:hover.homeAdult {
	background: transparent url(images/home_menu.jpg) no-repeat -269px -46px;
}
a.homeYouth {
	width: 49px;
	background: transparent url(images/home_menu.jpg) no-repeat -316px 0;
}
a:hover.homeYouth {
	background: transparent url(images/home_menu.jpg) no-repeat -316px -46px;
}
a.homeChildren {
	width: 65px;
	background: transparent url(images/home_menu.jpg) no-repeat -365px 0;
}
a:hover.homeChildren {
	background: transparent url(images/home_menu.jpg) no-repeat -365px -46px;
}
a.homeMissions {
	width: 65px;
	background: transparent url(images/home_menu.jpg) no-repeat -430px 0;
}
a:hover.homeMissions {
	background: transparent url(images/home_menu.jpg) no-repeat -430px -46px;
}

/*****************************************************
 TIER1 MENU
*****************************************************/
.tier1Bump {
	width: 45px;
	background: transparent url(images/tier1_menu.jpg) no-repeat 0 0;
}
.tier1End {
	width: 389px;
	background: transparent url(images/tier1_menu.jpg) no-repeat -411px 0;
}
a.tier1Home {
	width: 43px;
	background: transparent url(images/tier1_menu.jpg) no-repeat -45px 0;
}
a:hover.tier1Home {
	background: transparent url(images/tier1_menu.jpg) no-repeat -45px -46px;
}
a.tier1About {
	width: 48px;
	background: transparent url(images/tier1_menu.jpg) no-repeat -88px 0;
}
a:hover.tier1About {
	background: transparent url(images/tier1_menu.jpg) no-repeat -88px -46px;
}
a.tier1Events {
	width: 52px;
	background: transparent url(images/tier1_menu.jpg) no-repeat -136px 0;
}
a:hover.tier1Events {
	background: transparent url(images/tier1_menu.jpg) no-repeat -136px -46px;
}
a.tier1Adult {
	width: 47px;
	background: transparent url(images/tier1_menu.jpg) no-repeat -188px 0;
}
a:hover.tier1Adult {
	background: transparent url(images/tier1_menu.jpg) no-repeat -188px -46px;
}
a.tier1Youth {
	width: 48px;
	background: transparent url(images/tier1_menu.jpg) no-repeat -235px 0;
}
a:hover.tier1Youth {
	background: transparent url(images/tier1_menu.jpg) no-repeat -235px -46px;
}
a.tier1Children {
	width: 66px;
	background: transparent url(images/tier1_menu.jpg) no-repeat -283px 0;
}
a:hover.tier1Children {
	background: transparent url(images/tier1_menu.jpg) no-repeat -283px -46px;
}
a.tier1Missions {
	width: 63px;
	background: transparent url(images/tier1_menu.jpg) no-repeat -348px 0;
}
a:hover.tier1Missions {
	background: transparent url(images/tier1_menu.jpg) no-repeat -348px -46px;
}

/*****************************************************
 BOTTOM MENU
*****************************************************/
#homeFooter ul, #tier1Footer ul, #youthFooter ul {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#homeFooter ul li, #tier1Footer ul li, #youthFooter ul li {
	float: left;
	height: 10px;
	margin: 0;
	padding: 0;
}
#homeFooter a, #tier1Footer a, #youthFooter a {
	float: left;
	display: block;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
}
a.links {
	width: 28px;
	background: transparent url(images/bottom_menu.gif) no-repeat 0 0;
}
a:hover.links {
	background: transparent url(images/bottom_menu.gif) no-repeat 0 -15px;
}
a.location {
	width: 45px;
	background: transparent url(images/bottom_menu.gif) no-repeat -28px 0;
}
a:hover.location {
	background: transparent url(images/bottom_menu.gif) no-repeat -28px -15px;
}
a.contact {
	width: 54px;
	background: transparent url(images/bottom_menu.gif) no-repeat -73px 0;
}
a:hover.contact {
	background: transparent url(images/bottom_menu.gif) no-repeat -73px -15px;
}
a.login {
	width: 60px;
	background: transparent url(images/bottom_menu.gif) no-repeat -127px 0;
}
a:hover.login {
	background: transparent url(images/bottom_menu.gif) no-repeat -127px -15px;
}
a.logout {
	width: 40px;
	background: transparent url(images/bottom_menu.gif) no-repeat -194px 0;
}
a:hover.logout {
	background: transparent url(images/bottom_menu.gif) no-repeat -194px -15px;
}

/*****************************************************
 TYPE CLASSES
*****************************************************/
#mainStuff p, #youthContent p, #subMenu p {
	margin-top: 0;
	margin-bottom: 1.4em;
	font-size: 1.2em;
}
#mainStuff li, #youthContent li, #details p, #details li {
	font-size: 1.2em;
}
#mainStuff img {
	float: left;
	margin: 0 15px 15px 0;
}
.clear, .clear li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menu li {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
.red {
	background: #f00;
	padding: 15px;
	color: #FFF;
}

/*****************************************************
 CLENDAR STUFF
*****************************************************/
.calendar-month a {
	text-decoration: none;
	color: #FFFFFF;
}
.calendar-month a:hover {
	text-decoration: underline;
}
.calendar a {
	font-size: 1em;
}
.calendar strong {
	color: #8d0000;
}
.calendar td {
	width: 66px;
	background: #fff8cb;
	font-size: 1em;
	vertical-align: top;
}
.calendar th {
	background: #fff3b1;
	font-size: 1em;
}
.chartHeading, .calendar-month {
	background: #8d0000;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
}
	.calendar-month {
		padding: 5px;
	}