/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#FFFFFF;
	margin:0;
	padding:0;
	background-color:#413527;
}


#top {
	background:url(../gifs/toprepeat.jpg) repeat-x;
	width:auto;
	height:261px;
}

#topheader {
	background:url(../gifs/topheader.jpg) no-repeat;
	width:800px;
	height:261px;
	margin:0 auto;
}

/**************** back button ***************/
a#back {
	background:url(../gifs/back.jpg) no-repeat;
	width:156px;
	height:61px;
	position:relative;	
	top:5px;
	left:5px;
	display:block;
}
a#back:hover {
	background:url(../gifs/backhover.jpg) no-repeat;
	width:156px;
	height:61px;
	position:relative;	
	top:5px;
	left:5px;
	display:block;
}

/****** positions text inside of button *****/
.backp {
	position:relative;
	top:4px;
	left:58px;
	color:#FFFFFF;
}
.backp a, a:link, a:visited {
	text-decoration:none;
	color:#FFFFFF;
} 
.backp a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

/**************** /back button ***************/

#container {
	background:url(../gifs/flashbg.jpg) no-repeat;
	margin:0 auto;
	width:800px;
	height:639px;
}

/********* bottom credits and legal *********/
#tag {
	background:url(../gifs/bottomtag.jpg) no-repeat;
	margin:0 auto;
	width:740px;
	height:54px;
	margin-bottom:20px;
}
#tag p {
	position:relative;
	top:10px;
	width:710px;
	margin:0 auto;
}
#tag a, a:link, a:visited {
	text-decoration:none;
	color:#FF9900;
}
#tag a:hover {
	text-decoration:underline;
	color:#FFCC99;
}

/******** /bottom credits and legal *********/

/****** specific to the flash version *******/
#flash {
	position:relative;
	margin:0 auto;
	top:13px;
	width:740px;
	height:600px;
}

/****** /specific to the flash version ******/


/******* specific to the HTML version *******/
#frame {
	background:url(../gifs/frame.jpg) no-repeat;
	margin:0 auto;
	width:800px;
	height:639px;
}

#container2 {
	background:url(../gifs/middle.jpg) repeat;
	position:relative;
	width:703px;
	height:570px;
	left:48px;
	top:28px;
}

/***************** buttons *******************/
a#media {
	background:url(../gifs/buttons/media1.jpg) no-repeat;
	width:234px;
	height:190px;
	display:block;
}
a#media:hover {
	background:url(../gifs/buttons/media2.jpg) no-repeat;
	width:234px;
	height:190px;
	display:block;
}

a#forfun {
	background:url(../gifs/buttons/forfun1.jpg) no-repeat;
	width:234px;
	height:190px;
	display:block;
}
a#forfun:hover {
	background:url(../gifs/buttons/forfun.jpg) no-repeat;
	width:234px;
	height:190px;
	display:block;
}

a#lit {
	background:url(../gifs/buttons/literature1.jpg) no-repeat;
	position:relative;
	float:left;
	width:234px;
	height:190px;
	display:block;
}
a#lit:hover {
	background:url(../gifs/buttons/literature2.jpg) no-repeat;
	position:relative;
	float:left;
	width:234px;
	height:190px;
	display:block;
}

a#vol {
	background:url(../gifs/buttons/volunteer1.jpg) no-repeat;
	position:relative;
	bottom:380px;
	float:left;
	width:234px;
	height:190px;
	display:block;
}
a#vol:hover {
	background:url(../gifs/buttons/volunteer2.jpg) no-repeat;
	position:relative;
	bottom:380px;
	float:left;
	width:234px;
	height:190px;
	display:block;
}

a#saa {
	background:url(../gifs/buttons/saa.jpg) no-repeat;
	position:relative;
	bottom:190px;
	left:234px;
	clear:left;
	width:234px;
	height:190px;
	display:block;
}
a#saa:hover {
	background:url(../gifs/buttons/saa2.jpg) no-repeat;
	position:relative;
	bottom:190px;
	left:234px;
	clear:left;
	width:234px;
	height:190px;
	display:block;
}

a#teach {
	background:url(../gifs/buttons/teachers1.jpg) no-repeat;
	position:relative;
	float:right;
	width:234px;
	height:190px;
	display:block;
}
a#teach:hover {
	background:url(../gifs/buttons/teachers2.jpg) no-repeat;
	position:relative;
	float:right;
	width:234px;
	height:190px;
	display:block;
}

a#interact {
	background:url(../gifs/buttons/interactive1.jpg) no-repeat;
	position:relative;
	float:right;
	clear:right;
	width:234px;
	height:190px;
	display:block;
}
a#interact:hover {
	background:url(../gifs/buttons/interactive2.jpg) no-repeat;
	position:relative;
	float:right;
	clear:right;
	width:234px;
	height:190px;
	display:block;
}

a#holly {
	background:url(../gifs/buttons/hollywood1.jpg) no-repeat;
	position:relative;
	float:right;
	clear:both;
	width:234px;
	height:190px;
	display:block;
}
a#holly:hover {
	background:url(../gifs/buttons/hollywood2.jpg) no-repeat;
	position:relative;
	float:right;
	clear:both;
	width:234px;
	height:190px;
	display:block;
}

/***************** /buttons ******************/
/******* /specific to the HTML version *******/