/*
YM/WREA style sheet - 'YMWREA 2.0'
created: 2008.09.10
version:  2008.09.11
author: Nick Zlonis
----------------------------------------------- */

* {
	margin:0;
	padding:0;
}

/* =Structure
----------------------------------------------- */

body {
	background:#d3e0e6;
	border-top:6px solid #036;
	color:#333;
	font-family:Verdana, sans-serif ;
	font-size:90%;
	margin:0;
	padding:0;
	text-align:center;
	}


	
#foot {
	background:url(../img/foot_bg.jpg) 50% top repeat-x;
	border-top:1px solid #999;
	font-size:0.7em;
	height:150px;
	margin:40px 0 0 0;
	padding:20px 0 0 0;
	text-align:center;
	}
	#foot div.pad {	
	margin:0 auto;
	text-align:left;
	width:820px;
	}
	
#head {
	background:url(../img/ymwrea_header_2.jpg) 50% top no-repeat;
	height:160px;
	margin:0;
	padding:0;
	position:relative;
	}

#member_status {
	background:url(/img/member_status_bg.gif) left bottom repeat-x;
	border-bottom:1px solid #999;
	font-size:0.8em;
	margin:0;
	padding:5px 0 5px 0;
}
#member_status div {
	color:#333;
	margin:0 auto;
	text-align:left;
	width:820px;
}
	
#nav {
	background:url(../img/nav_bg.jpg) left 50% repeat-x;
	border-top:1px solid #309bd1;
	overflow:auto;
	width:100%;
	}

#page {
	margin:0 auto;
	padding:10px 0 0 0;
	position:relative;
	text-align:left;
	width:900px;
}

/* =Layout
----------------------------------------------- */

.boardmember_image {
	background:#ddd;
	border:4px solid #fff;
	height:160px;
	margin-bottom:4px;
	text-align:center;
	width:118px;
}

.box {
	background:#c2d3dc url(../img/box_bg.jpg) 50% 0 no-repeat;
	margin:20px 0 0 0;
	padding:14px 0 10px 0;
	width:400px;
}
	.box .pad {
	padding:0 20px 10px 20px;
	}
	body.board .box {
	padding:14px 0 0 0;
	}
	body.board .box_dark .pad {
	padding:0 8px 0 20px;
	}
	body.contact .box .pad {
	padding:0 20px 10px 20px;
	}
	.box_dark {
	background:#c2d3dc url(../img/box_bg_dark.jpg) 50% 0 no-repeat;
	}
.box_btm {
	background:#c2d3dc url(../img/box_btm_bg.jpg) 50% 0 no-repeat;
	height:14px;
	margin:0 0 10px 0;
	width:400px;
}
.box_btm_dark {
	background:#c2d3dc url(../img/box_btm_dark.jpg) 50% 0 no-repeat;
	height:14px;
	margin:0 0 10px 0;
	width:400px;
}
.columnfull {
	width:900px;
}
	.columnfull .pad {
	padding:0 40px;
	}
.columnl {
	float:left;
	width:440px;
}
	.columnl .pad {
	padding:0 20px 0 40px; 
	}
	body.photos .columnl .pad {
	padding:0 8px 0 40px; 
	}
	.columnl .pad .box .pad {	
	padding:0 20px 0 20px;
	}
	body.board .columnl .pad {
	padding:0 0 0 40px;
	}

.columnr {
	float:right;
	width:440px;
}
	.columnr .pad {
	padding:0 40px 0 20px; 
	}
	body.membership .columnr .pad_member {
	padding:0 20px 0 0;
	}

.governor_box {
	background:url(../img/button_hover_bg.jpg) -9999px -9999px no-repeat;
	float:left;
	margin-right:4px;
	width:128px;
}

.member_image {
	background:#fff;
	border:1px solid #bbb;
	float:right;
	margin-left:5px;
	padding:5px auto;
	text-align:center;
	width:190px;
}

.photo_thumb {
	background:#fff;
	border-top:1px solid #ddd;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-left:1px solid #ddd;
	float:left;
	margin:0 8px 12px 0;
	padding:4px;
}

/* =Typography
----------------------------------------------- */

h1 {
	text-indent:-9999px;
}

h2 {
	background:url(/img/h2_bullet.gif) 0 66% no-repeat;
	border-top:2px solid #7a90a8;
	color:#5a687d;
	font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
	font-size:1.2em;
	font-weight:normal;
	margin:1em 0 0.7em 0;
	padding:10px 0 0 18px;
	text-transform:uppercase;
}

body.membership_info h2 {
	margin:1em 0 0.7em 40px;
}
	.box h2 {
	background:url(/img/h2_bullet.gif) 0 50% no-repeat;
	border-top:none;
	color:#5a687d;
	margin:0 0 1em 0;
	padding:0 0 0 18px;
	}
	body.home .box h2.luncheonheader {
	background:none;
	}
	
	.box h2.directoryheader {
	margin:0;
	}

