body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
color::black;
background-color:#FFFFFF;
}

p {	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 5px;
	margin-bottom: -2px;
	margin-top: -2px;
}

#top {margin:5px 20px 0px 20px;
padding:10px 0px 0px 30px;
background-color: #99CCFF;
background-image:url(http://www.onlinedatingdirectory.info/images/header_topright.jpg);
background-position: top right;
background-repeat:no-repeat;
border:1px solid #000;
height:65px;
font-size:17px; 
color:#FFFFFF;
font-weight:bold; 


}

#left  { 
/*background-image:url(http://www.onlinedatingdirectory.info/images/leftnavbg.gif);
background-position:top;
background-repeat:no-repeat;*/
position:absolute;
top:88px;
left:20px;
height:100%;
padding:0px 0px 0px 10px;
background-color:#99CCFF;
border:1px solid #000;
width:192px;
}

H1.left {
color:#FFFFFF; 
font-weight: bold; 
font-size: 16px;
line-height: 16px;
text-align:center;
}

div#left A:link  { color: #000044; font-weight: bolder; text-decoration: underline; }
div#left A:active { color: #FFFFFF; font-weight: bolder; text-decoration: underline; }
div#left A:visited  { color: #000044; font-weight: bold; text-decoration: underline; }
div#left A:hover  { color: #FFFFFF; font-weight: bold 
}



#middle  {
margin: 0px 231px 0px 231px;
padding:10px;
background-color:#fff;
border:1px solid #000;
height:800px;

}

#right
{position:absolute;
top:97px;
right:20px;
bottom:97px;
margin:0px 0px 0px 0px;
padding:10px;
background-color:#fff;
border:1px solid #000;
width:190px;
height:100%;
}

#bottom {
margin: 0px 20px 5px 20px;
padding:10px;
background-color:#fff;
border:1px solid #000;

}

#subCatHeader {
margin:0px 0px 0px 20px;
padding:0px;
background-color:#fff;
vertical-align:middle;
color: #C31B13;
font-weight:bold;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
text-indent:20px;
}

#subCatListings {
background-color:#fff;
border:0px;
vertical-align:top;
margin-bottom:2px;

}

#listingDescription {
background-color:#fff;
border:0px;
vertical-align:top;
margin-bottom:10px;
margin-top:5px;
padding-left:10px;

}

.listingheaddetail  {
	font-family: Arial, Helvetica, sans-serif;
	color: #000044;
	font-weight: bold;
	margin-left: 0px;
	font-size: 14px;
}

