/*
      Based on a layout by Keith Donegan of Code-Sucks.com
	  Modified for HOYT by Dayn Wilberding of Grady Britton Advertising gradybritton.com
	  
*/

/* layout */

a img{border: 0;}

p{padding-bottom: 8px;}

h1{margin: 0; padding: 0;}

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 background: #f9d3e8;
 color: #333;
}
#wrapper { 
 margin: 60px auto 0 auto;
 width: 850px;
}
#mainContent {
 background: white;
 width: 849px;
 border:1px solid #ec4399;
 border-width: 0 1px;
}
#header {
 width: 850px;
 padding: 0;
 height: 170px;
 margin: 0;
}
#leftcolumn { 
 display: inline;
 margin: 0;
 padding: 0px;
 width: 240px;
 float: left;
 background: white url('images/nav-background.jpg') no-repeat top;
}
#rightcolumn { 
 float: right; clear: none;
 margin: 0;
 width:590px;
 display: inline;
 position: relative;
}
#rightContent {
 padding: 20px 100px 0 10px;
 overflow: visible;
}
	#rightContent h3{margin-top: 0; padding-top: 0px;}
#footer { 
	clear: both;
}
.clear { clear: both; background: none; }

/* style */

a {color:#ec4399}
a span {color: #000;}

.nav {
	margin: 100px 0 0 40px;
	list-style: none;
}
#leftcolumn>.nav{
	padding-left: 0;
}

.nav li {
	margin: 0 0 10px 0;
	padding: 0;
	}

.nav li a {
	display: block;
	width: 190px;
	line-height: 40px;
	min-height: 40px;
}

a.donate {
	background: white url('images/donate-button.png') no-repeat top left; /* these double wide images contain the rollover states too */
}
a.join {
	background: white url('images/join-button.png') no-repeat top left;
}
a.view {
	background: white url('images/view-button.png') no-repeat top left;
}

.nav li a:hover {
	background-position:right; /* slide the image to the rollover state */
}

.nav li a span {
	margin-left: -9999px; /*hide the text links, but keep in markup for accessibility*/
}

h2 {
	font-weight: normal;
	font-size: 13pt;
}

h2.home {
	font-weight: bold;
	font-size: 18pt;
	line-height: 120%;
	padding: 7px 0;
	color: #58595b;
}

#subNavNote {
	margin: 30px 40px 0 40px;
	font-size: 8pt;
	line-height: 140%;
}
#rightContent p {
	line-height: 160%
	}
#hoytLogos {
	margin: 10px 0 30px 0;
	text-align: right;
}
	#hoytLogosHome{
		padding: 0px 100px 30px 0;
		text-align: right;
	}

table#join td {
	padding: 10px 0;
}
table#join input {
	border: 1px solid #ec4399;
	font-size: 14pt;
	padding: 2px;
	color: #ec4399;
}

#membersList {
	margin: 0; padding: 0;
	list-style: none;
}

	#membersList li{
		padding: 5px 0;
		width: 480px;
		border-bottom: 1px solid #f7f1f4;
	}
	#membersList li img{float: right; margin-right: 30px;}

.dfns{
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 0px solid #000;
}

	
/*hack to make bottom cap work */

#bottomCap {
	border: 0px solid #f9d3e8;
	border-width: 0 0 0px 0;
	height: 10px;
	padding-bottom:3px;
}