/*Inner Pages*/

/*
*	h1 = Index header
*	h2 = navigation
*	h3 = content subheader
*	h4 = content pseudo-header
*/

div#header h2 a {position: absolute; top: 50px; right: 128px; width: 443px; height: 43px;}
div#header h2 a span {display: none;}
div#container {
	height: 840px;
	width: 984px;
	background-image:url(../img/DA_BG.gif);
	background-repeat: no-repeat;
	position: relative;
	margin: 0px auto 0px auto;
    padding-right: 100px;
}
ul#navigation {list-style: none;}
ul#navigation li.box {
	height: 85px; 
	width: 98px; 
	padding: 0px 10px;
	position: absolute; /*nav boxes positioned over bg image*/
	left: 142px;
	text-align: center;
}
ul#navigation li.box h2 {
	height: 85px; 
	width: 98px; 
	position: relative; /*for positioning a tags absolute to give them the full height of the box*/
	margin: 0px; 
	padding: 0px; 
	font-weight: bold;
	text-transform: lowercase;
}
ul#navigation li.box h2 a {
	width: 98px; /*height is different for side items vs top item*/
	position: absolute; /*makes height attribute effective*/
	border-bottom: none; 
	color: #000;
}
ul#navigation li.current {
	top: 19px;
	left: 280px;
}
ul#navigation li.current h2 {}
ul#navigation li.current h2 a {
	bottom: 0px;
	right: 3px;
	text-align: right;
	padding-bottom: 10px;
}
ul#navigation li.nav1 {top: 130px;}
ul#navigation li.nav2 {top: 266px;}
ul#navigation li.nav3 {top: 404px;}
li.nav1 h2 a, li.nav2 h2 a, li.nav3 h2 a {	
	height: 85px; /*left nav items are all stretched to cover entire box*/
	top: 0px; 
	left: 0px;
}
/*Content Well Styles*/
div#content {
	width: 610px; 
	height: 400px; 
	position: absolute; 
	top: 140px; 
	left: 305px; 
	margin: 20px;
}
div#content p, div#content h3, div#content h4 {padding: 0px; margin-top: 0px;}
div#content h3 {margin-bottom: 5px; clear:both; }
div#content ul {margin: 2px 2px 10px 2px;}
div#content ul.twocol {
    position:relative;
    margin:0 0 20px 0;
    clear:both;
    padding:0;
}

#content ul.twocol li {
    width: 260px;
    float:left;
    margin-left:40px;
}



div#content div.image {
	height: 139px; 
	width: 143px; 
	float: right;
	margin: 0px 0px 10px 10px;
}
div#content div.yosh {background: #fff url(../img/yoshHand.gif) no-repeat;}
div#content div.yosh:hover {background: #fff url(../img/yoshFace.gif) no-repeat;}
div#content div.yosh p {display: none;}
div#content div.lowInfo {padding-bottom: 140px; padding-top: 140px;}
div#content div.lowInfo p {text-align: center; font-size: 120%; font-weight: bold;}
div#content span.smallText {font-size: 80%;}

/*Footer*/
div#footer {position: absolute; bottom: 0px; left: 10px; color: #fff;}