h3 {
	font-size:1em;
	margin:0.5em 0 1em 0;
}
body.news h3,
body.events h3 {
	border-top:1px dotted #8298b0;
	padding-top:6px;
}
h3.award {
	color:#5a687d;
	font-size:0.8em;
	margin-bottom:0;
}
h3.member_name {
	font-size:1.6em;
}
h3.toggler {
	background:#8298b0;
	color:#d3e0e6;
	cursor: pointer;
	font-size:0.8em;
	margin:0 -8px 0 -20px;
	padding:6px 10px 6px 20px; 
}

h4 {
	font-size:1em;
	margin:0 0 20px 0;
}
h4.bottom {
	margin-bottom:0;
}	
h4.date {
	margin:-1em 0 8px 0;
}
h4.firm {
	margin:0;
}

p {
	font-size:0.9em;
	line-height:1.6em;
	margin:0 0 1em 0;
}

p.alphanav {
	margin:0;
}

.box p {
	line-height:1.4em;
}
body.contact .box p {
	padding-right:20px;
}
.governor_box p {
	font-size:0.8em;
	line-height:1.2em;
}
p.breadcrumbs {
	clear:both;
	margin:8px auto;
	width:820px;
}

span.hot {
	color:red;
}	

p.mission {
	color:#445062;
	font-size:1em;
	line-height:2em;;
}

p.postinfo {
	color:#8298b0;
	font-size:0.8em;
	margin:0 0 2em 0;
}

span.postdate {
	color:#8298b0;
	font-size:0.8em;
}

/* =List Elements
----------------------------------------------- */

dt {
	font-weight:bold;
}
dd {
	margin-bottom:0.7em;
}
dl {
	margin-bottom:1em;
}
dl.luncheons {
	font-size:0.9em;
}
dl.events dd {
	border-bottom:1px dotted #5a687d;
	padding-bottom:6px;
}
dl.luncheons dd {
	border-bottom:1px dotted #5a687d;
	padding-bottom:6px;
}

dl.news dt{
	font-weight:bold;
	margin:0;
	padding:0;
}

dl.press dt {
	font-size:0.8em;
	margin:0;
	padding:0;
}

dl.press dd {
	border-bottom:1px dotted #5a687d;
	color:#777;
	font-size:0.8em;
	margin-bottom:1em;
	padding-bottom:1em;
}

dl.news dd {
	border-bottom:1px dotted #5a687d;
	color:#8298b0;
	font-size:0.8em;
	margin-bottom:1em;
	padding-bottom:1em;
}

ul {
	margin-left:1.5em;
}

body.contact .box ul {
	margin-top:10px;
}
body.board .box ul {
	float:left;
	font-size:0.8em;
	list-style-type:none;
	margin:10px 0;
	width:178px;
}
	body.board .box ul li {
	margin-bottom:0.3em;
	}

body.events .box ul li {
	font-size:0.9em;
}

body.news .box ul {
	float:left;
	font-size:0.8em;
	list-style-type:none;
	margin:0;
	width:170px;
}
	body.news .box ul li {
	margin-bottom:0.3em;
	}

#nav ul {
	background:url(../img/nav_hover_bg.jpg) -9999px -9999px no-repeat;
	list-style:none;
	margin:0 auto;
	padding:0;
	width:860px;
	}
	li {
	margin-bottom:0.7em;
	}
	#nav ul li {
	display:inline;
	float:left;
	font-size:0.8em;
	font-weight:bold;
	margin:0;
	padding:0;
	}


/* =Table elements
----------------------------------------------- */

table {
	border-collapse:collapse;
}


table.members {
	font-size:0.8em;
	width:100%;
}

table.members td {
	padding:3px;
}

table#paymentitems {
	width:100%;
}
table#paymentitems td,
table#paymentitems th {
	padding:4px;
}
table#paymentitems td.price,
table#paymentitems th.price {
	text-align:right;
}
table#paymentitems tr.subtotal {
	border-top:1px solid #999;
	color:#666;
}
table#paymentitems tr.fee {
	color:#666;
}

table#paymentitems tr.total {
	border-top:1px solid #333;
	color:#333;
	font-weight:bold;
}

tr.current {
	background:#a9c5d3;
}

tr.zebra {
	background:#e5ecee;
}

	
/* =Form elements
----------------------------------------------- */
fieldset {
	border:none;
	margin:0;
	padding:0;
}

