body {
	height: 100%;
	margin:0;
	padding: 0;
	background-color: #c0c0c0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.hide{ display:none; }
.bold{ font-weight:bold;}
img.decor { border: solid #999999 2px; margin: 3px 10px 10px 10px;  }

img { border: 0; margin: 1px; }

/* General alignment definitions. */
.left { float: left; }
.right { float: right; }
.center { text-align: center; }

/*=========================================*/
/*Main Container						   */
/*=========================================*/
#container {
	margin: 0 auto;
	width: 95%;
	height: 100%;
	background-color: #660000;
}
#containerPad {
	margin-left: 1px;
	margin-right: 1px;
	background-color: #660000;
	padding-left: 16px;
	padding-top: 8px;
	padding-right: 16px;
	border-left: 1px solid #660066;
	border-right: 1px solid #660066;
}

/*=========================================*/
/*Top Links								   */
/*=========================================*/
#topLinks {
	text-align: right;
	margin-bottom: 8px;
	font-size: 12px;
	color: #FFFFFF;
}
#topLinks a { color: #b6b6b6; text-decoration: none; }
#topLinks a:hover { color: #FFFFFF; }

/*=========================================*/
/*Header								   */
/*=========================================*/
#header {
	height: 144px;
	display: block;
	background-image: url("../dating-img/struct/header_middle.gif");
	background-repeat: repeat-x;
	margin-bottom: 24px;
}
#header .headLeft {
	width: 16px;
	height: 144px;
	float: left;
	background-image: url("../dating-img/struct/header_left.gif");
}
#header .headMiddle {
	float: left;
	margin-left: 8px;
	margin-top: 58px;
}
#header .headRight {
	width: 16px;
	height: 144px;
	float: right;
	background-image: url("../dating-img/struct/header_right.gif");
}
#header h1 {
	margin: 0;
	font-size: 24px;
	font-weight: bold;
	font-variant: small-caps;
	color: #ededed;
}
#header h2 {
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	float: left;
	color: #000000;
}

/*=========================================*/
/*Navigation							   */
/*=========================================*/
#nav {
height: 44px;
	float: right;
	background-image: url("../dating-img/struct/navigation_middle.gif");
	background-position: bottom left;
	background-repeat: repeat-x;
	overflow:hidden; /*this together with addition in topNav.cfm line 33, stops navbar splitting in Google Chrome browser*/
	margin-top: 100px;
}
#nav .naviLeft {
	height: 44px;
	width: 20px;
	float: left;
	background-image: url("../dating-img/struct/navigation_left.gif");
	background-position: bottom left;
	background-repeat: no-repeat;
}
#nav ul {
list-style:none;
margin:0;
padding:0;
}

* html #nav a { width: 85px; text-align: center; padding-left: 0; padding-right: 0; } /*lousy IE6 hack to fix a major display error*/

#nav a{
	height: 32px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-image: url("../dating-img/struct/navigation_link.gif");
	background-position: right 0;
	color: #446937;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: -10px;
}

#nav a:hover{ background-image: none; color:#303030; }

#nav li{
	height: 44px;
	float: left;
	background-image: url("../dating-img/struct/navigation_link.gif");
	background-position: right -44px;
	background-repeat: no-repeat;
}

#nav #current a{
	height: 44px;
	float: left;
	background-image: url("../dating-img/struct/navigation_link.gif");
	background-position: right -44px;
	background-repeat: no-repeat;
	color:#303030;
}

/*=========================================*/
/*Sidebar								   */
/*=========================================*/

