* { padding: 0; margin: 0; }

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


#wrapper { 
 margin: 0px auto;
 width: 800px;
}

#wrapper2 { 
 margin: 0px auto;
 width: 880px;
}

ul.left {
padding: 0px 20px 0px 20px;
text-align: left;
color: #999966;
text-indent: 20px;
}

ul.leftsquare {
padding: 0px 20px 0px 20px;
list-style-type: square;
text-align: justify;
color: #999999;
text-indent:40px;
}

ul.blue {
padding: 0px 20px 0px 20px;
text-align: justify;
color: #003366;
}

hr {
height:1px;
border-width:0;
color: #ffffff;
background-color: #ffffff;
}

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

hr.mauve {
height: 1px;
color: #ae9fa2; 
background-color: #ae9fa2;
border-width: 0;
}

hr.ltblue {
height: 1px;
color: #6699cc; 
background-color: #6699cc;
border-width: 0;
}

img
{  border-style: none;
}

img.floatleft { 
    float: left; 
    margin: 7px; 
}
img.floatright { 
    float: right; 
    margin: 7px; 
}

#header {
 color: #ffffff;
 width: 800px;
 float: left;
 height: 251px;
 background-image: url('http://unionroadcofc.com/images/800header.jpg');
 background-repeat: no-repeat;
}

#header2 {
 color: #ffffff;
 width: 800px;
 float: left;
 height: 251px;
 background-image: url('http://unionroadcofc.com/images/newheader.jpg');
 background-repeat: no-repeat;
}

a {text-decoration: none; color:#cc9966;}
a:hover {text-decoration: none; color:#6699cc;}

a.new {text-decoration: none; color:#516c87;}
a.new:hover {text-decoration: none; color:#ae9fa2;}

a.menu {text-decoration: none; color:#ffffff;}
a.menu:hover {text-decoration: none; color:#516c87;}

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

td.leftedge {
background-image: url('http://unionroadcofc.com/images/leftbodybgtile.jpg');
}

td.rightedge {
background-image: url('http://unionroadcofc.com/images/rightbodybgtile.jpg');
}

td.left { 
 background-color: #ffffff;
 padding: 20px;
 vertical-align: top;
 border-left: 1px solid #cccccc;
}

td.left2 { 
 background-color: #ffffff;
 padding: 20px;
 vertical-align: top;
}

td.right { 
 background-color: #516c87;
 padding: 10px;
 border-left: 1px solid #99ccff;
 width: 272px;
 vertical-align: top;
}

td.rightputty { 
 background-color: #d8d2d2;
 border-left: 2px solid #ae9fa2;
 padding: 5px;
 width: 270px;
 vertical-align: top;
}

td.menu {
font-family: Verdana, Helvetica, sans-serif;
border-bottom: 0px solid #cccccc;
padding: 0px 0px 1px 0px; 
text-align: center;
font-weight: bold;
}

td.menuputty {
background-color: #ae9fa2;
border-top: 3px solid #ae9fa2;
border-top: 3px solid #d8d2d2;
padding: 2px 0px 5px 0px; 
text-align: center;
font-weight: bold;
}

td.top {
vertical-align: top;
}

td.middle {
vertical-align: middle;
}

td.bottom {
vertical-align: bottom;
}

td.line {
padding-top:7px;
padding-bottom:7px;
}

.mauve14bold {
color: #948892;
font-size: 14px;
font-weight: bold;
}

.mauve12bold {
color: #948892;
font-size: 12px;
font-weight: bold;
}

.mauve11bold {
color: #948892;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height:13px;
display:block;
}

.mauve10bold {
color: #948892;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height:13px;
display:block;
}

.ltblue10bold {
color: #6699cc;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height:13px;
display:block;
}

.ltblue11bold {
color: #6699cc;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height:13px;
display:block;
}

.white10bold {
color: #ffffff;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height:13px;
display:block;
}

.white12bold {
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

.white11bold {
color: #ffffff;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height:13px;
display:block;
}

.brown10bold {
color: #cc9966;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height:13px;
display:block;
}

.ltbrown10bold {
color: #ffcc99;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height:13px;
display:block;
}

.blue10bold {
color: #336699;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height:13px;
display:block;
}

.blue9bold {
color: #336699;
font-family: Verdana, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
line-height:13px;
display:block;
}

.blue11bold {
color: #336699;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height:13px;
display:block;
}

.blue14bold {
color: #336699;
font-size: 14px;
font-weight: bold;
}

.blue16bold {
color: #336699;
font-size: 16px;
font-weight: bold;
}

.ltgray10bold {
color: #cccccc;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
line-height:13px;
display:block;
}

.ltgray11bold {
color: #cccccc;
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height:13px;
display:block;
}

.ltgray14{
color: #cccccc;
font-size: 14px;
}

.dkgray12 {
color: #666666;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height:13px;
display:block;
}

.dkgray12bold {
color: #666666;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
line-height:13px;
display:block;
}

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

.dkgray11 {
color: #666666;
font-size: 11px;
line-height: 13px;
display:block;
}

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

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

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

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

.arial9 {
color: #666666;
font-size: 9px;
font-family: Arial;
}

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

.right {
text-align: right;
}

.left {
text-align: left;
}

.justify {
text-align: justify;
}

.center {
text-align: center;
}
