/* style resets */
* {
   padding:0;
   margin:0;
}

form {
	width: 335px;
}

.col1 {
	text-align: right;
	width: 135px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	background: url(/images/bg_label.gif) no-repeat;
}

.col2 {
	width: 195px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	background: url(/images/bg_textfield.gif) no-repeat;
}

.col2comment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: url(/images/bg_textarea.gif) no-repeat;
}

.col1comment {
	text-align: right;
	width: 135px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
	background: url(/images/bg_label_comment.gif) no-repeat;
}

.col4comment {
	text-align: right;
	width: 135px;
	height: 58px;
	float: left;
	display: block;
	margin-right: 2px;
	background: url(/images/bg_label_comment.gif) no-repeat;
}

.col5comment {
	width: 195px;
	height: 58px;
	margin: 0;
	display: block;
	float: left;
	background: url(/images/bg_textarea.gif) no-repeat;
}

div.row {
	clear: both;
	width: 335px;
}

.submit {
	height: 29px;
	width: 330px;
	background: url(/images/bg_submit.gif) no-repeat;
	padding-top: 5px;
	clear: both;
} 

.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}


h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}
/* end  resets */

#message {
text-align:center;
background-color:#bee5e9;
padding:1px;
margin:1px;
border: 1px solid #8595B2;
}

INPUT.TEXT{
  font-family:TrebuchetMS;
  font-size:9pt;
  font-weight:bold;
  background-color:336699;
  border-color:336699;
  border-style:inset;
  border-width:2px;
  color:FFFFFF;
}

body {
	background-color: white;
	background: top repeat-x url('/images/stripe.gif');
	background-position: 0px 90px;
	color: #967347;
	font-family: "Century Gothic", Verdana, sans-serif;
}

a { 
	color: #967347; 
	text-decoration: underline;
	}

#logo {
	display: block;
	position: absolute;
	top: 10px;
	right: 0px;
}


#header {
	position: relative;
	height: 110px;
}

/* menu styles */
#menu {
	width: 100%;
	background-color: #bee5e9;
	list-style-type: none;
	text-align: center;
	padding: .75em 0em;
	min-width: 900px;
	overflow: hidden;
}

		#menu li {
			display: inline;
			padding: .75em 0em;
		}
		
		#menu a {
			padding: .75em 1.5em;
			width: auto;
			font-size: .7em;
			text-decoration: none;
		}
		
		#menu a:hover {
			color: #eea1c6;
		}
		
		.activepage { background: top right no-repeat url('/images/littlebluehearts.gif');}

/* content box styles */
#content {
	margin: 30px auto;
	width: 660px;
	font-size: .8em;
}
	
		#left {
			position: relative;
			float: left;
			width: 320px;
			min-height: 320px;	
		}
		
		#right {
			position: relative;
			float: right;
			width: 320px;			
			background: bottom right no-repeat url('/images/twoheartssmall.gif');
			min-height: 320px;
			height:auto;
			}
			
			/* for Internet Explorer */
			/*\*/
			* html #right {
			height: 320px;
			}
		
			#right ul { list-style-type: none;}
			#right li { margin-left: 20px ;}
		
		.bottom {
			position: absolute;
			padding: 20px 20px 0px 20px;
			bottom: 0px;
		}
		
		.bottom img { margin-bottom: 10px;}
		
		.border { border: 1px solid #bee5e9; }
		.noborder { border: none;}
		
		#left img { position: absolute; border: 1px solid #967347;}
		#left #img2a { top: 0px;}
		#left #img2b { top: 170px;}
		#left #img4a { top: 0px; left: 0px;}
		#left #img4b { top: 0px; left: 165px;}
		#left #img4c { top: 170px; left: 0px;}
		#left #img4d { top: 170px; left: 165px;}
		#left #img5c { top: 260px; left: 0px;}
		.small { font-size: .8em; }
		#left #img5d { top: 260px; left: 170px;}
		.onebox { padding: 20px; }
		#left #label { display: block; position: static; border: none; margin-bottom: 10px;}
		
		#gallery { xborder-spacing: 10px;}
		#gallery img { border: 1px solid #967347; }
		
		
/* footer styles */
#footer {
	padding: 50px 0px 10px 0px; 
	text-align: center; 
	clear: both;
	font-size: .6em;
}

#footer .happy { font-size: 1.5em; color: #eea1c6;}