#sidebar {
	margin: 0px;
	padding: 0px;
}
#sidebar .right {
	float: right;
	width: 144px;
}
#sidebar .left {
	float: left;
	width: 144px;
}
#sidebar .top {
	width: 144px;
	height: 20px;
	background-image: url("../dating-img/struct/sidebar_top.gif");
	text-align: center;
	font-size: 12px;
	color: #575757;
	font-weight: bold;
	padding-top: 4px;
}
#sidebar .middle {
	background-color: #ededed;
	width: 144px;
	font-size: 11px;
}
#sidebar .bottom {
	width: 144px;
	height: 8px;
	background-image: url("../dating-img/struct/sidebar_bottom.gif");
	margin-bottom: 16px;
	background-repeat: no-repeat;
}
#sidebar p { margin: 0; padding: 4px; }
#sidebar h1 { 
	color: #b6b6b6; 
	margin: 0; 
	font-size: 11px; 
	font-weight: bold;
	text-align: center; 
}
#sidebar .divider {
	margin-top: 4px;
	margin-bottom: 0;
	height: 2px;
	background-image: url("../dating-img/struct/sidebar_divider.gif");
	background-repeat: repeat-x;
}
#sidebar img {
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #a5a5a5;
	margin-top: 8px;  
}
#sidebar .subtitle { font-size: 10px; }
/*=========================================*/
#sidebar ol {
list-style:none;
margin:0;
padding:0;
}
#sidebar li{
	width: 144px;
	height: 32px;
	background-image: url("../dating-img/struct/sidebar_link.gif");
}
#sidebar li a {
	display: block;
	height: 24px;
	padding-left: 24px;
	padding-top: 8px;
	background-image: url("../dating-img/struct/sidebar_link.gif");
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}
#sidebar li a:hover {
	color: #660000;
	background-position: 0 -32px;
}
#sidebar .link a { color: #336600; }
#sidebar .link a:hover { color: #FF6666; }
/*=========================================*/
/*Content								   */
/*=========================================*/
#content {
	margin-right: 155px;
	margin-left: 155px;
}
#contentEnd { clear: both; } /*forces a new line - needed so the container doesn't cut off unexpectedly*/
#content .divider {
	margin: 8px 0;
	height: 2px;
	background-image: url("../dating-img/struct/content_divider.gif");
	background-repeat: repeat-x;
}
#content h1 {
	margin: 0;
	font-size: 16px;
	color: #597ca6;
}
#content h2 {
	margin: 0;
	font-size: 16px;
	font-variant: small-caps;
	color: #597ca6;
}
#content h3 {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
}
#content .quote {
	margin: 16px;
	padding: 12px;
	background-color: #e3e3e3;
	background-image: url("../dating-img/struct/content_quote.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #b8b8b8;
	color: #646464;
}
#content li { margin-bottom: 10px; }
#content a { color: #516e91; text-decoration: none; }
#content a:hover { color: #FF6666; text-decoration: underline; }

/*Misc. font-related definitions for use wherever*/
#content .red { color: #a94848; }
#content .green { color: #6f9151; }
#content .blue { color: #597ca6; }
#content .purple { color: #660066; }
#content .strike { text-decoration: line-through; }

/*=========================================*/

#content .top {
	height: 24px;
	background-image: url("../dating-img/struct/content_topMiddle.gif");
	background-repeat: repeat-x;
}
#content .topLeft {
	float: left;
	height: 24px;
	width: 8px;
	background-image: url("../dating-img/struct/content_topLeft.gif");
	background-repeat: no-repeat;
}
#content .topMiddle {
	float: left;
	padding-top: 4px;
}
#content .topMiddle h1 {
	margin: 0;
	font-size: 12px;
	color: #575757;
	font-weight: bold;
}
#content .topRight {
	float: right;
	height: 24px;
	width: 8px;
	background-image: url("../dating-img/struct/content_topRight.gif");
	background-repeat: no-repeat;
}
/*=========================================*/

#content .middlehome{
	background-image:url(../dating-img/webpics/coupsunst.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #ededed;
	padding: 8px 16px;
}

#content .middle {
	background-color: #ededed;
	padding: 8px 16px;
}

* html #content .middlehome {margin-right: 3px; margin-left: 3px;} /*Fixes a minor display glitch in IE6*/
* html #content .middle {margin-right: 3px; margin-left: 3px;} /*Fixes a minor display glitch in IE6*/

