/* Standard Page Styles */
html,body{
margin:0;
padding:0;
background-color: #022;
}
body{
font: 76% arial,sans-serif;
color: #fc9;
}
p{
margin:0;
}
a:link, a:active, a:visited{
color: yellow;
text-decoration: none;
}
a:hover{
color: red;
}

/* reset header fonts */
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
border:0;
margin:0;
color: #fc9;
padding:10px 0 10px 0;
}
h1{font-size:22px;font-weight:bold;}
h2{font-size:20px;font-weight:bold;}
h3{font-size:18px;font-weight:bold;}
h4{font-size:16px;font-weight:bold;}
h5{font-size:14px;font-weight:bold;}
h6{font-size:12px;font-weight:bold;}


/* Layout Element Positions */
/* fixed width template */
#container{
width:791px;
margin:0 auto;
border: 0;
}

#banner{
height:147px;
border: 0;
}
#wrapper{
width:100%;
height:38px;
border: 0;
}
#pagetitle {
position:absolute;
margin-left:0;
height:30px;
width:255px;
padding: 0;
border: 0;
}
#bannersub{
position:absolute;
width:263px;
height:38px;
margin-left:262px;
padding: 0;
}
#footer{
position:absolute;
width:256px;
height:30px;
margin-left:525px;
padding: 0;
border: 0;
}



#nav{
float:left;
width:167px;
margin:0;
border:0;
}
#navtop{
width:167px;
height:17px;
border:0;
padding:0;
}
#navcontent{
width:167px;
min-height:50px;
border:0;
padding:0 2px 0 2px;
}
#navfoot{
width:167px;
height:13px;
border:0;
padding:0;
}

#content{
float:right;
width:616px;
margin-left:-200px;
border:0;
}
#content_top{
width:616px;
height:17px;
padding:0;
border:0;
}
#content_body{
width:576px;
min-height:300px;
padding:0 20px 20px 20px;
border:0;
}
#content_foot{
width:616px;
height:21px;
padding:0;
border:0;
}

#powered_by{
clear:both;
padding: 20px 0 0 0;
margin: 0;
}



/* DIV Styles */
#banner{
background-color: #022;
background-image: url(PBDS_banner.jpg);
background-repeat: no-repeat;
}
#wrapper {
background-color: white;
}
#pagetitle{
padding: 8px 0 0 10px;
background-color: #022;
font-size: 14px;
font-weight: bold;
color: #fc9;
text-align: left;
}
#bannersub{
background-color: #022;
background-image: url(theplayhouse.jpg);
background-repeat: no-repeat;
}
#footer{
padding: 8px 10px 0 0;
background-color: #022;
font-size: 14px;
font-weight: bold;
color: #fc9;
text-align: right;
}
#nav{
background-color: #022;
}
#navtop{
background-color: #022;
background-image: url(navtop.jpg);
background-repeat: no-repeat;
}
#navcontent{
background-color: #022;
background-image: url(nav_slice.jpg);
background-repeat: repeat-y;
}
#navfoot{
background-color: #022;
background-image: url(nav_btm.jpg);
background-repeat: no-repeat;
}

#content{
background-color: #022;
}
#content_top{
background-image: url(content_top.jpg);
background-repeat: no-repeat;
}
#content_body{
background-image: url(content_slice.jpg);
background-repeat: repeat-y;
overflow:hidden;
}
#content_foot{
background-image: url(content_btm.jpg);
background-repeat: no-repeat;
}

#content p{
line-height:1.4;
}
#content a, #content a:active, #content a:visited{
color: yellow;
text-decoration: none;
}
#content a:hover{
color: red;
}
/* all images in main content page will have this border */
#content_body img{
border: 1px solid #fc9;
margin: 10px;
padding:5px;
background-color: #013334;
}


#powered_by{
background: #022;
font-size: 10px;
color: #ccc;
text-align: center;
}
#powered_by a, #powered_by a:visited, #powered_by a:active{
color: silver;
text-decoration: none;
}
#powered_by a:hover{
color: white;
}


/* login table */
.logintable {
	padding: 0;
	margin: 0;
	text-align: center;
}
.login {
	font-size: 10px;
	color: #000;
	text-align: center;
	padding: 0;
	margin: 0;
}
.login input {
	font-size: 10px;
	background-color: #ccc;
	border: 1px solid #000;
}
.login a, .login a:visited, .login a:active {
	color: #999;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
.login a:hover {
	color: #000000;
}
.login_button {
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	padding: 5px 0 5px 0;
}

/* button rollover */
.buttonSubmit {
	background-color: #cccccc;
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	padding: 1px 2px 1px 2px;
}
.buttonSubmitRoll {
	background-color: #f4df00;
	font-size: 10px;
	color: #000000;
	border: 1px solid #000000;
	padding: 1px 2px 1px 2px;
}




