/* JamaicanDating.com stylesheet */

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #067AB3;
	background: url(images/pageBkgd.jpg) repeat-x #067AB3;
}

h3 { margin: 0 0 6px 0; padding: 0; font-weight: normal; text-align: left; }

img { border: 0; }

#wrapper {
	width: 772px;
	margin-left: auto;
	margin-right: auto;
	background: url(images/pageAreaFill.gif);
}

#header {
	float: right; /* float entire container so it will enclose all floated elements within it */
	width: 772px;
}

#header dl {
	float: right; /* same as above */
	width: 742px; /* fixes IE/Mac width bug */
	margin: 0 15px 15px 15px;
	padding: 0; /* zero out any default padding */
	font-size: 90%;
	display: inline; /* fixes IE/Win double margin bug */
}

#header dt {
	float: left;
	padding: 0;
}

#header dd {
	margin: 0;
	padding: 3px 0;
	text-align: right;
}

#header input {
	font-size: 90%;
}

#header a { text-align: right; font-size: 90%; color: #DF0024; text-decoration: none; }

.loginButton {
	font-size: 85%;
	color: #FFFFFF;
	background: #F11010;
}

#mainBanner {
	clear: both;
	width: 742px;
	height: 245px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
}

#mainBanner table {
	margin: 0;
	padding: 0;
	width: 742px;
	height: 245px;
}

.colLeftBanner {
	float: left;
	width: 200px;
	padding: 10px;
	text-align: left;
}

.colRightBanner {
	float: right;
	width: 200px;
	padding: 10px;
}

#joinHome {
	width: 200px;
	margin: 0 0 0 15px;
	text-align: left;
}

#joinHome dl {
	width: 200px; /* fixes IE/Mac width bug */
	margin: 0;
	padding: 0; /* zero out any default padding */
	display: inline; /* fixes IE/Win double margin bug */
}

#joinHome dt {
	margin: 8px 0;
	padding: 0;
	font-size: 135%;
	font-weight: bold;
	color: #F5E70E;
}

#joinHome dd {
	margin: 8px 0;
	padding: 0;
}

#browseHome {
	float: left; /* float entire container so it will enclose all floated elements within it */
	width: 200px;
}

#browseHome dl {
	float: left; /* same as above */
	width: 200px; /* fixes IE/Mac width bug */
	margin: 4px 0;
	padding: 0; /* zero out any default padding */
	text-align: left;
	display: inline; /* fixes IE/Win double margin bug */
}

#browseHome dt {
	float: left;
	width: 49%;
	margin: 4px 0;
	padding: 0;
	text-align: right;
	color:#FFFFFF;
}

#browseHome dd {
	float: right;
	width: 49%;
	margin: 0;
	padding: 0;
	text-align: left;
	color:#FFFFFF;
}

#browseHome input {
	font-size: 85%;
	color: #FFFFFF;
	border: 1px solid #666666;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background: #399B17;
}

.capTop { width: 347px; height: 11px; margin: 0; padding: 0; }
.capBot { clear: both; width: 347px; height: 11px; margin: 0; padding: 0; border: 0; }

.capTop { width: 347px; height: 11px; margin: 0; padding: 0; }

.capBot { clear: both; width: 347px; height: 11px; margin: 0; padding: 0; border: 0; }

#testimonials {
	float: left; /* float entire container so it will enclose all floated elements within it */
	width: 355px;
	margin: 0 0 -2px 0;
	padding: 0;
	background: url(sectionFill.gif) repeat-y;
}

#testimonials dl {
	float: left; /* same as above */
	width: 339px; /* fixes IE/Mac width bug */
	margin: 0;
	padding: 8px;
	display: inline; /* fixes IE/Win double margin bug */
}

#testimonials dt {
	float: right;
	width: 239px; /* forces <dt> elements to span across top of description */
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	font-size: 125%;
	color: #636366;
	border-bottom: 1px solid #CCCCCC;
}

#testimonials dd {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 85%;
}

#testimonials dd.img img {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

#testimonials a { color: #007EB3; }

#infoScroll {
	float: left; /* float entire container so it will enclose all floated elements within it */
	width: 355px;
	margin: 0 0 -2px 0;
	padding: 0;
	background: url(sectionFill.gif) repeat-y;
}

#infoScroll dl {
	float: left; /* same as above */
	width: 339px; /* fixes IE/Mac width bug */
	margin: 0;
	padding: 8px;
	display: inline; /* fixes IE/Win double margin bug */
}

#infoScroll dt {
	float: right;
	width: 199px; /* forces <dt> elements to span across top of description */
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	font-size: 125%;
	color: #636366;
	border-bottom: 1px solid #CCCCCC;
}

#infoScroll dd {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 85%;
}

#infoScroll dd.img img {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}

#infoScroll a { color: #007EB3; }

.features { margin: 15px; padding: 0; }
.featuresBkgd { padding: 0 10px; vertical-align: top; background: #F8ED4A; }
.featuresLeft { vertical-align: top; padding: 0 0 0 10px; border-left: 1px solid #399B17; background: #F8ED4A; }
.featuresRight { vertical-align: top; padding: 0 10px 0 0; border-right: 1px solid #399B17; background: #F8ED4A; }

.features dl {
	margin: 0;
	padding: 0;
	display: inline; /* fixes IE/Win double margin bug */
}

.features dt {
	margin: 0 0 8px 0;
	padding: 0;
	text-align: left;
	font-size: 125%;
	color: #DF0024;
	border-bottom: 1px solid #999999;
}

.features dd {
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
	font-size: 85%;
}

.features a { color: #DF0024; text-decoration: underline; }

#footer {
	width: 772px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 85%;
	line-height: 125%;
	color: #333333;
}

/* Universal formatting declarations */

.columnLeft {
	float: left;
	padding: 15px 7px 15px 15px;
}

.columnRight {
	float: right;
	padding: 15px 15px 15px 7px;
}

.headerStyle1 {
	text-align: left;
	font-size: 125%;
	font-weight: bold;
	color: #F5E70E;
}

.copyStyle1 {
	clear: both;
	margin: 0;
	padding: 0 15px 5px 15px;
	text-align: left;
	font-size: 85%;
}

.copyStyle1 h3 {
	font-size: 120%;
	font-weight: normal;
}