.listingheaddetail  A:link  { color: #000044; font-weight: bold; text-decoration: underline; margin-left: 0px; }
.listingheaddetail  A:active { color: #FFFFFF; font-weight: bold; text-decoration: underline; margin-left: 0px; }
.listingheaddetail  A:visited  { color: #000044; font-weight: bold; text-decoration: underline; margin-left: 0px; }
.listingheaddetail  A:hover  { color: #70CEF5; font-weight: bold; margin-left: 0px; }



.listinghead  {
	font-family: Arial, Helvetica, sans-serif;
	color: #000044;
	font-weight: bold;
	margin-left: 30px;
	font-size: 14px;
}

.listinghead  A:link  { color: #000044; font-weight: bold; text-decoration: underline; margin-left: 30px; }
.listinghead  A:active { color: #FFFFFF; font-weight: bold; text-decoration: underline; margin-left: 30px; }
.listinghead  A:visited  { color: #000044; font-weight: bold; text-decoration: underline; margin-left: 30px; }
.listinghead  A:hover  { color: #70CEF5; font-weight: bold; margin-left: 30px; }

td, th, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

H1  { color: #105B7A;
	font-weight: bold;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	margin-top: 5px;
	text-align: left;
}

.H1 A:link  { color: #105B7A; text-decoration: underline; }
.H1 A:active { color: #FFFFFF; text-decoration: underline; }
.H1 A:visited  { color: #000044; text-decoration: underline; }
.H1 A:hover  { color: #FFFFFF; text-decoration:none; }



H2  { font-family: Arial, Helvetica, sans-serif;
	color: #000066;
	font-weight: bold;
	margin-left: 5px;
	font-size: 16px;
}

H2  A:link  { color: #000044; text-decoration: underline; }
H2  A:active { color: #FFFFFF; text-decoration: underline; }
H2  A:visited  { color: #000044; text-decoration: underline; }
H2  A:hover  { color: #70CEF5; text-decoration: none;}



H4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px
}

H5  { color: #C31B13;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}

.subcathead  { color: #C31B13;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}


.cathead   {
 	color: #000044;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 3px;
	margin-top: 5px;
	line-height: 20px
}

.cathead A:link  { color: #000044; font-weight: bolder; text-decoration: underline; }
.cathead A:active { color: #FFFFFF; font-weight: bolder; text-decoration: underline; }
.cathead A:visited  { color: #000044; font-weight: bold; text-decoration: underline; }
.cathead A:hover  { color: #70CEF5; font-weight: bold 	}

.emailhead  { color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.copyhead  { color: #000044;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.topten {
	color: #000044;
	font-weight: bold;
	margin-left: 5px;
	font-size: 13px
}
.topten A:link  { color: #000044; font-weight: bolder; text-decoration: underline; }
.topten A:active { color: #FFFFFF; font-weight: bolder; text-decoration: underline; }
.topten A:visited  { color: #000044; font-weight: bold; text-decoration: underline; }
.topten A:hover  { color: #FFFFFF; font-weight: bold 
}


.lnavhead { color: #FFFFFF; font-weight: bold; text-decoration: none;
	font-size: 16px;
	margin-left: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 30px
}
.lnavhead A:link  { color: #FFFFFF; font-weight: bolder; text-decoration: none; }
.lnavhead A:active { color: #FFFFFF; font-weight: bolder; text-decoration: none; }
.lnavhead A:visited  { color: #FFFFFF; font-weight: bold; }
.lnavhead A:hover  { color: #FFFFFF; font-weight: bold; text-decoration: underline
}



.lnav {
	color: #000044;
	font-weight: bold;
	margin-left: 5px;
	font-size: 12px;
	line-height: 20px
}

.lnav A:link  { color: #000044; font-weight: bolder; text-decoration: underline; }
.lnav A:active { color: #FFFFFF; font-weight: bolder; text-decoration: underline; }
.lnav A:visited  { color: #000044; font-weight: bold; text-decoration: underline; }
.lnav A:hover  { color: #FFFFFF; font-weight: bold 
}

.topnav {
	color: #CC0000;
	font-weight: bold;
	margin-left: 5px;
	font-size: 12px;
	line-height: 20px
}

.topnav A:link  { color: #000044; font-weight: bolder; text-decoration: underline; }
.topnav A:active { color: #FFFFFF; font-weight: bolder; text-decoration: underline; }
.topnav A:visited  { color: #000044; font-weight: bold; text-decoration: underline; }
.topnav A:hover  { color: #70CEF5; font-weight: bold 
}

.goto {
	color: #CC0000;
	font-weight: bold;
	margin-left: 5px;
	font-size: 14px;
	line-height: 20px
}

.goto A:link  { color: #FF0000; font-weight: bold; text-decoration: underline; }
.goto A:active { color: #FFFFFF; font-weight: bold; text-decoration: underline; }
.goto A:visited  { color: #FF0000; font-weight: bold; text-decoration: underline; }
.goto A:hover  { color: #70CEF5; font-weight: bold 
}


.name {
	font-family: Arial, Helvetica, sans-serif;
	color: #000044;
	font-weight: bold;
	margin-left: 2px;
	font-size: 14px;
	line-height: 20px
}

.name A:link  { color: #000044; font-weight: bolder; text-decoration: underline; }
.name A:active { color: #FFFFFF; font-weight: bolder; text-decoration: underline; }
.name A:visited  { color: #000044; font-weight: bold; text-decoration: underline; }
.name A:hover  { color: #70CEF5; font-weight: bold 
}

.review { color: #990000;
		  font-family: Arial, Helvetica, sans-serif 
}

.review A:link  { color: #990000; font-weight:normal; text-decoration: underline; font-size: 12px; }
.review A:active { color: #990000; font-weight:normal; text-decoration: underline; }
.review A:visited  { color: #990000; font-weight:normal; text-decoration: underline; }
.review A:hover  { color: #000044; font-weight:normal
}

.footer {
	color: #000044;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 20px;
	font-size: 12px;
	line-height: 20px
}

.footer A:link  { color: #000044; font-weight: bolder; text-decoration: underline; }
.footer A:active { color: #000044; font-weight: bolder; text-decoration: underline; }
.footer A:visited  { color: #000044; font-weight: bold; text-decoration: underline; }
.footer A:hover  { color: #FFFFFF; font-weight: bold 
}

.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF
}

.email {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000044;
	margin-left: 5px;
	text-align: left
}
<!---  Listing Summary      --->

.cat {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000044;
	font-weight: bold;
	margin-left: 5px;
	font-size: 25px
}

.cat A:link  { color: #000044; font-weight: bolder; text-decoration: underline; }
.cat A:active { color: #FFFFFF; font-weight: bolder; text-decoration: underline; }
.cat A:visited  { color: #000044; font-weight: bold; text-decoration: underline; }
.cat A:hover  { color: #70CEF5; font-weight: bold 
}

.catnum {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000044;
	font-weight: bold;
	margin-left: 0px;
	font-size: 11px;
	line-height: 10px
}

.subcat {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000044;
	font-weight: bold;
	margin-left: 0px;
	font-size: 10px;
	line-height: 9px
}

.subcat A:link  { color: #000044; font-weight: bolder; text-decoration: underline; }
.subcat A:active { color: #000044; font-weight: bolder; text-decoration: underline; }
.subcat A:visited  { color: #000044; font-weight: bold; text-decoration: underline; }
.subcat A:hover  { color: #70CEF5; font-weight: bold 
}

<!--- Listings   --->


<!--- Head --->
.listinghead  {
	font-family: Arial, Helvetica, sans-serif;
	color: #000044;
	font-weight: bold;
	margin-left: 40px;
	font-size: 14px;
}

.listinghead  A:link  { color: #000044; font-weight: bold; text-decoration: underline; margin-left: 40px }
.listinghead  A:active { color: #FFFFFF; font-weight: bold; text-decoration: underline; margin-left: 40px }
.listinghead  A:visited  { color: #000044; font-weight: bold; text-decoration: underline; margin-left: 40px }
.listinghead  A:hover  { color: #70CEF5; font-weight: bold; margin-left: 40px }

.listingfoot { color: #990000; font-family: Arial, Helvetica, sans-serif 
}

.listingfoot A:link  { color: #990000; font-weight:normal; text-decoration: underline; font-size: 12px; margin-left: 5px; }
.listingfoot A:active { color: #990000; font-weight:normal; text-decoration: underline; margin-left: 5px; }
.listingfoot A:visited  { color: #990000; font-weight:normal; text-decoration: underline; margin-left: 5px; }
.listingfoot A:hover  { color: #000044; font-weight:normal; margin-left: 5px
}

.listingbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	padding-left: 10px
}