/*=========================================*/
#content .bottom {
	height: 8px;
	background-color: #ededed;	
	margin-bottom: 16px;
}
* html #content .bottom {margin-right: 3px; margin-left: 3px;} /*fixes a minor display glitch in IE6*/
#content .bottomLeft {
	height: 8px;
	width: 8px;
	float: left;
	background-image: url("../dating-img/struct/content_bottomLeft.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
}
#content .bottomRight {
	height: 8px;
	width: 8px;
	float: right;
	background-image: url("../dating-img/struct/content_bottomRight.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
}
/*=========================================*/
#content .commentBox {
	margin: 16px 0;
	padding: 8px;
	background-color: #e3e3e3;
	border: 1px solid #b8b8b8;
	text-align: right;
	font-size: 10px;
	line-height: normal;
	color: #646464;
}
/*=========================================*/
/*Central Navigation*/
/*=========================================*/
#content .cenNav{
	padding:0px;
	margin: 40px 0px 140px 0px;
	text-align: right; 
}
#content .cenNav a {
	font-size: 1.1em;
	font-weight: bold;
	width: 33%;
	margin-bottom: 30px;
	margin-left:1px;
	float: left;
	text-align: center;
}
#content .cenNav a img { border: 3px #EEEEEE outset; }
#content .cenNav a:hover img { border: 3px #CCCCCC inset;  }

#content .cenNav p { text-align: center; }

/*general use wrapper container, place items inside  contents inside content area*/
#contentContainer {
	position:relative;
	width:96%;
	height:auto;
	margin:10px auto 0 auto;
	padding:3px;
	border:1px solid #aaa;
	background:#fff;
} 

/*=========================================*/
/*Forms								   */
/*=========================================*/
#form {
	border: 0px;
	margin-left: auto; margin-right: auto;
	background: #FFCCCC;
	width: 86%;
	padding: 0.5em;
	text-align: left;
}
#form ol{
list-style:none;
margin: 0px;
padding: 0px;
} 
#form fieldset {
	border: 1px solid #781351;
	margin-top: 2px;
	padding: 2px;
	min-width:19em;
}
#form legend {
	color: #FFFFFF;
	background: #9966FF;
	border: 1px solid #781351;
	margin-bottom: 5px;
	padding: 2px 6px 2px 6px;
}
#form fieldset fieldset {
	border: 1px solid #FF9966;
	background-color: #FFCC99;
}
#form fieldset fieldset legend {
	color: #FFFFFF;
	border: 0px solid #781351;
	margin-bottom: 5px;
	padding: 2px 6px 2px 6px;
	background-color: #FF9966;
}
#form label {
	width: 8em;
	float: left;
	text-align: right;
	margin-right: 0.1em;
	padding-right: 0px;
}
#form .linehoz label { /*stops label wrapping around element*/
	display: inline;
	float:none;
}
#form input {
	color: #781351;
	background: #fee3ad;
	border: 1px solid #781351;
	width: 10em;
	margin: 2px 1px 2px 0.5em;
	font-size: .95em;
}
/*start - style applied to edit registration,profile form checkbox to get it to line up*/
#form .inputContainer { /*small container for use inside a form to contain form elements*/
	width:21em;
	float:left;
	margin:0;
	padding:0;
}
#form .checkBox label{ 
	float:right;
	margin-left: 0;
	margin-right: 1em;
	width: 12em;
	text-align:left;
}
#form .checkBox li { clear: both; }
#form .checkBox input { 
	background: #fee3ad;
	border: 1px solid #781351;
	width: 2em;
	float:left;
	margin:0.25em 0 0 6em;
}
#form .radioBox input { 
	background: #fee3ad;
	border: 1px solid #781351;
	width: 2em;
}
/*end - style applied to edit registration,profile form checkbox to get it to line up*/
#form select {
	color: #781351;
	background: #fee3ad;
	border: 1px solid #781351;
	width: 11em;
	margin: 2px 1px 2px 0.5em;
	font-size: .95em;
}
#form .short { width: 6em; }
#form .long { width: 17em; }
#form .longer { width: 28em; }

