body {
	background:#b5b5b5 url(images/bkgrd.gif) repeat-x scroll 0% 0%;
    /*background-color: #b5b5b5;*/
	font-family: Verdana, Tahoma, Arial, Sans-serif;
	font-size: normal;
/*	font-size-adjust:none;
	font-stretch:normal;*/
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin: 0px;
}

b.rtop, b.rbottom{display:block;background: #b5b5b5}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: white}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

b.mtop, b.mbottom{display:block;background: #919191}
b.mtop b, b.mbottom b{display:block;height: 1px;
    overflow: hidden; background: #0203af}
b.m1{margin: 0 5px}
b.m2{margin: 0 3px}
b.m3{margin: 0 2px}
b.mtop b.m4, b.mbottom b.m4{margin: 0 1px;height: 2px}

b.ltop, b.lbottom{display:block;background: #b5b5b5}
b.ltop b, b.lbottom b{display:block;height: 1px;
    overflow: hidden; background: #a50302}
b.l1{margin: 0 5px}
b.l2{margin: 0 3px}
b.l3{margin: 0 2px}
b.ltop b.l4, b.lbottom b.l4{margin: 0 1px;height: 2px}

b.htop, b.hbottom{display:block;background: #737373}
b.htop b, b.hbottom b{display:block;height: 1px;
    overflow: hidden; background: black}
b.h1{margin: 0 5px}
b.h2{margin: 0 3px}
b.h3{margin: 0 2px}
b.htop b.h4, b.hbottom b.h4{margin: 0 1px;height: 2px}


#container{
    background-color: black;
	border-color: black;
	margin: 2px 3px 2px 3px;
}

#container-footer{
    background-color: white;
	border-color: white;
	margin: 2px 3px 2px 3px;
	
}

#container-top{
    background-color: #0203af;
	border-color: #0203af;
	margin: 2px 3px 2px 3px;
	height: 68px; /* Kyle I added this for compatibility with Safari, I would look into  the CSS box model and  issues with margins */
}

#container-left{
    background-color:    #a50302;
	border-color:  #a50302;
	float:         left;
	width:         115px;
	height:        auto;
	margin:        0px 3px 2px 3px;
}

#container-right{
    background:    white;
	border-color:  white;
	float:         right;
	width:         220px;
	height:        auto;
	margin:        0px 3px 2px 3px;}

#container-main {
    background:    white;
	border-color:  white;
	margin-left:   120px;
	margin-right:  225px;
	font-size:     100%;
    
}

#container-privacy {
    background:    white;
	border-color:  white;
	margin-left:   0px;
	margin-right:  0px;
	font-size:     100%;
    
}


#allcontent{
    width:        900px;
	padding-top:  5px;
    padding-bottom: 5px;
    margin-left:  auto;
    margin-right: auto;
}

#header{
    background-color:  black;
	height:            128px;
    margin:            0px;	
	text-align:        center;
	color:             black;
	font-family:       Verdana, Tahoma, Arial, Sans-serif;
	font-size:         225%;
}

#topbar{
    background:        #0203AF url(images/bluebkgrd.gif) repeat-x scroll 0% 0%;
	height:            68px;
	width: 			   894px; /* Kyle I added this for compatibility with Safari, I would look into  the CSS box model and  issues with margins */
	font-size:         150%;
	position:          absolute;
}



#leftbar{
    background-color:  #a50302;
	width:             115px; 
	min-height:        1000px;
  	height:            1000px;
	margin:            0 0 0 0;/* 0 -2px 0;new*/	
	text-align:        center;
	font-size:         80%;
	
}

#rightbar{
    background-color:  white;
	width:             220px;
	min-height:        1000px; 
	height:            1000px;
	margin:            0 0 0 0;
	text-align:        center;
	font-size:         80%;
}

#main{
    background-color:  white;
	font-size:         80%;
	min-height:        1000px;
	height:            1000px;
	padding-left:      5px;
	padding-right:     5px;
	margin:            0;/* 0 2px 0;new*/
}

