/* Play On Players Style Sheet - Author: Dan Berg
   This is set to fit on 1024 width resolution
----------------------------------------------- */

body {
  background: rgb(62,62,62) url("images/browserbackground.gif") repeat 0 0;
  padding:0;
  margin:0;
  font:small Verdana, Arial, Helvetica;
  color:white;
  }
a {
  color:red;
  }
a img {
  border-width:0;
  }
h1, h2, h3, h4, h5, h6, ul, li, form {
  margin:0;
  padding:0;
  }
ul, li {
  list-style:none;
  }




/* font styles
----------------------------------------------- */

h1
{
	font-family: Verdana, Arial, Helvetica;
  	font-size: 24pt;
	font-weight: bolder; 
	color: rgb(0,85,204);
}
h2
{
	font-family: Verdana, Arial, Helvetica;
  	font-size: 16pt;
	font-weight: bold; 
	color: rgb(255,236,1);
}
h3
{
	font-family: Verdana, Arial, Helvetica;
  	font-size: 14pt;
	font-weight: bold; 
	color: rgb(255,236,1);
}
h4
{
	font-family: Verdana, Arial, Helvetica;
  	font-size: 12pt;
	font-weight: normal; 
	color: white;
}
h5
{
	font-family: Verdana, Arial, Helvetica;
  	font-size: 10pt;
	font-weight: normal; 
	color: white;
}
h6 
{
	font-family: Verdana, Arial, Helvetica;
  	font-size: 8pt;
	font-weight: lighter; 
	color: white;
}




/* link styles
----------------------------------------------- */

a:link
{
	color: rgb(255,236,1); 
}
a:visited
{
	color: rgb(255,255,255); 
} 
a:active 
{
	color: rgb(255,153,1);
}




/* page
----------------------------------------------- */

#page-container {
  width:984px;
  margin:10px auto;
  }

#page {
  background: black;
  float:left;
  width:960px;
  padding:10px;
  border:solid #444;
  border-width:1px 3px 3px 1px;
  font-size:90%;
  line-height:1.75em;
  color:#566;
  }




/* header
----------------------------------------------- */

#header-container {
  width:960px;
  float:left;
  padding:0;
  border:0;
  margin:0 0 10px 0;
  }

#header {
  background: rgb(148,193,222) url("images/headerbackground.jpg") repeat-x 0 0;
  width:956px;
  float:left;
  padding:0;
  border:solid #444;
  border-width:1px 3px 3px 1px;
  }
#headerpicture1 {
  float:left;
  display:block;
  width:123px;
  text-decoration:none;
  padding:1px 0 1px 5px;
  }
#headerpicture1 img {
  display:block;
  }
#headerpicture2 {
  float:right;
  display:block;
  width:130px;
  text-decoration:none;
  padding: 0 10px 0 0;
  }
#headerpicture2 img {
  display:block;
  }




/* menu
----------------------------------------------- */

#menu-container {
  width:960px;
  float:left;
  padding:0;
  border:0;
  margin:0;
  }

#menu {
  background: rgb(165,255,194) url("images/buttoncolor.jpg") repeat-x 0 0;
  width:956px;
  float:left;
  margin:0;
  padding:0;
  border:solid #135;
  border-width:1px 3px 1px 1px;
  list-style:none;
  }
#menu li {
  background:none;
  display:inline;
  padding:0;
  }
#menu li a, #menu li strong {
  float:left;
  width:auto;
  padding:5px 9px 3px;
  border-left:1px solid #579;
  border-right:1px solid #135;
  color:black;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  }
#menu li strong {
  background:rgb(62,62,62);
  color:#fff;
  }
#menu li a strong {
  padding:0;
  border-width:0;
  }
#menu li a:hover {
  background: rgb(62,62,62);
  border-left-color:rgb(62,62,62);
  color:yellow;
  }




/* main-container (contains submenu and content)
----------------------------------------------- */

#main-container {
  background: #5E5E5E;
  float:left;
  width:956px;
  padding:0;
  border:solid #444;
  border-width:1px 3px 1px 1px;
  }




/* submenuhomepage (within main div)
----------------------------------------------- */

#submenuhomepage-container {
  background: #5E5E5E;
  width:253px;
  float:left;
  }

#submenuhomepage {
  background: #5E5E5E;
  width:253px;
  float:left;
  padding:0;
  display:block;
  }




/* submenu (within main div)
----------------------------------------------- */

#submenu-container {
  background: #5E5E5E;
  width:215px;
  border:0;
  float:left;
  }

#submenu {
  background: #5E5E5E; url("images/submenubackground.jpg");
  width:211px;
  float:left;
  border:0;
  border-width:0px 3px 3px 1px;
  }
#submenu li {
  background:none;
  display: table;
  text-decoration: none;
  padding:10px 10px 10px 10px;
  }
#submenu li a {
  text-decoration: underline;
  float:left;
  color:black;
  font-weight:bold;
  }
#submenu li strong {
  float:left;
  color:black;
  text-decoration:none;
  font-weight:bold;
  }
#submenu li strong {
  background:rgb(62,62,62);
  color:white;
  }
#submenu li a:hover {
  background:rgb(62,62,62);
  color:yellow;
  }




/* contenthomepage (within main div)
----------------------------------------------- */

#contenthomepage-container {
  background: #5E5E5E;
  width:703px;
  float:right;
  padding:0;
  }

#contenthomepage {
  background:#5E5E5E url("images/contentbackground.jpg");
  width:668px;
  float:left;
  padding:15px 15px 0 20px;
  }




/* content (within main div)
----------------------------------------------- */

#content-container {
  background:#5E5E5E;
  width:741px;
  float:right;
  padding:0;
  border:0;
  }

#content {
  background:#5E5E5E url("images/contentbackground.jpg");
  width:706px;
  float:left;
  padding:15px 15px 0 20px;
  }




/* footer
----------------------------------------------- */

#footer-container {
  width:960px;
  float:left;
  padding:0;
  }

#footer {
  background: rgb(148,193,222) url("images/footerbackground.jpg") repeat-x 0 0;
  width:956px;
  float:left;
  padding:0;
  border:solid #444;
  border-width:1px 3px 3px 1px;
  }
#footerpicture1 {
  float:left;
  display:block;
  width:416px;
  text-decoration:none;
  }
#footerpicture1 img {
  display:block;
  }
#footerpicture2 {
  float:right;
  display:block;
  width:416px;
  text-decoration:none;
  padding:0 10px 0 0;
  }
#footerpicture2 img {
  display:block;
  }