#form textarea {
	color: #781351;
	background: #fee3ad;
	border: 1px solid #781351;
	width:35em;
	margin: 2px 1px 2px 0.5em;
	font-size: 1em;
}
#form .submit input {
	color: #000000;
	border: 2px outset #d7b9c9;
	background-color: #fee3ad;
	margin-left: 5em;
	width: auto;
}
#form legend {
color: #ffffff;
background: #9966FF;
border: 1px solid #781351;
padding: 2px 6px
}
#form fieldset div.notes {
  float: right;
  width: 20em;
  height: auto;
  margin: 0 0 2px 2px;
  padding: 2px;
  border: 1px solid #666666;
  background-color: #fffded;
  color: #666666;
  font-size: .75em;
}
#form fieldset div.notes h4 {
	background: url(../dating-img/icon/ic_help.gif) no-repeat left top;
	border-bottom: solid #666666;
	border-width: 0 0 1px 0;
	color: #666666;
	font-size: 1.2em;
	margin: 0;
	padding: 0px 0px 5px 20px;
}
#form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
  text-align: left;
}
#form fieldset div.notes p.last { margin: 0em; }
#countBox{ /*set font size for countbox label*/
	font-size: 0.9em;
}
#form .countBox {
	color: #FF0000;
	background: #fee3ad;
	border: 1px solid #781351;
	height: 1.2em;
	width: 2.9em;
	padding-right: 2px;
	padding-left: 2px;
	margin: 0px;
	font-weight: bold;
	font-size: 1em;
	letter-spacing:0.1em;
}
/*=========================================*/
/*JS Checkform styling						*/
/*=========================================*/
#form input.errorBg { /*red background of form field element, ie. select box*/
	background-color: #FFCCCC;
	border: 2px solid #FF0000;
}
#form select.errorBg { /*red background of form field element, ie. select box*/
	background-color: #FFCCCC;
	border: 2px solid #FF0000;
}
#form #errorBox { /*red box, biege bg - for error message used only by checkform()*/
	WIDTH: 30em;
	font-size: 1em;
	color: #FF0000;
	background-color: #FFFFBF;
	padding: 3px;
	border: 2px solid #CC0000;
}
.info {	COLOR: #009900; }
.warn {	COLOR: #FF6600; }
.errorTxt {
	font-size: .98em;
	FONT-WEIGHT: bold; COLOR: #FF0000;
}
/*=========================================*/
/*Results page						       */
/*=========================================*/
.filterBox {
	FONT-WEIGHT: bold;
	font-size: 1.15em;
	width: 97%;
	padding: 2px;
	margin:0px 0px 15px 0px;
	border: none;
}
/* next previous controls*/
.pageControl{
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
}
.pageNoLink{ color: #CCCCCC; }
.pageBoxCurent{
	background-color: #FFFF99;
	margin: 0px;
	height: 16px;
	width: 18px;
	padding-right: 4px;
	padding-left: 4px;
}	
.pageBox{
	background-color: #CCCCCC;
	height: 16px;
	width: 18px;
	padding-right: 4px;
	padding-left: 4px;
	margin: 0px;
}
a.pageBox:hover {
	text-decoration: none;
	background-color: #FFFF99;
	height: 16px;
	width: 18px;
	padding-right: 4px;
	padding-left: 4px;
}
/*profile boxes in search result page*/
#result {
	position:relative;
	width:94%;
	margin:0px auto 0px auto;
	text-align:center;
}
#result p { margin: 0; padding: 4px; text-align:left;}

#result img {
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #a5a5a5;
	margin: 8px 0px 0px 0px;
}
#resultleft {
	width: 16em;
	background-color: #FFFFCC;
	float: left;
	border: solid 1px #666666;
	margin:1.5em;
	padding:0px;
	height:23em;
}
#resulttop {
	width: 16em;
	height: 2em;
	font-size: 12px;
	color: #575757;
	font-weight: bold;
	padding-top: 2px;
}
#resultmiddle {
	width: 16em;
	text-align: center;
	font-size: 1em;
	padding:0px;
}
#resultsubtitle { 
	display:block;
	font-size: .90em;
	height:10em;
	padding:2px;
	}
