/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com Ashildr
	  
*/

*{
padding: 0;
margin: 0;
}

body {
max-width: 100% !important;
overflow-x: hidden !important;
margin: 0 auto;
padding:0 0 0 0;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size:95%;
color:#000000;
background:#000000 url('backtile.jpg');
text-align:center;
}

p{
margin:0;
padding:8px 0;
line-height:1.3em;
}

#wrapper { 
 margin: 0 auto;
padding: 0;
 width: 100%;
}

#header{
width:100%;
height:300px;
margin:0 auto;
padding:0 auto;
background:#000000;
}

#headerimg{
width:902px;
height:300px;
margin:0 auto;
padding:0px 0px 0px 0px;
background:url('header.png') no-repeat top center;
text-align:center;
}

#navigation {
 width: 100%;
font-size:14px;
font-weight:bold;
 color: #888888;
 padding: 10px;
 border-top: 4px double #888888;
 margin: 0px 0px 0px 0px;
 background: url(x.jpg);
}

#navigation a, a:link{
font-weight:bold;
 color: #d0d1d2;
cursor : crosshair;
text decoration: none;
outline:none;
}

#navigation a:hover{
color:#ffffff;
font-weight:bold;
cursor : crosshair;
text-shadow: 2px 2px 2px #000000;
outline:none;
}

#navigation a:active{
font-weight:bold;
 color: #d0d1d2;
cursor : crosshair;
text decoration: none;
outline:none;
}

#navigation li {
display: inline;
padding: 2px 8px;
}

#content { 
 width: 100%;
 color: #edd7b0;
 border-top: 4px double #888888;
 background: url('tabletile.jpg');
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 100%;
}

#container {
margin: 0 auto;
width: 700px;
padding-top: 20px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size:95%;
color:#000000;
text-align: left;
}

#container a, a:link{
font-weight:bold;
color: #5f5f5f;
cursor : crosshair;
text-decoration:none;
outline:none;
}

#container a:hover {
font-weight:bold;
color: #5b0714;
cursor : crosshair;
text-decoration: underline;
outline:none;
}

#container a:active {
font-weight:bold;
color: #5f5f5f;
cursor : crosshair;
text-decoration:none;
outline:none;
}

a.up {
display:block;
width:8px;
height:8px;
padding-left: 10px;
background: url(bullet.png) no-repeat top left;
background-position: center left;
border-bottom:0px solid #E1D3B5;
}

h1, h2, h3, h4, h5, h6{
margin:4px 0;
padding:0;
color: #5b0714;
text-align:left;
}

h1{
font-size:1.4em;
color:#5b0714;
font-style:italic;
}

h2{font-size:1.2em;}
h3{font-size:1.1em;}
h4{font-size:1.0em;}
h5{font-size:1.0em;}
h6{font-size:0.9em;}

#footer { 
  width: 100%;
font-weight:bold;
font-size:11px;
 color: #d0d1d2;
 padding: 10px;
 border-top: 4px double #888888;
 margin: 0px 0px 0px 0px;
 background: url(xx.jpg);
}

#footer a, a:link{
font-weight:bold;
 color: #d0d1d2;
cursor : crosshair;
text-decoration:none;
outline:none;
}

#footer a:hover{
color:#ffffff;
font-weight:bold;
cursor : crosshair;
text-shadow: 2px 2px 2px #000000;
outline:none;
}

#footer a:active{
font-weight:bold;
 color: #d0d1d2;
cursor : crosshair;
text-decoration: none;
outline:none;
}