/* -------------------------------------------
project:  Newcomers Club of New Canaan (NCN)
date:    2008/08/29
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.3em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #336699; text-decoration: underline;}
a:hover {color:#336699; text-decoration: none;}
img {border: none;}
html {height: 100.01%; background: #A0B2D2 url(../images/bg.jpg) repeat-x;}
fieldset {border: none;}
legend {display: none;}
input {width: 240px; margin: 5px 0 5px 0; padding: 3px; border: 1px solid #CBCBCB; background: #fff url(../images/input.jpg) top repeat-x; color: #666;}
.check input {width: 12px; height: 12px; border: none; background: none; vertical-align: middle; }
button {height: 24px; padding: 0 5px 0 5px; border: 1px solid #C1C1C1; background: url(../images/button.jpg) repeat-x; color: #555; font-size: 0.8em; line-height: 24px; text-align: center; text-transform: uppercase;}
.button {height: 24px; padding: 0 5px 0 5px; border: 1px solid #C1C1C1; background: url(../images/button.jpg) repeat-x; color: #555; font-size: 0.8em; line-height: 24px; text-align: center; width:auto; text-transform: uppercase;}
label {display: block; float: left; width: 110px; margin: 5px 0 5px 0; font-size: 0.9em; line-height: 24px;}
textarea {width: 360px; height: 80px; margin: 5px 0 5px 0; padding: 3px; border: 1px solid #CBCBCB; background: #fff url(../images/input.jpg) top repeat-x; color: #666;}
select {height:24px; padding: 2px 2px 3px 2px; border: 1px solid #CBCBCB; background: #fff url(../images/input.jpg) left top repeat-x; color: #666; font-size: 0.9em;}
p, ul, ol {margin: 1em 0 1em 0;}
li {margin: 1em 0 1em 20px;}
h1 {font-size: 1.9em; font-weight: bold; color: #000;}
	h1.mainpage {font-weight: normal; font-size: 2.3em;}

h2 {margin: 1em 0 5px 0; font-weight: normal; font-size: 1.5em; color: #000;}
	h2.main {margin: 1em 0 1em 0; font-size: 1.8em;}
	h2.subtitle {margin-top: 2px; padding-top: 10px; background: url(../images/gray-dotted-line.gif) left top repeat-x; color: #326293; font-size: 1.3em; font-weight: bold; text-transform: uppercase;}
	h2.section {padding-bottom: 2px; background: url(../images/gray-dotted-line.gif) bottom repeat-x;}
h3 {font-size: 1.1em;}
	h3.section {margin-top: 30px; background: url(../images/gray-dotted-line.gif) bottom repeat-x; color: #000; font-size: 1.4em; font-weight: normal; line-height: 1.5em;}
h4 {line-height: 1.5em;}

/* layout
------------------------------------------- */
body {position: relative; padding-bottom: 20px;}
	.header {position: relative; height: 162px;}
		.logo {display: block; position: absolute; left: 0; top: 4px; overflow: hidden; width: 275px; height: 94px; background: url(../images/logos/logo.jpg) no-repeat; text-indent: -10001px;}
		.logo:hover {border-bottom: none;}
		.header ul {position: absolute; margin: 0;}
			.header ul li {float: left; list-style: none; margin: 0; padding: 0;}
		ul.tools {top: 80px; right: 0;}
			ul.tools li {padding: 0 12px 0 12px; border-right: 1px solid #DEDEDE; color: #000; font-weight: bold;}
			ul.tools li.first {border-right: none;}
			ul.tools li.last {border-right: none; padding-right: 0;}
				ul.tools li a, ul.tools li a:visited {color: #336699; font-weight: normal; text-decoration: none;}
				ul.tools li a:hover {color: #000; text-decoration: underline; border-bottom: none;}
				ul.tools li a.current, ul.tools li a.current:visited {font-weight: bold;}
		ul.mainmenu {bottom: 0; left: 0;}
			ul.mainmenu a, ul.mainmenu a:visited {display: block; float: left; height: 36px; padding: 0 11px 0 11px; border-bottom: 5px solid #4E699A; background: url(../images/pixel-adadad.gif) right top repeat-y; color: #4E699A; font-weight: bold; font-size: 0.9em; line-height: 36px; text-decoration: none; text-transform: uppercase;}
			ul.mainmenu a:hover {border-bottom: 5px solid #A0B2D2; background: #D5D6D8; color: #4E699A;}
			ul.mainmenu li.last a, ul.mainmenu li.last a:visited {background: none;}
			ul.mainmenu li.last a:hover {background: #D5D6D8;}
			ul.mainmenu a.current, ul.mainmenu a.current:visited, ul.mainmenu .last a.current, ul.mainmenu .last a.current:visited {border-bottom: 5px solid #A0B2D2; background: #D5D6D8; color: #4E699A;}

	.content {width: 950px; margin: 0 auto; padding-top: 22px; }
		.col1 {float: left; width: 181px; margin-right: 10px;}
		.col2 {position: relative; float: left; width: 450px; padding: 10px 10px 30px 10px; background: #fff;}
		.col2.wide {width: 735px; min-height: 400px;}
		.col2.register {float: none; width: 735px; margin: 0 auto;}
		.col2.fullwidth {float: none; width: 930px; padding-top: 30px; padding-bottom: 30px;}
			.col2 p img {padding: 10px; border: 1px solid #e8e8e8;}			
			.col2 p .read-more {font-size: 0.9em;}
		.col3 {float: right; width: 279px;}
			.col3 h2 {margin: 0; padding: 0 15px 0 15px; font-size: 1em; font-weight: bold; line-height: 32px; text-transform: uppercase;}
	
	.footer {clear: both; padding-top: 20px;}
		.footer p {text-align: center;}
		p.footer-menu {margin-bottom: 0.5em; background: url(../images/footer.jpg) no-repeat; color: #B8C9CE; font-size: 0.9em; line-height: 48px;}
			p.footer-menu a, p.footer-menu a:visited {padding: 0 5px 0 5px; color: #fff; text-decoration: none;}
			p.footer-menu a:hover {text-decoration: underline;}
			p.copyright {margin-top: 0.5em; color: #666; font-size: 0.85em;}
				a.awsystems {display: block; overflow: hidden; width: 102px; height: 24px; margin: 0 auto; background: url(../images/logos/awsystems.jpg) no-repeat; text-indent: -10001px;}
	
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.clearleft {clear: left; }
.secret {display: none;}
.read-more {padding-left: 15px; background: url(../images/icons/blue-arrow.gif) left center no-repeat; font-weight: bold;}
.date {font-size: 13px;}
.right {text-align: right; margin-bottom: 0;}
p.date {margin-top: -0.5em; margin-bottom: -0.5em; color: #777; font-weight:bold}

.ne {position: absolute; top: 0; right: 0; background-repeat: no-repeat;}
.nw {position: absolute; top: 0; left: 0; background-repeat: no-repeat;}
.se {position: absolute; bottom: 0; right: 0; background-repeat: no-repeat;}
.sw {position: absolute; bottom: 0; left: 0; background-repeat: no-repeat;}

.col2 .ne {width: 4px; height: 4px; background-image: url(../images/corners/main-ne.gif);}
.col2 .se {width: 4px; height: 4px; background-image: url(../images/corners/main-se.gif);}
.col2 .nw {width: 4px; height: 4px; background-image: url(../images/corners/main-nw.gif);}
.col2 .sw {width: 4px; height: 4px; background-image: url(../images/corners/main-sw.gif);}

.sidemenu .ne {width: 5px; height: 5px; background-image: url(../images/corners/sidemenu-ne.gif);}
.sidemenu .se {width: 5px; height: 5px; background-image: url(../images/corners/sidemenu-se.gif);}
.sidemenu .nw {width: 5px; height: 5px; background-image: url(../images/corners/sidemenu-nw.gif);}
.sidemenu .sw {width: 5px; height: 5px; background-image: url(../images/corners/sidemenu-sw.gif);}

.searchbox .ne {width: 7px; height: 7px; background-image: url(../images/corners/search-ne.gif);}
.searchbox .se {width: 7px; height: 7px; background-image: url(../images/corners/search-se.gif);}
.searchbox .nw {width: 7px; height: 7px; background-image: url(../images/corners/search-nw.gif);}
.searchbox .sw {width: 7px; height: 7px; background-image: url(../images/corners/search-sw.gif);}

.gray-box .ne {width: 7px; height: 7px; background-image: url(../images/corners/gray-ne.gif);}
.gray-box .se {width: 7px; height: 7px; background-image: url(../images/corners/gray-se.gif);}
.gray-box .nw {width: 7px; height: 7px; background-image: url(../images/corners/gray-nw.gif);}
.gray-box .sw {width: 7px; height: 7px; background-image: url(../images/corners/gray-sw.gif);}

.important {margin: 1em 0 1em 0; padding: 15px; background: #F2F4E4;}
	.important img {float: left; margin-right: 20px; margin-bottom:10px; border: 3px solid #fff;}
	.important h3 {float: left; width: 285px;} 
	.important p {float: left; clear: right; width: 285px; margin-top: 0.5em;}

.news {padding: 10px 0 10px 0; background: url(../images/gray-dotted-line.gif) top repeat-x;}
.news.last {background: none;}
	.news p {margin: 0.5em 0 0.5em 0;}
	.news h3 {font-weight: normal;}
		.news h3 a, .news h3 a:visited {font-weight: bold;}
	.news p img {float: left; margin: 0 15px 10px 0; padding: 3px; border: none;}

.activity table {width: 100%; margin: 0 auto; margin-bottom: 1em; border: 1px solid #fff; border-collapse: collapse;}
	th {padding: 5px 10px 5px 10px; border-bottom: 3px solid #b2b2b2; color: #000; font-weight: bold; font-size: 0.9em; text-align: left;}
		th a, th a:visited {color: #000; text-decoration: none;}
		th a:hover {color: #336699; text-decoration: none;}
	.activity table td {padding: 5px 10px 5px 10px; border: 1px solid #fff; background: #EDEDEE; font-size: 0.9em;}
	td.activity {width: 250px; background: #E5E6E7;}
	td.activity a, td.activity a:visited {text-decoration: none;}
	td.activity a:hover {text-decoration: underline;}
	td.name {width: 100px; background: #E5E6E7;}
	tr.zebra td {background: #fff;}
.activity h3 {margin-bottom: -0.8em;}

.activity-details {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 5px solid #B0B0B0;}
.activity-details.last {border-bottom: none;}
	.activity-details-main {float: left; width: 430px; padding-right: 20px; border-right: 1px solid #7F7F7F;}
		.activity-details-main .news {background-position: left top;}
		.activity-details-main h2 {margin-top: 0;}
	.activity-details-side {float: right; width: 260px;}
		.activity-details-side h4 {margin-top: 0; padding-bottom: 5px; border-bottom: 5px solid #ccc; color: #8EBD91; font-weight: bold; text-transform: uppercase;}
		.activity-details-side p {margin: 0 0 30px 0; padding: 8px 0 8px 0; border-bottom: 1px solid #7F7F7F; font-size: 0.85em;}
	.activity-details div fieldset {padding-top: 10px; background: url(../images/gray-dotted-line.gif) top left repeat-x; text-align: right;}
		.activity-details div select {width: 120px; margin-right: 5px; background: #fff url(../images/select.jpg) no-repeat;}

ul.pagination {float: right; height: 30px; margin-top: 0;}
	.pagination li {float: left; list-style: none; margin: 0 5px 0 5px; font-size: 0.85em;}
		a.prev, a.prev:visited {padding-left: 10px; background: url(../images/icons/arrow-prev.gif) left center no-repeat;}
		a.next, a.next:visited {padding-right: 10px; background: url(../images/icons/arrow-next.gif) right center no-repeat;}

.lcol {float: left; width: 210px;}
.rcol {float: right; width: 210px;}

.reg-left {float: left; width: 365px;}
.reg-right {float: right; width: 365px;}
div.gray {background: #EDEDEE; width: 345px; padding: 10px;}
	button.google-checkout {overflow: hidden; width: 114px; height: 18px; margin: 0 10px 0 10px; border: none; background: transparent url(../images/google-checkout.jpg) no-repeat; text-indent: -10001px; vertical-align: middle;}

ul.people li {float: left; list-style: none; width: 210px; height: 60px; margin: 5px 15px 5px 0; padding: 0; font-size: 0.9em;}
ul.people li.r, .lcol .people li, .rcol .people li {margin-right: 0;}
	ul.people li img {float: left; margin: 0 5px 5px 0;}
		ul.people li .member-name {color: #000; font-size: 1.2em; font-weight: bold; line-height:1.2em;}
		ul.people li .date {color: #777; font-size: 0.9em; line-height: 1em;}

/* registration form stuff */

.children label {clear: none;}
.children input {float: left; margin-right: 30px;}
.children .kid-name {width: 100px;}
.children label.kid-lname {width: 70px;}
.children input.kid-dob {width: 80px; margin-right: 0;}
.children label.kid-dob{width: 40px;}

.your-move label {width: 150px;}
.your-move input {width: 190px;}

label.long {width: 100%; margin-bottom: 0;}
input.check {width: 14px; height: 14px; border: none; background: #fff; vertical-align: middle;}
select#knows-us-from {width: 355px;}
.attended-coffee {margin-left: 20px;}

.interests li {float: left; list-style: none; margin: 2px 0 2px 0;}
	.interests label {width: 115px; margin: 0;}
	
.interest-left-col{float:left; width:395px;}
.interest-left-col li {float: left; list-style: none; margin: 2px 0 2px 0;}
	.interest-left-col label {width: 125px; margin: 0;}

.interest-right-col{float:right; width:325px;}
.interest-right-col textarea{ width:315px;}
.interest-right-col label{ width:315px;}

/* unique stuff
------------------------------------------- */
.sidemenu {position: relative; margin-bottom: 10px; background: #8EBD91;}
	.sidemenu .sidemenuform {padding: 10px 16px 10px 16px;}
		.sidemenu fieldset {padding-bottom: 10px; background: url(../images/white-dotted-line.gif) left bottom repeat-x;}
			.sidemenu input {float: left; width: 144px; margin-bottom: 5px; padding: 2px; border: 1px solid #DEDEDE; background: url(../images/input.jpg) left top repeat-x;  color: #666;}
			.sidemenu .check input {width: 12px; height: 12px; border: none; background: none; vertical-align: middle; }
			.sidemenu .button {width:57px; float: right; height: 24px; padding: 0 5px 0 5px; border: 1px solid #C1C1C1; background: url(../images/button.jpg) repeat-x; color: #555; font-size: 0.8em; line-height: 24px; text-align: center; text-transform: uppercase;}
			.sidemenu label {width:90px; color: #fff; font-size: 1.15em; line-height: 1.5em; margin:0px; text-transform: uppercase; }
			.sidemenu label.remember-me {float: left; height: 24px; font-size: 0.8em; line-height: 24px; text-transform: none;}
		.sidemenu .sidemenuform p {margin-bottom: 0; font-size: 0.9em; text-align: right;}
	.sidemenu ul {margin: 0; padding: 10px;}
		.sidemenu ul li {list-style: none; margin: 0; padding: 0 0 1px 0; background: url(../images/white-dotted-line.gif) left bottom repeat-x;}
		.sidemenu ul li.last {background: none;}
			.sidemenu ul li a, .sidemenu ul li a:visited {display: block; height: 30px; padding: 0 5px 0 5px; color: #fff; font-size: 0.85em; font-weight: bold; line-height: 31px; text-decoration: none; text-transform: uppercase;}
			.sidemenu ul li a:hover {color: #000; text-decoration: underline;}
			.sidemenu ul li a.current, .sidemenu ul li a.current:visited {color: #000; text-decoration: underline;}
	
		
.adbox-wrapper1 {padding-top: 7px; background: url(../images/adbox-top.jpg) no-repeat;}
	.adbox-wrapper2 {padding-bottom: 7px; background: url(../images/adbox-bottom.jpg) bottom no-repeat;}
		.adbox {background: url(../images/adbox-middle.jpg) repeat-y;}
			.adbox ul {margin: 0; padding: 0;}
				.adbox ul li {list-style: none; margin: 0; padding: 5px; text-align: center;}
					.adbox ul li a {display: block; margin: 10px 0 10px 0;}
					.adbox ul li a:hover {border: none;}
		
.searchbox {position: relative; height: 100px; margin-bottom: 10px; background: #667DA7;}
	.searchbox legend {display: block; color: #fff; font-weight: bold; text-transform: uppercase;}
	.searchbox .read-more {background-image: url(../images/icons/white-arrow.gif); color: #fff;}
	div.searchboxform {padding: 10px 16px 10px 16px;}
	div.searchboxform p {border-top: 5px solid #CCCCCC; color: #FFFFFF; font-size: 0.85em; margin: 5px 0pt 0px; padding:8px 0pt;}
	.searchbox .searchboxform a {color: #ffffff;}

	.searchbox input {width: 174px; height: 18px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #DEDEDE; background: url(../images/input.jpg) left top repeat-x; color: #666; vertical-align: middle;}
	.searchbox .button {width: 60px; height: 24px; padding: 0 5px 0 5px; border: 1px solid #C1C1C1; background: url(../images/button.jpg) repeat-x; color: #555; font-size: 0.8em; line-height: 24px; text-align: center; text-transform: uppercase; vertical-align: middle;}

.white-side {margin: 10px 0 10px 0; padding-bottom: 0	; background: #fff url(../images/white-box-middle.jpg);}
	.white-side ul {margin: 0 15px 0 15px;}
		.white-side ul li {list-style: none; margin: 0; padding: 10px 0 10px 0; background: url(../images/gray-dotted-line.gif) bottom repeat-x;}
		.white-side ul li.last {background: none;}
		.white-side ul li p {margin: 0; padding-left: 20px; background: url(../images/green-dot.gif) left 5px no-repeat;}
			.white-side ul li a {font-size: 1.1em; font-weight: bold;}
			.event-data {font-size: 0.85em;}
	.white-side p {margin-left: 10px; margin-right: 10px;}
	.white-side p .read-more {font-size: 0.9em;}
	.white-side p.last {margin: 0.5em 0 0 0; padding: 0 15px 20px 15px; background: url(../images/white-box-bottom.jpg) bottom no-repeat;}
	.white-side h2 {height: 30px; margin: 0; background: url(../images/white-box-top.jpg) left top no-repeat;}
.gray-side {margin: 40px 0 10px 0; padding-bottom: 10px; padding-top: -30px; background: #D5D6D8 url(../images/gray-box-bottom.jpg) bottom no-repeat;}
	.gray-side ul {margin: -30px 15px 0 15px;}
		.gray-side ul li {list-style: none; margin: 0; padding: 10px 0 10px 0; background: url(../images/gray-dotted-line.gif) bottom repeat-x;}
		.gray-side ul li.last {background: none;}
			.gray-side ul li a {font-size: 1.1em; font-weight: bold;}
			.gray-side ul li img {float: left; margin: 0 20px 0 0; border: 1px solid #fff;}
			.gray-side ul li p {margin-top: 0; margin-bottom: 0.3em;}
			.gray-side ul li p.member-data {font-size: 0.85em;}
			.event-data {font-size: 0.85em;}
	.gray-side p {margin-left: 15px; margin-right: 15px;}
	.gray-side p .read-more {font-size: 0.9em;}
	.gray-side h2 { position: relative; top: -30px; height: 30px; margin: 0; background: transparent url(../images/gray-box-top.gif) no-repeat;}
.ads {margin: 0px 0 10px 0;}
	.ads li {list-style: none; margin: 0px 0 10px 0;}
	.ads li a:hover {border: none;}
	
.gray-box {position: relative; margin: 0 0 10px 0; padding: 15px 15px 5px 15px; background: #D5D6D8;}
	.gray-box .read-more {font-size: 0.9em;}
	.gray-box h3 {margin-top: 0; padding-bottom: 5px; background: url(../images/gray-dotted-line.gif) left bottom repeat-x; color: #000; text-transform: uppercase;}

.member-photo {float: left; width: 133px; padding-top: 30px;}
	.member-photo p {color: #888; font-size: 0.85em;}

.details {float: right; width: 290px; padding-top: 20px; padding-bottom: 30px;}
	.details p {font-size: 0.9em;}

.login-content {float: left; width: 465px; padding-left: 30px;}
	
	.login {float: right; width: 290px; padding: 20px 40px 20px 60px; border: none; border-left: 1px solid #7F7F7F;}
	.login fieldset {padding-bottom: 10px; border-bottom: 1px solid #E2E2E2;}
	.login a {font-weight: bold;}
	.login p {color: #ccc;}
	.login label {display: block; line-height: 1.3em; font-size: 1em;}
	.login .remember-me {float: left; font-size: 0.8em; text-transform: none; }
	.login .button {width:55px; float: right;height: 24px; padding: 0 5px 0 5px; border: 1px solid #C1C1C1; background: url(../images/button.jpg) repeat-x; color: #555; font-size: 0.8em; line-height: 24px; text-align: center;}
	.login input {width: 280px; margin: 5px 0 10px 0; padding: 4px; border: 1px solid #EAEAEA; background: #fff url(../images/input.jpg) top repeat-x;}
	.login .check input {width: 14px; height: 14px; border: none; background: none; vertical-align: middle;}
	
div.user-search {margin-top: 5px; padding: 20px 0 30px 0; background: url(../images/gray-dotted-line.gif) left top repeat-x; text-align: center;}
	.user-search label {display: block; width: 420px; margin-bottom: 0; padding-left: 10px; color: #555; font-weight: bold; font-size: 0.85em; text-align: left; }
	.user-search input, .user-search select {width: 175px; margin-right: 5px; padding: 4px; border: 1px solid #EAEAEA; background: #fff url(../images/select.jpg) left top no-repeat; color: #666;}
	.user-search select {padding: 3px 4px 3px 4px; margin-bottom:5px; height:24px;}
	.user-search .button {width:65px; height: 24px; padding: 0 5px 0 5px; border: 1px solid #C1C1C1; background: url(../images/button.jpg) repeat-x; color: #555; font-size: 0.8em; line-height: 24px; text-align: center;}

	/* Preview bar layout */
.previewBar{z-index:10;position:absolute;left:300px; font-size: 12px; line-height: 1.3em; display: block; background: #e7e7e7 url(../images/back.jpg) left top repeat-x; width: 640px; height: 51px;}
.previewBar #preview-back {position: absolute; width: 640px; margin: 0 auto; background: #e7e7e7;}

  #preview-header {height: 49px; padding: 2px 5px 0 5px; background: #fff url(../images/top-bar-back.jpg) left top repeat-x;}
	#preview-header a {font-size: 1.2em; font-weight:normal; font-family: Verdana, Helvetica, sans-serif;}
	
	#preview-header div.buttons {float: right;}
	#preview-header .buttons label.inside {margin: 7px; font-size: 0.9em;}
	#preview-header input.button {width: 93px; height: 30px; border: none; background: #ccc url(../images/button-out.gif) center center no-repeat; text-align: center;}
	#preview-header .buttons .button {margin: 0 0 0 10px;}
	#preview-header a.button-link, #preview-header a.button-link:visited {display: block; float: left; height: 32px; margin: 2px; padding: 0 10px 0 10px; border-top: 2px solid #bebebe; border-right: 2px solid #2f2f2f;  border-bottom: 2px solid #2f2f2f; border-left: 2px solid #b4b4b4; background: #000 url(../images/button-link-back.jpg) left top repeat-x; color: #fff; line-height: 32px; text-align: center; text-decoration: none;}
	#preview-header a.button-link:hover, #preview-header a.button-link.on {border-top: 2px solid #141414; border-right: 2px solid #959595;  border-bottom: 2px solid #959595; border-left: 2px solid #141414; background: #595959;}

	#preview-header a.right-button, a.right-button:visited {display: block; float: left; width: 97px; height: 25px; margin: 8px 5px 0 5px; background: #fff url(../images/right-button-out.jpg) center center no-repeat; color: #000; font-size: 0.96em; line-height: 25px; text-align: center; text-decoration: none;}
	#preview-header a.right-button:hover {background: #fff url(../images/right-button-over.jpg) center center no-repeat;}
	#preview-header a.right-button.goto-admin, a.right-button.goto-admin:visited {width: 115px; background: #fff url(../images/right-button-big-out.jpg) center center no-repeat;}
	#preview-header a.right-button.goto-admin:hover {background-image: url(../images/right-button-big-over.jpg);}

.membership {width: 100%; margin: 0 auto; margin-bottom: 1em; border: 1px solid #fff; border-collapse: collapse;}
	.membership th {padding: 5px 10px 5px 10px; border-bottom: 3px solid #b2b2b2; color: #000; font-weight: bold; font-size: 0.9em; text-align: left;}
		.membership th a, .membership th a:visited {color: #000; text-decoration: none;}
		.membership th a:hover {color: #336699; text-decoration: none;}
	.membership td {padding: 5px 10px 5px 10px; border: 1px solid #fff; background: #EDEDEE; font-size: 0.9em;}
	
p.error { color: #B60000; background-color: #FFFFDD; text-align:left; padding: 2px;}

.right-wrapper1{margin: 5px 0 0 10px; float:right; width:225px; padding-top:5px; background: transparent url(../images/border-top.gif) no-repeat scroll center top;}
.right-wrapper2{padding-bottom:5px; background: transparent url(../images/border-bottom.gif) no-repeat scroll center bottom;}
.right-content{background:transparent url(../images/border-body.gif) repeat-y scroll 0%; padding:5px 10px;}
.right-content p{margin:0.5em 0pt;}