body { 
  background-color:#000000;
 }

#wrap
{
margin: 0 auto;
padding: 0 1px;
min-width:1024px;
max-width:1024px;
}



#header {
	border-style:solid;
	border-color:#d1d1d1;
	border-width:3px;
	

}

#content {
   font-family: "Century Gothic";
   font-size: 14px;
   color: #d1d1d1;
   text-align:	center;
}


#footer {
   font-family: "Century Gothic";
   font-size: 12px;
   color: #d1d1d1;
   text-align:	center;
}


.drawcell {
border:groove;
border-color:#fddf41;
border-width:medium;
}

.drawline { 
display: block;
background-color: #d1d1d1;
height: 1px;
border-style:solid; 
}

.drawtd {
padding: 10px  10px  10px  10px;
border: 2px  solid  #900825;
background: #000000;
}



/**************** text color - size ******************************/
.yellow {
font-size: 18px;
color: #fddf41;
}

.red {
font-size: 14px;
color: #900825;
}

.gray {
font-size: 12px;
color: #808d6f;
}


.white {
font-size: 12px;
color: #d1d1d1;
}



/**************** nav bar ******************************/
.drawnav {
border: 3px  groove #000000;
}

#navbar li {
display: inline;
list-style-type: none;
font-family:  "Century Gothic";
font-size: 18px;
font-weight: 500 ; 
text-align: center;
}

#navbar  li a {
color: #fddf41;
text-decoration:none;

}

#navbar li a:hover {
color: #900825;
text-decoration:none;
}

#navbar li a:active {
color:#808d6f;
text-decoration:none;
}

/**************** boxes ******************************/
.boxleft
{
float:left;
margin-left: 40px;
margin-top: 60px;
}

.boxright
{
float:right;
margin-right: 100px;
margin-top: 60px;
text-align:left;
}

.boxmiddle
{
margin-left: 180px;
margin-right: 220px;
margin-top: 60px;
text-align:center;
}