/* CSS Document */

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

h1 {
	position:relative;
	top:45px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:2.3em;
	color:#FF9900;
	padding:0px;
	margin:0px;
	text-align:center;
}

h2 { /**** really only used for SAA Link because it has a sub header *****/
	position:relative;
	top:38px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:2.3em;
	color:#FF9900;
	padding:0px;
	margin:0px;
	text-align:center;
}
.subhead { 
	position:relative;
	font-size:1.3em;
	top:20px;
}

#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/repeatage.jpg) repeat-y;
	margin:0 auto;
	width:800px;
	height:auto;
}

#header {
	background:url(../gifs/header.jpg) no-repeat;
	position:relative;
	width:800px;
	height:96px;
}

#content {
	margin:0 auto;
	width:670px;
	height:auto;
	min-height:300px;
	font-size:1.3em;
}
#content a, a:link, a:visited {
	color:#FF9900;
	text-decoration:none;
}
#content a:hover {
	color:#FFCC99;
	text-decoration:underline;
}

#caption { /**** positions and styles caption for pictures if neccessary ***/
	position:relative;
	float:right;
	padding-left:5px;
	margin:0px;
}	
#caption p {
	font-size:.7em;
	width:234px;
	height:30px;
	text-align:center;
	padding-top:5px;
	margin:0px;
}

#bottom {
	background:url(../gifs/bottom.jpg) no-repeat;
	width:800px;
	height:44px;
}

/********* bottom credits and legal *********/
#tag {
	background:url(../gifs/bottomtag.jpg) no-repeat;
	margin:0 auto;
	width:740px;
	height:54px;
}
#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 *********/

/***** for splash page 2 column layout ******/
#right {
	position:relative;
	float:right;
	width:335px;
	height:auto;
	line-height:.1em;
}

#left {
	position:relative;
	float:left;
	width:335px;
	height:auto;
	line-height:.1em;
}

#clear{clear:both;
margin-top:10em;}