body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td 
{
margin:0;
padding:0;
}

body {
	background: #F59D12 url(images/09-bar3.jpg) repeat-x;
	border-top: 3px solid black;
font-size: 16px;
font-family: Helvetica, Arial,  sans-serif;
margin: 0;
padding: 0;
}


a:link{color: black; text-decoration: underline;}
a:visited {color:black; text-decoration: none;}
a:hover{color:white;}
a:active{color:blue;}

#page {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

#header1 {
	position: absolute;
	top: 45px;
	left: 0;
	margin: 0;
	padding: 0;
width:430px;
	height:450px;
z-index: 1;
border: none;
	background: url(images/09-duck.gif)  top center no-repeat;
	text-indent: -9999px;
}

#topnavs {
margin: 5px auto;
padding: 0;
position: relative;
top:0;
left: 200px;
width: 1000px;
z-index: 300;
font-size:13px;

padding:0 0 2px 0;
background: transparent;


}

#topnavs ul{
margin: 0;
padding: 0;}

#topnavs li{
	margin: 0;
	position: relative;
display: inline;
padding: 0;
list-style-type: none;
}

#topnavs a:link {
		padding: 0 10px;
text-decoration:none;
	color: #F59D12;
	margin: 0;
background-color: transparent;
}
#topnavs a:visited {
	color: gray;
	text-decoration: none;
		padding: 0 10px;
}
#topnavs a:hover {
text-decoration:none;
	color: white;
	margin: 0;
	padding: 0 10px;
}

#topnavs a.current {
text-decoration:none;
	color: white;
	margin: 0;
	padding: 0 10px;
}




.name{
	padding: 3px 5px 2px 5px;
	text-decoration:none;
	color: #B4B4B4;
}

.spacing {
	padding: 3px 5px 2px 5px;
	color: gray;
}


#content {
	position: absolute;
	top: 25px;
	left: 200px;
	width: 800px;
	height: 750px;
border: none;
	background: url(images/09-rule.gif) no-repeat bottom right;
	
	z-index: 2;
}

.container {
	position: relative;
top: 160px;
}





.imgs {
	position: relative;
	top: 0;
	background: transparent;
	border-bottom: 5px dotted white;
	padding: 30px 0 40px 0;
	margin-bottom: 10px;
}

.text{
	position: absolute;
	left: 640px;
	top: 20px;

	}
	

#controller {
	z-index: 3;
}



.description {
	position: absolute;
	left: 630px;
	padding: 0 ;
	top: 0;
	margin: 0;
	width: 160px;
border: none;
}

.description p{
color: #985D00;
padding-top: 0;
margin-bottom: 12px; 
line-height: 18px;

}

.description p a:link{
color: black;
text-decoration: underline;
}

.description p a:visited{
color: #985D00;
text-decoration: underline;
}

.description p a:hover{
color: white;
}

.description p a:active{
color: white;
}



img {
	clear: both;
}


h2 {
	position: absolute;
	color: #F59D12;
	font-size: 50px;
margin: 0;
padding: 0;
top: 40px;
}

p {
		font-size:12px;
line-height: 15px;
color: black;
}




#content p.tag {
		position: absolute;
	top: 25px;
	left: 220px;
	width: 540px;
letter-spacing: 1px;
		color: white;
	font-size: 24px;
	line-height: 26px;
	margin-top: 0;
	padding-top: 0;
}

.nav {
	position: relative;
margin: 0px 0 20px 0;
	z-index: 100;
}

#prev {
	width: 60px;
	background: url(images/09-prev-arrow.gif) no-repeat top left;
	padding: 3px 4px 4px 35px;
}

#prev:hover {
	width: 60px;
	background: url(images/09-prev-arrow.gif) no-repeat bottom left;
	padding: 3px 4px 4px 35px;
}

#next {
	width: 60px;
	background: url(images/09-next-arrow.gif) no-repeat top right;
	padding: 3px 38px 4px 4px;
}

#next:hover {
	width: 60px;
	background: url(images/09-next-arrow.gif) no-repeat bottom right;
	padding: 3px 38px 4px 4px;
}

.img-bot {
	border: none;
	width: 795px;

}


.clear {
	clear: both;
}

#copyright {
	position: absolute;
	top: 750px;
	left: 0;
	
padding: 5px;
font-family : 'Arial', 'Helvetica', 'Sans-serif';
font-size : 10px;
line-height: 11px;
text-decoration : none;
color : black;
background: transparent;

z-index: 501;
}

br {
	padding-top: 10px;
}