/*male bg color*/
.m{
	background: #CCCCFF;
	border-bottom-color:#3399FF;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
}
/*female bg color*/
.f{ background: #FFCCFF; 
	border-bottom-color:#FF9999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
/*=========================================*/
/*Profile page								*/
/*=========================================*/
#galleryContainer {
	position:relative;
	width:270px;
	height:210px;
	margin:2px;
	border:1px solid #aaa;
	background:#fff;
}
#galleryContainer ul {
	position:absolute;
	top:5px;
	left:175px;
	width:50px;
	height:100px;
	padding:0;
	margin:5px;
	list-style-type:none;
	float:right;
}
#galleryContainer li { float:left; }
#galleryContainer a.gallery,#galleryContainer a.gallery:visited { 
	display:block;
	color:#000;
	text-decoration:none;
	border:1px solid #aaa;
	padding:0px;
	margin:0px;
	text-align:left;
	cursor:default;
	width:50px;
	height:50px;
	float:left;
	overflow: visible;
}
#galleryContainer a.gallery img { 
	width:50px;
	height:50px;
}
#galleryContainer a.gallery span { 
	width:50px;
	height:50px;
	background:#fff;
}
#galleryContainer a.gallery:hover {	border:1px solid #fff; }
#galleryContainer a.gallery:hover span { 
	position:absolute;
	width:auto;
	height:auto;
	top:-20px;
	left:-200px;
	color:#000;
	border:1px solid #aaa;
	background:#fff;
}
#galleryContainer a.gallery:hover img { 
	border:1px solid #fff;
	float:left;
	margin-right:5px;
	width: auto;
	height: auto;
}
#galleryContainer div.notes p {
  margin: .4em 0em 1.2em .4em;
  color: #666666;
  font-size: .8em;
  text-align: left;
}
/*profile content*/
#leftcol {
		width:280px;
		float:left;
		background:#fff;
		padding-bottom:10px;
		margin-left:2px;
		margin-right:2px;
}
#midcol {
		width:180px;
		height:270px;
		float:left;
		background:#fff;
		padding-bottom:10px;
		margin-left:2px;
		margin-right:2px;
}
#rightcol {
		width:245px;
		height:270px;
		float:left;
		background:#fff;
		padding-bottom:10px;
		padding-right:4px;
		margin-left:2px;
		margin-right:2px;
}
#farrightcol {
		width:320px;
		float:left;
		background:#fff;
		padding-bottom:10px;
		margin-left:2px;
		margin-right:2px;
}
/*profile decription about myself*/
#content .descriptionBox {
	margin: 2px 0;
	padding: 4px;
	background-color: #e3e3e3;
	border: 1px solid #b8b8b8;
	text-align: justify;
	line-height: normal;
	color: #646464;
}
/*=========================================*/
/*Notification boxes						*/
/*=========================================*/
.errorBox { /*red box, biege bg - for error message - general use*/
	background: url(../dating-img/icon/ic_error.gif) no-repeat left top;
	color: #FF3333;
	font-size: 1.15em;
	background-color: #FFFFCC;
	width: 85%;
	padding: 2px 4px 4px 22px;
	margin-bottom: 5px;
	border: 2px solid;
	border-color: #FB432F #941503 #941503 #FB432F;
}
.errorBox h4 {
font-size: 1.15em;
font-weight: bold;
}
.infoBox { /*grey box, lite bg - for info message - general use*/
	background: url(../dating-img/icon/ic_info.gif) no-repeat left top;
	color: #000000;
	font-size: 1.15em;
	background-color: #fffded;
	width: 85%;
	padding: 2px 4px 4px 22px;
	margin-bottom: 5px;
	border: 2px solid;
	border-color: #cccccc #666666 #666666 #cccccc;
}
.infoBox h4 {
font-size: 1.15em;
font-weight: bold;
}
/*=========================================*/
/*Footer								   */
/*=========================================*/
#footerTop {
	color: #CCCCCC;
	font-size: 10px;
	text-align: center;
	line-height: normal;
}
#footerTop a {
	color: #CCCCCC;
	text-decoration: none;
}
#footerTop a:hover { color: #FF6666; }
#footerBottom {
	margin: 0 auto;	
	width: 95%;
	height: 16px;
	background-image: url("../dating-img/struct/footer_middle.gif");
	margin-bottom: 15px;
}
#footerBottom .left {
	float: left;
	width: 16px;
	height: 16px;
	background-image: url("../dating-img/struct/footer_left.gif");
}
#footerBottom .right {
	float: right;
	width: 16px;
	height: 16px;
	background-image: url("../dating-img/struct/footer_right.gif");
}