input.antibot {
	border:2px solid #abc5d2;
	display:inline;
	font-size:1.2em;
	margin-bottom:9px;
	padding:4px;
	width:60px;
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

input.firstname,
input.lastname {
	border:2px solid #abc5d2;
	display:inline;
	font-size:1.2em;
	margin-bottom:4px;
	padding:4px;
	width:120px;
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

input.email,
input.firm,
input.address1,
input.address2,
input.bulletin_author,
input.bulletin_title {
	border:2px solid #abc5d2;
	display:block;
	font-size:1.2em;
	margin-bottom:4px;
	padding:4px;
	width:340px;
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

input.email, 
input.name, 
input.company, 
input.password {
	border:2px solid #abc5d2;
	display:block;
	font-size:1.2em;
	margin-bottom:9px;
	padding:4px;
	width:340px;
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

input.city,
input.phone,
input.dob,
input.since {
	border:2px solid #abc5d2;
	display:inline;
	font-size:1.2em;
	margin-bottom:4px;
	padding:4px;
	width:120px;
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

input.searchterm {
	border:2px solid #abc5d2;
	display:inline;
	font-size:1.2em;
	margin-bottom:0;
	padding:4px;
	width:220px;
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

input.zip {
	border:2px solid #abc5d2;
	display:inline;
	font-size:1.2em;
	margin-bottom:4px;
	padding:4px;
	width:70px;
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

input.submit {
	color:none;
	width:auto;
}

label {
	color:#666;
	display:block;
	margin:4px 0;
}

label.antibot {
	float:left;
}

body.membersonly label {
	margin:3px 0 2px 0;
}

label.inline {
	display:inline;
}

textarea#message,
textarea#bulletin_content {
	border:2px solid #abc5d2;
	color:#333;
	height:200px;
	font-family:'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif ;
	font-size:1.1em;
	margin:6px 0;
	padding:4px;
	width:340px;
	opacity: .6;
	filter: alpha(opacity=60);
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}

input:focus, 
select:focus, 
textarea#message:focus,
textarea#bulletin_content:focus {
	outline-size:3px;
	outline-color:#00baff;
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}
	
/* =Linkage
----------------------------------------------- */

a:link { border-bottom:1px solid #b0c0da; color:#00627b; text-decoration:none; }
a:visited { border-bottom:1px solid #b0c0da; color:#666; text-decoration:none; }
a:hover { border-bottom:1px solid #369; color:#036; text-decoration:none; }
a:active { border-bottom:1px solid #036; color:#024; text-decoration:none; }

p.alphanav a {
	border-bottom:none;
	display:block;
	float:left;
	font-size:0.9em;
	padding:2px;
}
p.alphanav a:link { background:none; }
p.alphanav a:visited { background:none; }
p.alphanav a:hover { background:#f3f3f3; }
p.alphanav a:active { background:#edeabc; }

p.alphanav a.current {
	background:#fffcd0;
}

a.button {
	border:1px solid #636971;
	color:#b8d2df;
	font-size:0.9em;
	padding:6px 15px 6px 15px;
	-moz-border-radius: 14px; 
	-webkit-border-radius: 14px;
}
a.button:link { background:#7a90a8 url(../img/button_bg.jpg) 50% 50% repeat-x; color:#b8d2df; }
a.button:visited { background:#7a90a8 url(../img/button_bg.jpg) 50% 50% repeat-x; color:#b8d2df; }
a.button:hover { background:#369 url(../img/button_hover_bg.jpg) 50% 50% repeat-x; color:#b8d2df; }
a.button:active { background-color:#036; color:#fff; }

dl dd a.button {
	font-size:1.1em;
}

#foot a:link { color:#fff; text-decoration:none; }
#foot a:visited { color:#fff; text-decoration:none; }
#foot a:hover { color:#fff; text-decoration:underline; }
#foot a:active { color:#d4af00; text-decoration:underline; }

#nav  a {
	border-bottom:none;
	display:block;
	margin:0;
	padding:16px 18px;
	}
#nav a:link { border-right:1px solid #258; border-left:1px solid #369; color:#b8d2df; }
#nav a:visited { border-right:1px solid #258; border-left:1px solid #369; color:#b8d2df; }
#nav a:hover { background:#58b url(../img/nav_hover_bg.jpg) 50% 50% repeat-x; border-right:1px solid #369; border-left:1px solid #369; color:#fff; }
#nav a:active { background:#58b; border-right:1px solid #369; border-left:1px solid #369; color:#fff; }

.photo_thumb a {
	border-bottom:none;
}

body.home #nav ul li.li1 a,
body.board #nav ul li.li2 a,
body.events #nav ul li.li3 a,
body.membership #nav ul li.li4 a, body.pay #nav ul li.li4 a, body.confirm #nav ul li.li4 a,
body.news #nav ul li.li5 a,
body.photos #nav ul li.li6 a,
body.contact #nav ul li.li7 a
	{
	background:#58b url(../img/nav_current_bg.jpg) 50% 50% no-repeat;
	color:#fff;
	font-weight:bold;
	}


/* =Images
----------------------------------------------- */
a img { border:none; text-decoration:none; }
a:link img { border:none; text-decoration:none; }
a:visited img { border:none; text-decoration:none; }
a:hover img { border:none; text-decoration:none; }
a:active img { border:none; text-decoration:none; }

img.cal_icon { float:left; margin:4px 12px 10px 0; }
img.icon { vertical-align:middle; }

.governor_box img { border:4px solid #fff; }

.member_image img { margin:4px; }
.photo_thumb a img { border:1px solid #ccc; }
	
/* =Global
----------------------------------------------- */	
.floatr { float:right; }
.floatl { float:left; }
	
/* =Hacks
----------------------------------------------- */	
div.clear {
	display:block; 
	clear:both; 
	height:0;
	margin:0; 
	padding:0; 
	visibility:hidden; 
	}

/* =Lightbox
----------------------------------------------- */	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a { border: none; }
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }