/* @override http://www.iselp.org/working/stylesheet.css */

/* Define Tags */
html, body {
	height:100%;
	}
body { 
	margin:0;
	padding:0;
	font-size:11px;	
	font-family:Georgia,Verdana,Arial,Helvetica;  
	color:#7b7b7b;
	line-height:1.7em;
	background: #f2f2f2;
	} 

a, a:visited, a:hover {	
	font-size:11px;	
	font-family:Georgia,Verdana,Arial,Helvetica; 	
	color:#7b7b7b;	
	text-decoration:underline;
	line-height:1.7em;
	}

a:hover {
	color:#3b3b3b;
	}

	
h1, h2, h3, h4, h5, h6 {
	margin:2px 0 5px 0;
	font-family:Georgia,Verdana,Arial,Helvetica; 
	color:#5b8a98;
	border-bottom:2px solid #c2c2c2;
	}
h1 {
	font-size:18px;
	padding-bottom: 14px;
	margin: 20px 0px 14px 0px;
	}
h2 {
	color:#9c9a67;
	font-size:16px;
	border-bottom:0;
	font-weight: 0;
	}
h3 {
	font-size:12px;
	border-bottom:0;
	}
h4 {
	font-weight: 400;
	padding: 5px;
	font-size:11px;
	border-bottom:0;
	}
h5 {
	font-size:9px;
	border-bottom:0;
	}
	
hr { 
	height:1px;
	color:#000000;
	}
	
form {
	margin:0;
	padding:0;
	}

img {
	display:block;
	}

/* Custom Class Names */
p, span, .copy, .bold, .copySmall, .copyLarge, .form, .button, .hdr, .subHdr, .error{
	font-size:11px;	
	font-family:Georgia,Verdana,Arial,Helvetica; 
	color:#888888;
	line-height:1.9em;
	}
	
.copySmall, a.copySmall, a.copySmall:visited, a.copySmall:hover {	
	font-size:10px;	
	}
	
.copyLarge, a.copyLarge, a.copyLarge:visited, a.copyLarge:hover {	
	font-size:14px;	
	}

.form {
	background-color:#fff;
	}
	
.button { 
	color:#fff; 
	font-weight:800; 
	background-color:#000;
	border:1px solid #000; 
	cursor:pointer;
	}
	
.hdr, a.hdr, a.hdr:visited, a.hdr:hover, .subHdr, a.subHdr, a.subHdr:visted, .subHdr:hover {
	font-size:14px;	
	font-weight:800;
	color:#000;	
	}
.subHdr, a.subHdr, a.subHdr:visted, .subHdr:hover {	
	font-size:10px;	
	}
	
.error, a.error, a.error:visited, a.error:hover {	
	color:#900;	
	}

.bold {	
	font-weight:800;
	}

.copyright, .copyright a, .copyright a:visited, .copyright a:hover {	
	font-size:10px;	
	font-family:Verdana,Arial,Helvetica; 
	font-weight:400;
	color:#000;	
	line-height:1em;
	text-decoration:none;
	}
.copyright a:hover {
	text-decoration:underline;
	}

.pagelist { /* CAN'T BE AN ID CONTAINER BECAUSE IE SUCKS */
	float:left;
	}
.pagelist ul {
	list-style-type:square;
	}
	.pagelist ul li {
		line-height:1.5em;
		}
	.pagelist ul li a,.pagelist ul li a:visited,.pagelist ul li a:hover {
		text-decoration: underline;
		padding: .2em .5em;
		color: #474747;
		}
		.pagelist ul li a.thispage {
			background-color:#e5cd57;
			}
		.pagelist ul li a:hover {
			text-decoration: none;
			color: #7b5123;
			}
			
.clear {
	clear:both;
	}
	
.dropcap {
	float: left;
	width: 50px;
	font-size: 62px;
	line-height: 51px;
	font-weight: normal;
	color:#7b5123;
	font-family: georgia, times;
	}
	
.indent {
	text-indent:1.5em;
	}

/********************************
 *	INLINE LIST STYLES		*
 *	AND CUSTOM PAGE		*
 *	DEFINITIONS BELOW		*
 ********************************/	

.footerText {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #a8a8a8;
	line-height: 1.4em;
	padding-top: 20px;
}

.footerText a,.footerText a:visited,.footerText a:hover {
	text-decoration: none;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	color: #a8a8a8;
	line-height: 1.4em;
	}

.picRight {
	float: right;
}

#nav1 {
	width:616px;
	height:37px;
	padding:0;
	margin:64px 0 0 0px;
	float: right;
	position:relative;
	background:url(images/nav.gif) no-repeat top left;
}
		
#nav1 li {margin: 0; padding: 0; list-style: none; position:absolute; }
#nav1 li, #nav1 a {height: 37px; display: block; color:transparent; }
#nav1 span { display:none; }
				
		#nav1_1	{ width:68px; left:0; }
		#nav1_2	{ width:92px; left:68px; }
		#nav1_3	{ width:121px; left:160px; }
		#nav1_4	{ width:72px; left:281px; }
		#nav1_5	{ width:60px; left:353px; }
		#nav1_6	{ width:68px; left:413px; }
		#nav1_7	{ width:135px; left:481px; }
		
		#nav1_1 a:hover { background:transparent url(images/nav.gif) no-repeat 0px -37px; }
		#nav1_2 a:hover { background:transparent url(images/nav.gif) no-repeat -68px -37px; }
		#nav1_3 a:hover { background:transparent url(images/nav.gif) no-repeat -160px -37px; }
		#nav1_4 a:hover { background:transparent url(images/nav.gif) no-repeat -281px -37px; }
		#nav1_5 a:hover { background:transparent url(images/nav.gif) no-repeat -353px -37px; }
		#nav1_6 a:hover { background:transparent url(images/nav.gif) no-repeat -413px -37px; }
		#nav1_7 a:hover { background:transparent url(images/nav.gif) no-repeat -481px -37px; }
		
		#nav1_1 a.current { background:transparent url(images/nav.gif) no-repeat 0px -37px; }
		#nav1_2 a.current { background:transparent url(images/nav.gif) no-repeat -68px -37px; }
		#nav1_3 a.current { background:transparent url(images/nav.gif) no-repeat -160px -37px; }
		#nav1_4 a.current { background:transparent url(images/nav.gif) no-repeat -281px -37px; }
		#nav1_5 a.current { background:transparent url(images/nav.gif) no-repeat -353px -37px; }
		#nav1_6 a.current { background:transparent url(images/nav.gif) no-repeat -413px -37px; }
		#nav1_7 a.current { background:transparent url(images/nav.gif) no-repeat -481px -37px; }
		
#subNav {
	width:614px;
	height:27px;
	background-color:#dadcc6;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#7e7d4e;
	float: right;
	border-left:solid 1px #b8b781;
	border-bottom:solid 1px #b8b781;
	border-right:solid 1px #b8b781;
	/*margin-left:144px;*/
	/*padding-top:7px;*/
}

#subNav a, #subNav a:visited, #subNav a:hover {
	/*background:none;*/
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#7e7d4e;
	display:block;
	float:left;
	border-right:solid 1px #c5c59b;
	padding:7px 10px 8px 17px;
	list-style-type:none;
	text-decoration:none;
	background:url(images/subnav_bullet.gif) no-repeat scroll 10px center;
	}
	#subNav a.loginButton, #subNav a.loginButton:visited, #subNav a.loginButton:hover {
		background-color:#eaedde;
		color:#686868;
		font-weight:bold;
		}
		#subNav a.loginButton:hover { background-image:url(images/subnav_bullet_on.gif); }

ul, ol{
	font-size:11px;
	font-family:Georgia,Verdana,Arial,Helvetica; 
	color:#7b7b7b;
	}
	ul.arrow {
		padding:0px;
		margin:0;
		list-style-type: none;
		}
		ul.arrow li {
			line-height: 1.7em; 
			padding-left:8px;
			margin:10px 0;
			background:url(images/bullet1.gif) no-repeat 0 8px;
			}

.bodyList { padding-right: 20px; }

.topLogo {display:block;width:128px;float:left;}

.notice {
	background-color:#F4FABF;
	color:#3a3a3a;
	border:1px solid #CACF9E;
	padding:5px;
	width:300px;
	width/* */:/**/290px; 
	width: /**/290px;
	}
	.notice strong.hdr { font-weight:bold; text-decoration:underline; color:#3a3a3a; }

#memberAreaControls {
	width: 150px;
	border-left: 1px solid #B8B781;
	border-top: 1px solid #B8B781;
	border-right: 1px solid #B8B781;
	float: left;
	margin: 0 10px 10px 0;
	
	}
#memberAreaControls a, #memberAreaControls a:visited, #memberAreaControls a:hover {
	display: block;
	padding: 3px;
	border-bottom: 1px solid #B8B781;
	text-transform: capitalize;
	text-decoration: none;
	background-color: #DADCC6;
	}
#memberAreaControls a span, #memberAreaControls a:visited span{
	visibility: hidden;
	}
#memberAreaControls a:hover span {
	visibility: visible;
	}
#editProfileForm fieldset {
	border: 1px solid #B8B781;
	padding: 10px;
	}
#editProfileForm .required {
	color: #f00;
	}
	#editProfileForm fieldset label, div.checkbox{	/* set default label style.  Override if you need to via fieldset#id label */
		display: block;
		float: left;
		text-align: right;
		width: 100px;
		margin-right: 3px;
		margin-bottom: 3px;
		}
		#editProfileForm fieldset label.rightSide{
			text-align: left;
			display: inline;
			float: none;
			width: auto;
			}
	#editProfileForm fieldset br {
		clear: both;
		}
	#editProfileForm legend {
		padding: 5px;
		color: #AF8F66;
		font-weight: bold;
		}
	
fieldset#profileImage {
	width: 370px;
	width/* */:/**/350px; 
	width: /**/350px;
	float: left;
	}
fieldset#loginInfo {
	width: 370px;
	width/* */:/**/350px;
	width: /**/350px;
	float: left;
	}
	fieldset#loginInfo label{
		width: 143px;
		}
	fieldset#loginInfo input {
		width:190px;
		}
fieldset#bioSet{
	width: 370px;
	width/* */:/**/350px;
	width: /**/350px;
	float: left;
	}
	fieldset#bioSet textarea{
		width: 350px;
		height: 200px;
		}
fieldset#memberInfo {
	width: 370px;
	width/* */:/**/350px;
	width: /**/350px;
	float: left;
	}
	fieldset#memberInfo label{
		width: 143px;
		}
	fieldset#memberInfo input {
		width:190px;
		}
	fieldset#memberInfo input.zip {
		width:70px;
		}
div#submitButton{
	text-align: center;
	}
	div#submitButton input {
		margin: 5px;
		}

div#duesAlert {
	float:left;
	padding: 10px;
	width:596px;
	width/* */:/**/576px;
	width: /**/576px;
	margin-bottom: 5px;
	background-color: #DADCC6;
	border: 1px solid #b8b781;
	color: #7e7d4e;
	}
	
div#duesAlert.expireAlert {
	background-color: #500;
	border: 1px solid #550;
	color: #ccc;
	}
div#eventDescDiv{
	padding: 10px;
	width: 520px;
	width/* */:/**/500px;
	width: /**/500px;
	margin: 10px auto;
	background-color: #f2f7ea;
	border: 1px solid #b8b781;
	}
	#eventDescDiv strong.eventInfo {
		display: block;
		margin: -10px -10px 0px -10px;
		padding: 7px;
		border-bottom: 1px solid #b8b781;
		background-color: #dadcc6;
		}
	#eventDescDiv em.eventInfo { display: block; }
	#eventDescDiv table { width: 300px; margin: 5px auto; }
	#eventDescDiv table tr th { text-align: left; width: 45%; }
	#eventDescDiv table tr td { color: #000; }
	
.eventRsvpList {
	list-style-type: none;
	}
	.eventRsvpList li{
		padding: 7px;
		border-left: 1px solid #b8b781;
		border-right: 1px solid #b8b781;
		border-bottom: 1px solid #b8b781;
		}
	.eventRsvpList li.first { border-top: 1px solid #b8b781;}
	.eventRsvpList li.even { background-color: #eee;}
	.eventRsvpList a.rsvpCalendarLink, .eventRsvpList a.rsvpCalendarLink:visited, .eventRsvpList a.rsvpCalendarLink:hover {
	display: block;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #b8b781;
	}
	.eventRsvpList a.rsvpLink, .eventRsvpList a.rsvpLink:visited, .eventRsvpList a.rsvpLink:hover {
		display: block;
		width: 147px;
		width/* */:/**/124px;
		width: /**/124px;
		background: url(images/calendar.gif) left center no-repeat;
		padding: 3px 3px 3px 20px;
		}
		.eventRsvpList a.rsvpLink:hover { color: #000; }
.alphaSearch {
	margin: 10px auto;
	}
	.alphaSearch a, .alphaSearch a:visited, .alphaSearch a:hover{
		display: block;
		padding: 10px;
		line-height: normal;
		text-transform: uppercase;
		float: left;
		}
		.alphaSearch a:hover {
			background-color: #7b7b7b;
			color: #fff;
			}
		.alphaSearch a.borderRight {
			border-right: 1px solid #b8b781;
			}
		.alphaSearch a.current {
			border: 1px solid #b8b781;
			background-color: #dadcc6;
			margin-left: -1px;
			}
#memberDirectoryNav{
	margin: 10px;
	padding: 15px;
	font-size: 11px;
	}
	a.activeDirLink { font-weight: bold; }

.listing { margin: 10px; }
.listing th {
	text-align: left;
	border-bottom: 1px solid #b8b781;
	}
	.listing tr td { border-bottom: 1px solid #D8D7AE; }
	.listing tr.evenRow td { /* normal background color */ }
	.listing tr.oddRow td { background-color: #E9EBDD; }
	.listing tr.hoverRow td { background-color: #D8D7AE; }
	.listing .searchError {
		margin: 3px;
		padding: 10px;
		background-color: #DDDC8C;
		color: #222;
		border: 1px solid #B1AF56
		}