#leftbar2{
    background-color:  #a50302;
	width:             115px; 
	min-height:        1350px;
  	height:            1350px;
	margin:            0 0 0 0;/* 0 -2px 0;new*/	
	text-align:        center;
	font-size:         80%;
	
}

#rightbar2{
    background-color:  white;
	width:             220px;
	min-height:        1350px; 
	height:            1350px;
	margin:            0 0 0 0;
	text-align:        center;
	font-size:         80%;
}

#main2{
    background-color:  white;
	font-size:         80%;
	min-height:        1350px;
	height:            1350px;
	padding-left:      5px;
	padding-right:     5px;
	margin:            0;/* 0 2px 0;new*/
}

#privacy{
    background-color:  white;
	font-size:         80%;
	min-height:        1250px;
	height:            1250px;
	padding:           5px;
	margin:            0 0 0px 0;
}



#footer{
    background-color:  white;
	height:            50px;
	margin:            5px;
    color:             #8b9594;
	text-align:        center;  
    font-size:         80%;	
}


li {
  
  padding-top:      20px;
  margin-left:      20px;
}



.tableA{
  background-color: ;
  margin-left: 20px; 
  margin-top: 20px;
}

.tableB{
  border: thin solid black;
  border-collapse: collapse;
  margin-left: 5px;
}

.tableC{
  border:  thin black solid;
  border-collapse: collapse;
}

.tableD{
  border:  thin black solid;
  border-collapse: collapse;  
  font-size:  150%;
  float: left;
  margin: 5px;
}

.thcolor {
  background-color: #99cb2e;
  color: #99cb2e;
}

a#whiteout:link{
   color:   white;
}

a#whiteout:visited{
   color:  white;
}

a#whiteout:hover{
   color: white;
}

a#redout:link{
   color:   #a50302;
}

a#redout:visited{
   color:  #a50302;
}

a#redout:hover{
   color: #a50302;
}

a#blackout:link{
   color: black;
   text-decoration: none;
}

a#blackout:visited{
   color: black;
   text-decoration: none;
}

a#blackout:hover{
   color: black;
   text-decoration: none;
}

a#privacylink:link{
   color: blue;
}

a#privacylink:visited{
   color: blue;
}

a#privacylink:hover{
   color: red;
}

a#checkit:link{
   color: blue;
}

a#checkit:visited{
   color: blue;
}

a#checkit:hover{
   color: red;
}

td {
  background-color: white;
  border: thin solid black;
  text-align: left;
   
}

.menubarcolor{
  /*background-color: #a50302;*/
  /*background:#a50302 url(images/redgr.gif) repeat-x scroll 0% 0%;*/
  background: none;
  border: thin solid black;
  color:      #6a6869;
  font-size:   70%;
  text-align: center;
  
    
}

.menubarwidth{
  width: 15px;
}
  
.cellcolor {
   background-color: #99cb2e;
}

.cheatscellcolor{
   background-color: #99cb2e;
}

.cheatscellcolor2{
   background-color: #DCDCDC;
}

a:link {
    color: white;
	text-decoration: none;	
}
a:visited {
    color: white;
	text-decoration: none;	
}

a:hover {
    color: #f2d300;
    background-color: transparent;
    text-decoration: none;
}
a#buylink:link{
   color: black;
}

a#buylink:visited{
   color: black;
}

a#buylink:hover{
   color: #f2d300;
}

h1 {
	font-size: 130%;
	color: #000000;
}

h2 {
	font-size: 130%;
	color: #000000;
}


/*test stuff*/
a.squarebutton{
background: transparent url(images/square-blue-left.gif) no-repeat top left;
display: block;
float: left;
margin-top:  20px;
font-family:       Verdana, Tahoma, Arial, Sans-serif;
color:      #6a6869;
font-size:   70%;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: white; /*button text color*/
}

a.squarebutton span{
background: transparent url(images/square-blue-right.gif) no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #f2d300;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}



