* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Helvetica, sans-serif;
 text-align: center;
background-image: url('http://tpsiteworks.com/demo/occ/images/gratebgtile.jpg');
}


  /*
LEAVE THE WRAPPER SECTION AS IT IS IF YOU WANT THE WEBPAGE AUTOMATICALLY CENTERED ON THE SCREEN, BUT CHANGE THE WIDTH ACCORDINGLY
*/
#wrapper { 
 margin: 40px auto;
 width: 800px;
}

hr.gray {
  color:#666666;
  height: 2px;
border-width:0;
background-color: #666666;
}

a {text-decoration: none; color:#ff6600}
a:hover {text-decoration: none; color:#0000ff}

ul.left {
padding: 0px 0px 0px 15px;
text-align: left;
color: #cc6633;
}

img
{  border-style: none;
}

img.floatleft { 
    float: left; 
    margin: 12px; 
}

img.floatright { 
    float: right; 
    margin: 12px; 
}

table.page {
table-layout: auto;
border-collapse: collapse;
border: 3px solid #000000;
}

table.one {
table-layout: auto;
border-collapse: collapse;
}

td.left {
padding: 20px 20px 20px 20px;
border-top: 2px solid #333333;
vertical-align: top;
width: 500px;
background-image: url('http://tpsiteworks.com/demo/occ/images/dkgraybgtile.jpg');
}

td.right {
padding: 0px 0px 0px 0px;
border-top: 0px solid #333333;
border-left: 2px solid #333333;
background-color: #333333;
vertical-align: top;
height: 400px;
}

td.black {
background-color: #000000;
padding: 10px 10px 10px 10px;
vertical-align: middle;
}

td.gray {
background-image: url('http://offcentercookers.com/images/dkgraybgtile.jpg');
padding: 10px 10px 10px 10px;
vertical-align: middle;
}

.gray42 {
color: #666666;
font-size: 42px;
}

.blue42 {
color: #0000ff;
font-size: 42px;
}

.blue36 {
color: #0000ff;
font-size: 36px;
}

.blue24 {
color: #0000ff;
font-size: 24px;
}

.orange10bold {
color: #ff6600;
font-size: 10px;
font-weight: bold;
line-height:13px;
display:block;
}

.orange10 {
color: #ff6600;
font-size: 10px;
line-height:13px;
display:block;
}

.orange11bold {
color: #ff6600;
font-size: 11px;
font-weight: bold;
}

.orange12bold {
color: #ff6600;
font-size: 12px;
font-weight: bold;
}

.dkgray12bold {
color: #666666;
font-size: 12px;
font-weight: bold;
}

.gray12bold {
color: #999999;
font-size: 12px;
font-weight: bold;
}

.gray12 {
color: #999999;
font-size: 12px;
}

.gray11bold {
color: #999999;
font-size: 11px;
font-weight: bold;
}

.gray11 {
color: #999999;
font-size: 11px;
}

.gray10bold {
color: #999999;
font-size: 10px;
font-weight: bold;
line-height:13px;
display:block;
}

.gray10 {
color: #999999;
font-size: 10px;
line-height:13px;
display:block;
}

.ltblue12bold {
color: #99ccff;
font-size: 12px;
font-weight: bold;
}

.ltblue11bold {
color: #99ccff;
font-size: 11px;
font-weight: bold;
}

.ltblue11 {
color: #99ccff;
font-size: 11px;
}

.ltblue12 {
color: #99ccff;
font-size: 12px;
}

.ltblue10bold {
color: #99ccff;
font-size: 10px;
font-weight: bold;
line-height:13px;
display:block;
}

.black10bold {
color: #000000;
font-size: 10px;
font-weight: bold;
line-height:13px;
display:block;
}

.yellow10bold {
color: #ffcc00;
font-size: 10px;
font-weight: bold;
line-height:13px;
display:block;
}

.gray9 {
font-family: Arial;
color: #666666;
font-size: 9px;
line-height:13px;
display:block;
}

.gray12arial {
font-family: Arial;
color: #666666;
font-size: 12px;
font-weight: bold;
}

.left {
text-align: left
}

.right {
text-align: right
}

.center {
text-align: center
}

.justify {
text-align: justify
}