body { 
margin:0px; 
background-color: #dadada;
background-image: url(images/bg.jpg);
background-repeat: repeat-x;}

td#nav { 
background-color: #475a69; 
height: 100px; 
width: 200px; 
}

td#bdy { 
height:400px; 
background-color: #4f6678; }


.topnav {

color: #CCCCCC;

height: 20px;
padding: 10px 0px 2px 0px; 
font: bold 12px Arial;

text-align: center;

text-transform: uppercase;

letter-spacing: 2px;

}


.ad { 
width:470px; 
height:170px; 
font: bold 12px Arial;

text-align: center;

background-color: #dadada; 
margin: 6px; 
border:2px solid #bbbbbb;
background-image: url(images/ad.jpg); 
border: 1px solid #333333;}

.spaces { 
width:50px; 
height:50px; 
}

.login { 
width:235px; 
height:130px; 
background-color: #dadada; 
margin: 6px; 
border:2px solid #bbbbbb;
background-image: url(./images/info.jpg); 
border: 1px solid #333333;}

.login a { 
font-size: 10px; 
font-family: arial; 
color: #000000;
font-family: arial; 
font-weight: bold; 
text-decoration: none; 
margin: 40px;
padding: 5px;
border-top: 1px dotted #475a69;
border-right: 1px dotted #475a69;
border-left: 1px dotted #475a69;
border-bottom: 1px dotted #475a69; }

.login a:hover { background-color: #ffffff; }

.info { 
width:185px; 
height:130px; 
background-color: #dadada; 
margin: 6px; 
border:2px solid #bbbbbb;
background-image: url(./images/info.jpg); 
border: 1px solid #333333;}

.online { 
width:185px; 
height:130px; 
background-color: #dadada; 
margin: 6px; 
border:2px solid #bbbbbb;
background-image: url(./images/lsonline.jpg); 
border: 1px solid #333333;}



#nav h1 { 
width:200px; 
font-family: georgia, verdana;
font-size: 18px; 
text-align: right; 
color: #475a69; 
background-color: #4f6678;}

#nav p { 
font-size: 10px; 
font-family: arial; 
text-align: left; 
margin:4px 10px 10px 10px; 
color: #dadada;
font-family: arial;
}


div h3 { 
font-size: 10px; 
font-family: arial; 
text-align: left; 
margin:2px 0px 12px 5px; 
color: #827e6d;
font-family: arial; }

div p { 
font-size: 10px; 
font-family: arial; 
text-align: left; 
margin:4px 10px 10px 10px; 
color: #666666;
font-family: arial;
}


.info a { 
font-size: 10px; 
font-family: arial; 
color: #000000;
font-family: arial; 
font-weight: bold; 
text-decoration: none; 
border-bottom: 1px dotted #000000;
}

.info a:hover { background-color: #ffffff; }


.nav a { 
display: block; 
width:100%; 
border-bottom:1px solid #dadada; 
color: #dadada;
text-decoration: none; 
font-family: arial; 
font-size: 11px; 
font-weight: bold; 
padding: 5px 0px 3px 0px;
 }

.nav a:hover {
background-color: #4f6678; 
color: #475a69; 
padding: 6px 0px 0px 0px; 
border-bottom: 3px solid #dadada;
border-top: 1px solid #dadada;
}


.cdiv { 
font-family: verdana; 
font-size: 13px; 
color: #666666; 
width: 750px; 
border: 4px solid #475a69;
background-color: #dadada; 
margin: 0px 0px 10px 10px; 
padding: 0px;}

.cdiv p {
 font-family: verdana; 
 font-size: 13px; 
 color: #666666;
}

.spacer {
display: block; 
width: 97%; 
text-align: right; 
letter-spacing: 2px; 
font-family: verdana;
color: #dadada; 
font-size: 18px; 
border-bottom:2px dotted #475a69;
}

.cdiv h1 {
font-family: verdana; 
font-size: 19px; color: #dadada;
letter-spacing: 2px;
background-image: url(images/h1.jpg);
background-repeat: no-repeat;
height: 50px;
width: 300;
margin: 2px 2px 2px 2px; 
padding: 4px;
}

.cdiv h3 {
font-family: verdana; 
font-size: 10x; 
color: #475a69; 
margin: 2px 2px 2px 20px; 
padding: 12px;
border-bottom: 0px solid #000000; 
text-align: left; 
width: 550px;
}

.cdiv h2 {
font-family: verdana; 
font-size: 10px; 
color: #475a69; 
margin: 2px 2px 2px 2px; 
padding: 4px;
border-bottom: 0px solid #000000; 
text-align: right; 
width: 550px;
}

a { 
font-family: arial; 
color: #333333;
font-family: arial; 
text-decoration: none; 
border-bottom: 1px dotted #000000;
}

a:hover { background-color: #dadada; }


#foot {
background-image: url(./images/footer.jpg);
height: 91px;
width: 974px;
padding: 4px;
text-align: center; 
font-family: arial; 
font-weight: bold; 
font-size: 12px;
color: #dadada; 
}