/* Main stylesheet for Village Drinks */

/* Standard Elements */

* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
}

body {
	background: #fff url(../images/bg_header.jpg) repeat-x top;
	width: 100%;
	border: 0;
	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 76%;
	color: #383838;
	text-align: center;
	margin:0 0 0 0;
}


body * {
	text-align: left;
}

img {
	border: 0;
}

p {
	margin: 1em 0;
	line-height: 1.4em;
	font-size: 1.0em;
}

	p img {
		vertical-align: middle;
	}

a {
	color: #770023;
}

	a:hover {
		color: #9f3882;
	}

ul {
	list-style-position: outside;
	list-style-type: none;
}

h1 {
	color: #770023;
	font-size: 1.3em;
	margin-bottom: 0.8em;
}

	h1.section {
		clear: both;
	}

h2 {
	font-size: 1.3em;
}

	h2.section {
		clear: both;
		margin: 1em 0;
		padding-top: 1em;
	}

	h2 a {
		text-decoration: none;
	}

h3 {
	font-size: 1.1em;
}

	h3.section {
		clear: both;
	}

a:hover {
	text-decoration: none;
}

#accessible {
	left: -3000px;
	position: absolute;
}

a.moreLink {
	float: right;
	padding: 0 0 1em 1em;
	clear: left;
}

p.newsImage {
	text-align: center;
}

p.peopleIntro {
	padding-bottom: 1em;
}

div.mailboxStatus {
	border: 2px solid #770023;
	background: #e0e0e0 url(../images/mailbar.gif) repeat-y;
	width: 250px;
	padding: 2px 3px;
}


dl.question {
	border: 1px solid #C3C3C3;
	clear: left;
	float: left;
	margin: 0em 0pt 1em 180px;
	padding: 0;
	width: 330px;
	display: inline;
}
dl.question dt {
	font-weight: bold;
	color: #770023;
	padding: 3px;
}
dl.question dd {
	padding: 3px;
}

.questionLink {
	background:transparent url(../images/info-icon.gif) no-repeat scroll left top;
	display:block;
	float:left;
	height:21px;
	text-indent:-10000px;
	width:22px;
	outline: none;
}

#mainForm label.hasQuestion {
	width: 94%;
}
#mainForm label.hasQuestion input {
	width: 300px;
}

ul.itemList {
	margin: 1em 0 1em 2em;
	list-style: disc;
}

a.mapLink {
	background: url(../images/mapicon.gif) top right no-repeat;
	display: block;
	height: 44px;
	width: 70px;
	padding-top: 20px;
	padding-right: 67px;
}

.blockLeft {
	float: left;
}
.blockRight {
	float: right;
}

p.welcomeMessage {
	clear: both;
	padding-top: 1em;
}

/* helps display floated stuff */
.clearer {
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}

/* Header */

#wrapperTop {
	background: #fff url(../images/top-back.gif) bottom left repeat-x;
	border-top: 1px solid #770023;
	padding-bottom: 2px;
}

	#wrapperTop .internalWrapper {
		margin: 0 auto;
		width: 930px;
	}

	#wrapperTop .logo {
		padding: 15px 0 0 15px;
		margin: 0;
		display: block;
		float: left;
	}

	#wrapperTop #flashHeader {
		clear: left;
	}

	#wrapperTop .invited, #wrapperTop .upcoming {
		top: -10px;
		position: relative;
	}

/* Content Area */

#wrapperContent {
	width: 930px;
	margin: 0 auto;
}

#contentArea {
	float: left;
	width: 548px;
}

#contentArea p {
	padding-right: 20px;
}

	#contentArea h2 {
		background: url(../images/div-wide.gif) 50% 0 no-repeat;
		padding-top: 1em;
		clear: both;
	}

	#contentArea div.eventsBody h2 {
		background: url(../images/div-grey.gif) 50% 0 no-repeat;
	}

		#contentArea h2.firstItem {
			background: none;
			padding-top: 0;
		}

#extraArea {
	float: right;
	width: 372px;
}

	#extraArea h2 {
		padding-top: 1em;
		clear: both;
		background: url(../images/div-thin.gif) 50% 0 no-repeat;
	}

		#extraArea h2.firstItem {
			background: none;
			padding-top: 0;
		}

	#extraArea ul.profileList li {
		padding: 0 0 10px 15px;
	}

	#extraArea ul.linkList {
		margin: 1em 0 1em 15px;
	}
	#extraArea ul.linkList li {
		margin-bottom: 0.5em;
	}

		#extraArea ul.linkList li.drinksLink, #extraArea ul.linkList li.womenLink, #extraArea ul.linkList li.politicsLink, #extraArea ul.linkList li.datingLink, #extraArea ul.linkList li.theatreLink, #extraArea ul.linkList li.businessLink, #extraArea ul.linkList li.mediaLink, #extraArea ul.linkList li.diningLink, #extraArea ul.linkList li.socialLink  {
			display: block;
			height: 25px;
			padding-left: 40px;
			padding-top: 10px;
		}

		#extraArea ul.linkList li.drinksLink {
			background: url(../images/drinksIcon.gif) top left no-repeat;
		}
		#extraArea ul.linkList li.womenLink {
			background: url(../images/womenIcon.gif) top left no-repeat;
		}
		#extraArea ul.linkList li.politicsLink {
			background: url(../images/politicsIcon.gif) top left no-repeat;
		}
		#extraArea ul.linkList li.datingLink {
			background: url(../images/datingIcon.gif) top left no-repeat;
		}
		#extraArea ul.linkList li.businessLink {
			background: url(../images/businessIcon.gif) top left no-repeat;
		}
		#extraArea ul.linkList li.mediaLink {
			background: url(../images/mediaIcon.gif) top left no-repeat;
		}
		#extraArea ul.linkList li.diningLink {
			background: url(../images/diningIcon.gif) top left no-repeat;
		}
		#extraArea ul.linkList li.socialLink {
			background: url(../images/socialIcon.gif) top left no-repeat;
		}
		
	#extraArea div.gallery h2 {
		color: #ffffff;
		font-weight: bold;
		font-size: 1.2em;
		margin-top: 40px;
		margin-left: 25px;
		position: relative;
	}
	#extraArea div.gallery img {
		margin-top: -80px;
	}

		#extraArea div.gallery a img {
		margin-top: 1px;
	}

	#extraArea div.gallery h2 img {
		margin-top: 0;
	}
	#extraArea div.gallery a {
		width: 310px;
		display: block;
		height: 21px;
		background: url(../images/eventButton.gif) top left no-repeat;
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
		padding: 6px 0 0 10px;
		margin-top: -25px;
		margin-left: 45px;
		position: relative;
	}

	#extraArea a.eventLink {
		width: 310px;
		display: block;
		height: 19px;
		background: url(../images/eventButton.gif) top left no-repeat;
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
		padding: 8px 0 0 10px;
		margin-top: -25px;
		margin-left: 45px;
		position: relative;
	}

/* Footer */

#wrapperBot {
	clear: both;
	background: url(../images/bot-back2.gif) 0 18px repeat-x;
	padding-top: 30px;
	width:100%;
}

#wrapperBot.homePage {
	background: url(../images/bot-back.gif) 0 36px repeat-x;
	padding-top: 20px;
}

	#wrapperBot .internalWrapper {
		/* width: 930px; */ 
		margin: 0 auto;
	}

	#wrapperBot .boxes {
		background: url(../images/box-back.gif) 0 0 no-repeat;
	}

	#wrapperBot .boxes, #wrapperBot .boxes a {
		color: #fff;
		font-size: 0.9em;
	}

	#wrapperBot .boxes div {
		float: left;
		height: 142px;
	}

	#wrapperBot .boxes div {
		margin-right: 15px;
	}

	#wrapperBot div.podcast {
		width: 130px;
		padding-left: 170px;
		background: url(../images/box-ipod.jpg) 0 0 no-repeat;
	}

		#wrapperBot div.podcast h3 {
			text-indent: -10000px;
			background: url(../images/get-our-pod-cast.gif) 0 0 no-repeat;
			width: 172px;
			height: 19px;
			position: relative;
			margin-left: -150px;
		}

	#wrapperBot div.podcast p {
		padding: 15px 15px 0 15px;
	}

	#wrapperBot div.blog {
		width: 256px;
		padding: 0 20px;
		background: url(../images/box-blog.jpg) 0 0 no-repeat;
	}

	#wrapperBot div.blog p {
		padding: 0 15px;
	}

		#wrapperBot div.blog h3 {
			text-indent: -10000px;
			background: url(../images/read-our-blog.gif) 0 0 no-repeat;
			width: 144px;
			height: 21px;
			position: relative;
			top: 115px;
			left: 60px;
		}

	#wrapperBot div.jobs {
		width: 254px;
		padding: 0 20px;
		background: url(../images/box-job.jpg) 0 0 no-repeat;
		margin: 0;
	}

	#wrapperBot div.jobs p {
		padding: 0 55px 0 0;
	}

		#wrapperBot div.jobs h3 {
			text-indent: -10000px;
			background: url(../images/latest-jobs.gif) 0 0 no-repeat;
			width: 125px;
			height: 18px;
			position: relative;
			top: -10px;
		}

	#wrapperBot .sponsors {
		clear: left;
		color: #fff;
		padding-top: 26px;
		margin-top: -25px;
	}

	#wrapperBot .sponsors a {
		color: #fff
	}

	#wrapperBot .sponsors .sponsorBox {
		float: left;
		margin-right: 15px;
		padding-bottom: 5px;
	}

	#wrapperBot .sponsors div.sponsorBox {
		width: 300px;
	}

	#wrapperBot .sponsors .lastItem {
		position: relative;
		margin-right: 0;
		margin-top: 0;
		top: -28px;
	}

/* Sign In Area */

#loginArea {
	float: right;
	background: url(../images/login-area.gif) 0 15px no-repeat;
	width: 280px;
	height: 87px;
	clear: right;
	position: relative;
	margin-bottom: -20px;
	bottom: 8px;
}
	#loginArea, #loginArea a {
		color: #fff;
		font-size: 0.85em;
	}

	#loginArea h3 {
		background: url(../images/login.gif) 0 0 no-repeat;
		width: 61px;
		height: 16px;
		margin-left: 10px;
		text-indent: -10000px;
	}

	#loginArea .signup {
		float: right;
		position: relative;
		margin-top: -17px;
	}
	#loginArea label {
		float: left;
		width: 145px
		padding: 0;
		margin: 0;
	}
	#loginArea span {
		width: 65px;
		display: block;
		float: left;
	}

		#loginArea span.inputWrapper {
			background: transparent url(../images/login-input.gif) 0 0 no-repeat;
			width: auto;
			width: 69px;
			height: 20px;
		}

	#loginArea input {
		width: 63px;
		height: 17px;
		border: none;
		background: none;
		font-size: 8pt;
		padding: 1px 3px;
	}

		#loginArea label.option {
			width: auto;
		}
			#loginArea label.option input {
				width: auto;
				padding: 0;
			}

		#loginArea input.submit {
			width: 33px;
			height: 17px;
			padding: 0;
			margin: 0 0 0 5px;
			float: left;
		}

		#loginArea form {
			padding: 6px 10px;
		}

		#loginArea fieldset {
			border: none;
			height: 45px;
		}
		#loginArea legend {
			display: none;
		}

		#loginArea form a {
			float: right;
			margin-right: 20px;
		}

/* Profile Area */

#profileArea {
	float: right;
	background: url(../images/profile-area.gif) 0 15px no-repeat;
	width: 280px;
	height: 87px;
	clear: right;
	position: relative;
	margin-bottom: -20px;
	bottom: 8px;
}
	#profileArea, #profileArea a {
		color: #fff;
		font-size: 0.85em;
		text-decoration: none;
	}
	
	#profileArea a:hover {
		text-decoration: underline;
	}

	#profileArea h3 {
		background: url(../images/profile.gif) 0 0 no-repeat;
		width: 67px;
		height: 15px;
		margin-left: 10px;
		text-indent: -10000px;
	}

		#profileArea h3.recruiter {
			background: url(../images/recruiter.gif) 0 0 no-repeat;
			width: 90px;
		}

	#profileArea p {
		margin: 5px 12px;
		font-size: 1.1em;
		width: 235px;
	}
	#profileArea .message {
		font-weight: bold;
	}

	#profileArea .message img{
		vertical-align:middle;
	}

	#profileArea ul {
		margin: 12px 35px 0 15px;
	}
	#profileArea li.profileLink, #profileArea li.profileWinks {
		float: left;
		display: inline;
	}

	#profileArea li.profileWinks {
		margin-left: 5px;
	}

		#profileArea li.profileLink a {
			padding-right: 16px;
			background: url(../images/profile-but.gif) top right no-repeat;
		}

		#profileArea li.profileWinks a {
			padding-right: 16px;
			background: url(../images/profile-winks.gif) top right no-repeat;
		}

	#profileArea li.logoutLink {
		float: right;
	}

		#profileArea li.logoutLink a {
			padding-right: 16px;
			background: url(../images/logout-but.gif) top right no-repeat;
		}


	#profileArea .update {
		background: url(../image/add-me-and.gif) top right no-repeat;
	}

/* Navigation */

#extraNav {
	float: right;
	padding-top: 0;
}

	#extraNav li {
		display: inline;
		margin: 0 15px 0 0;
	}
		#extraNav li.current {
			background: url(../images/extra-over.gif) 0 0 no-repeat;
		}

	#extraNav a {
		text-decoration: none;
		font-weight: bold;
	}

		#extraNav li.current a {
			color: #fff;
		}

#mainNav {
	float: left;
	clear: left;
	margin-top: 30px;
	width: 603px;
}
	#mainNav li {
		display: inline;
		margin: 0 5px 0 0;
	}

		#mainNav li.current {
			background: url(../images/main-over.gif) 0 0 no-repeat;
		}

	#mainNav a {
		text-decoration: none;
		font-weight: bold;
	}

		#mainNav li.current a {
			color: #fff;
		}

#botNav {
	clear: left;
	width: 930px;
	margin: 0 auto;
	font-weight: bold;
	height: 20px;
	position: relative;
	top: -29px;
}

	#botNav li {
		float: left;
		margin-right: 2em;
	}

	#botNav li.lastItem {
		float: right;
		font-size: 0.7em;
	}

	#botNav a {
		text-decoration: none;
	}

/* General page elements */

.village-ad {
	margin-top: 1em;
	padding-top: 1em;
	clear: both;
	display: block;
	background: url(../images/div-thin.gif) 50% 0 no-repeat;
}

#extraArea h2 {
	margin: 0 0 15px 15px;
	color: #770023;
}
#extraArea p {
	margin: 1em;
}

#extraArea .extraContent {
	margin-top: -1em;
}

ul.thumbnails {
	clear: both;
}

ul.thumbnails li {
	float: left;
	padding: 0;
	margin-right: 15px;
	margin-bottom: 35px;
}

ul.thumbnails li a {
	display: block;
	margin-left: 0;
	text-decoration: none;
}

	ul.thumbnails li a span {
		display: block;
		margin: 0 auto;
		text-align: center;
		text-decoration: underline;
	}

	ul.thumbnails li a:hover span {
		text-decoration: none;
	}

ul.thumbnails li a img {
	background: url(../images/thumb-back.gif) 0 0 no-repeat;
	padding: 12px;
	display: block;
}

ul.thumbnails li.lastItem {
	margin-right: 0;
}

td.thumbnails {
	clear: both;
}

td.thumbnails {
	padding: 15px 0 0 0;
	margin-right: 15px;
	margin-bottom: 35px;
}

td.thumbnails a {
	margin-left: 0;
	text-decoration: none;
}

	td.thumbnails a span {
		margin-left: 12px;
		text-decoration: underline;
	}

	td.thumbnails a:hover span {
		text-decoration: none;
	}

td.thumbnails a img {
	background: url(../images/thumb-back.gif) 0 0 no-repeat;
	padding: 12px;
	display: block;
}

ul.thumbnailsWide li {
	margin-right: 0;
	margin-bottom: 20px;
}

ul.thumbnailsHome li {
	margin-bottom: 20px;
}

table.dataList {
	width: 100%;
}

/* Events */

div.eventsBody {
	background: url(../images/notes-back.gif) top left repeat-y;
	width: 548px;
	color: #fff;
}

	div.eventsBody div.eventsHeader {
		background: url(../images/notes-top.gif) 0 0 no-repeat;
		padding: 40px 30px 0 30px;
		font-weight: bold;
	}

	div.eventsBody div.eventsHeader form {
		float: right;
		margin-top: 20px;
	}
	#contentArea div.eventsBody div.eventsHeader h2 {
		margin-left: 10px;
		margin-top: 20px;
		background: none;
		padding-top: 0;
		clear: none;
	}
		div.eventsBody div.eventsHeader h2 img {
			margin-left: -20px;
		}

	div.eventsBody div.eventsWrapper {
		background: url(../images/notes-bot.gif) bottom left no-repeat;
		padding-bottom: 35px;
	}

	div.eventsBody dl {
		background: url(../images/event-back.gif) top left repeat-y;
		width: 500px;
		margin: 10px 15px;
		padding: 0px;
		color: #000;
		clear: both;
	}
		div.eventsBody dl.lastItem {
			margin-bottom: 0;
		}

	div.eventsBody dt {
		background: url(../images/event-top.jpg) 0 0 no-repeat;
		line-height: 1.3em;
		height: 70px;
		padding-top: 15px;
		padding-left: 7px;
		text-align:left;
	}

	div.eventsBody dd {
		padding: 1em 15px 1em 80px;
		margin-top: -50px;
		background: url(../images/event-bot.gif) bottom left no-repeat;
	}

	div.eventsBody img {
		float: right;
	}
		div.eventsBody dd p.firstItem {
			margin-top: 25px;
		}

	div.eventsBody h2 img {
		float: none;
	}

	div.eventsBody #mainForm {
		width: 400px;
	}

	div.eventsBody p {
		margin-right: 150px;
	}
	div.eventsBody dd.wide p {
		margin-right: 0;
	}

	div.eventsBody .day {
		font-size: 30px;
		display: block;
		padding-bottom: 5px;
	}

	div.eventsBody .day img {
		float: none;
		padding: 0;
		position: relative;
		top: -3px;
		margin-left: 3px;
	}

	div.eventsBody .month {
		font-size: 20px;
	}

	div.eventsBody .month img {
		float: none;
		padding: 0;
		position: relative;
		top: -7px;
	}

	div.eventsBody .date, div.eventsBody .comingsoon {
		color:#fff;
		font-weight: bold;
		text-align: center;
		width: 45px;
		float: left;
	}
	div.eventsBody .comingsoon {
		height: 20px;
		padding-top: 20px;
		text-indent: -1000px;
		background: url(../images/comingsoon.gif) 50% 50% no-repeat;
	}

	div.eventsBody p.actionLink {
		clear: left;
	}

	#contentArea div.eventsBody dt .title {
		color: #770023;
		font-size: 1.3em;
		float:left;
		margin: 5px 0 0 25px;
		font-weight: bold;
	}
	#contentArea div.eventsBody h2.title {
		background: none;
		margin-left: 20px;
	}

	#contentArea div.eventsBody .drinks {
		text-indent: -10000px;
		background: url(../images/event-village-drinks.gif) 0 0 no-repeat;
		width: 158px;
		height: 50px;
	}

	#contentArea div.eventsBody .women {
		text-indent: -10000px;
		background: url(../images/event-village-women.gif) 0 0 no-repeat;
		width: 169px;
		height: 50px;
	}

	#contentArea div.eventsBody .politics {
		text-indent: -10000px;
		background: url(../images/event-village-politics.gif) 0 0 no-repeat;
		width: 172px;
		height: 50px;
	}
	

		#contentArea div.eventsBody .dating {
		text-indent: -10000px;
		background: url(../images/event-village-dating.gif) 0 0 no-repeat;
		width: 172px;
		height: 50px;
	}
	
			#contentArea div.eventsBody .theatre {
		text-indent: -10000px;
		background: url(../images/event-village-theatre.gif) 0 0 no-repeat;
		width: 175px;
		height: 50px;
	}
	
	#contentArea div.eventsBody .business {
		text-indent: -10000px;
		background: url(../images/event-village-business.gif) 0 0 no-repeat;
		width: 175px;
		height: 50px;
	}
	#contentArea div.eventsBody .media {
		text-indent: -10000px;
		background: url(../images/event-village-media.gif) 0 0 no-repeat;
		width: 175px;
		height: 50px;
	}
	#contentArea div.eventsBody .dining {
		text-indent: -10000px;
		background: url(../images/event-village-dining.gif) 0 0 no-repeat;
		width: 175px;
		height: 50px;
	}
	#contentArea div.eventsBody .social {
		text-indent: -10000px;
		background: url(../images/event-sunday-social.gif) 0 0 no-repeat;
		width: 175px;
		height: 50px;
	}
	

	div.eventsBody ul.prices {
		font-weight: bold;
		margin: 1em 0;
	}
	div.eventsBody a.signup img {
		float: left;
		margin: 1em 1em 0 0;
	}

	#contentArea div.eventsBody h2.guestList {
		clear: none;
	}

	div.eventsBody #mainForm div.guestList {
		clear: both;
		margin: 0;
		padding: 0 0 0 30px;
		height: 55px;
		width: 370px;
	}

	div.eventsBody #mainForm div.guestList span {
		width: 100px;
		float: left;
	}
	div.eventsBody #mainForm div.guestList span.num {
		float: left;
		position: relative;
		width: auto;
	}

	div.eventsBody #mainForm div.guestList label {
		float: left;
		clear: left;
		margin-left: 30px;
		width: 280px;
	}
	div.eventsBody #mainForm div.guestList label.firstItem {
		margin-top: -1.5em;
	}

	div.eventsBody p.moreLink {
		margin: 1em 0 0 20px;
	}
		div.eventsBody p.moreLink a {
			color: #ffffff;
		}

	div.eventsBody div.eventDesc {
		clear: left;
	}
	
		div.eventsBody div.eventDesc img {
			float: none;
		}
		
		div.eventsBody div.eventDesc p img {
			vertical-align: middle;
		}

ul.eventList {
	width: 500px;
}
	ul.eventList li {
		margin-top: 1em;
		padding-top: 1em;
		background: url(../images/div-wide.gif) 50% 0 no-repeat;
		display: block;
		clear: both;
	}

	ul.eventList li.firstItem {
		padding-top: 0;
		background: none;
	}
	ul.eventList img {
		float: right;
		margin-bottom: 1em;
	}
	ul.eventList p {
		padding-top: 25px;
	}

div.eventBlock {
	margin-top: 2em;
	padding-top: 2em;
	background: url(../images/div-wide.gif) 50% 0 no-repeat;
	clear: left;
}
	div.eventBlock h2 {
		margin-bottom: 1em;
	}

	div.eventBlock img.eventPhoto {
		float: left;
		margin: 0 1em 1em 0;
	}

#extraArea h2.section {
	margin: 15px 0 0 15px;
}

#extraArea img.firstPhoto {
}
#extraArea img.secondPhoto {
	float: right;
}
#extraArea img.thirdPhoto {
	clear: right;
}

/* News Articles */

dl.newsList {
	margin: 1em 0 1em 1.5em;
}
	dl.newsList dt {
		margin-top: 1.5em;
	}
	dl.newsList dd {
		margin-bottom: 1.5em;
	}

div.newsLinks {
	margin: 0em;
	background: url(../images/div-wide.gif) 50% 0 no-repeat;
	padding-top: 2em;
	clear: both;
}

	div.newsLinks * {
		float: left;
	}
	div.newsLinks span {
		font-weight: bold;
	}
	div.newsLinks a {
		margin: 0 0.2em;
	}
	div.newsLinks li a {
		margin: 0 0.2em;
	}

p.newsTitle {
	font-weight: bold;
	font-size: 1.2em;
}

/* jobs */

p.jobsTitle {
	font-weight: bold;
	font-size: 1.2em;
}

p.jobsTitle img {
	float: left;
	padding-right: 15px;
}

p.jobsTitle span {
	font-size: 0.8em;
}

.jobLinks {
		background: url(../images/div-wide.gif) 50% 0 no-repeat;
		padding-top: 1em;
		clear: both;
}
.actionLinks {
	background: url(../images/div-wide.gif) 50% 0 no-repeat;
	padding-top: 1em;
	clear: both;
	text-align: center;
}
#mainForm .actionLinks input.submit {
	margin: 0px;
	float: none;
}

dl.jobsList {
	margin: 2em 0 1em 1.5em;
}
	dl.jobsList dt {
		float: left;
		width: 130px;
	}
	dl.jobsList dd {
		margin-bottom: 3em;
		float: left;
		width: 380px;
	}

	dl.podcastList {
	margin: 2em 0 1em 1.5em;
}
	dl.podcastList dt {
		float: left;
		width: 130px;
	}
	dl.podcastList dd {
		margin-bottom: 3em;
		float: left;
		width: 380px;
	}


#extraArea ul.recListLeft {
	float: left;
	width: 170px;
}

#extraArea ul.recListLeft li {
	margin-bottom: 8px;
	margin-left: 20px;
}


#extraArea ul.recListRight {
	float: left;
	width: 170px;
}

#extraArea ul.recListRight li {
	margin-bottom: 8px;
	margin-left: 20px;
}

/* messages */

p.messageTitle {
	font-weight: bold;
	font-size: 1.2em;
}

p.messagePos {
	clear: left;
	padding-top: 1em;
}

p.messageTitle img {
	float: left;
	padding: 11px 14px 12px 13px;
	background: url(../images/thumb-back.gif) 0 0 no-repeat;
}

p.messageTitle span {
	font-size: 0.8em;
}

.messageTitleLinks {
		background: url(../images/div-wide.gif) 50% 0 no-repeat;
		padding-top: 1em;
		clear: both;
}

.create	{
	padding-left: 20px;
}


/* Profile Search */

div.profileNav {
	margin: 1em 0;
	overflow: hidden;
}

#profileSearch {
	border: none;
	margin-left: 65px;
	font-size: 0.9em;
	width: 270px;
}
	#profileSearch legend {
		display: none;
	}

	/*#profileSearch h2 {
		position:relative;
		left:-70px;
	}*/

	#profileSearch input {
		width: 170px;
	}

	#profileSearch input.submit {
		clear: left;
		float: left;
		width: auto;
		margin-left: 190px;
		padding: 1em 0;
	}

	#profileSearch label, #profileSearch div {
		float: left;
		clear: left;
		margin-bottom: 1em;
		width: 100%;
	}

	#profileSearch div label {
		margin-bottom: 0;
	}

		#profileSearch label span {
			width: 80px;
			float: left;
			margin-top: 0.2em;
		}

		#profileSearch label.option {
			clear: none;
			margin-right: 2em;
			display: block;
			width: auto;
		}
			#profileSearch label.option input {
				width: auto;
				background: none;
				border: none;
			}

	#profileSearch div.agerange label {
		clear: none;
		width: auto;
	}

	#profileSearch div.agerange span.extra {
		width: 40px;
		text-align: center;
	}

	#profileSearch div.agerange select {
		width: 50px;
	}

	#profileSearch .footnote {
		clear: both;
		font-size: 0.9em;
		margin: 0;
		text-align: center;
	}

div.profileLinks {
	margin: 0em;
	float: right;
	clear: both;
	width: 380px;
}

	div.profileLinks.wide {
		float: none;
		width: auto;
	}
	
	div.innerprofilelink {
		display: inline;
		float: right;
	}

	div.profileLinks a {
		margin: 0 0.2em;
		float: left;
	}
	div.profileLinks ul {
		float: left;
	}
	div.profileLinks li {
		display: inline;
	}
	div.profileLinks li a {
		float: none;
	}
	div.profileLinks span {
		font-weight: bold;
	}


div.profileNav div.profileLinks {
	clear: right;
}

img.profilePhoto {
	float: left;
}

dl.profileDetails {
	margin: 1em 0;
	float: left;
	width: 260px;
}
	dl.profileDetails dt {
		float: left;
		clear: left;
		padding-right: 0.5em;
		margin-bottom: 1em;
	}
	dl.profileDetails dd {
		font-weight: bold;
		margin-bottom: 1em;
	}

#contentArea div.profileQuote {
	color: #fff;
	background: url(../images/thought-back.jpg) 0 0 no-repeat;
	width: 261px;
	height: 131px;
	float: left;
	margin-bottom: 30px;
}
	#contentArea div.profileQuote h2 {
		position: relative;
		top: 120px;
		left: 10px;
		background: none;
		padding-top: 0;
	}
	#contentArea div.profileQuote p {
		padding: 0 20px;
	}

form.profileSort {
	float: left;
}

/* Gallery */

#contentArea h2.galleryTitle {
	background: none;
	color: #770023;
}

#contentArea h2.galleryTitle span {
	color: #383838;
	font-size: 1em;
}

#contentArea h2.galleryTitle span a {
	font-size: 0.7em;
	text-decoration:underline;
	font-weight:normal;
}

.backLink {
	clear: both;
	background: url(../images/div-wide.gif) 50% 0 no-repeat;
	padding-top: 1em;
}

.galleryPhoto {
	margin-top: 1em;
	background: url(../images/gallery-back-large.gif) 0 0 no-repeat;
	display: block;
	padding: 10px;
	height: 389px;
	width: 515px;
}

.photoList {
	margin: 1em 0;
	font-size: 0.9em;
}

	.photoList li {
		float: left;
		margin: 0 35px 20px 0;
		display: block;
		padding: 0;
	}

		.photoList li .thumbnail {
			background: url(../images/gallery-back-thumb.gif) 0 0 no-repeat;
			height: 108px;
			width: 141px;
			display: block;
			padding: 5px;
		}

		.photoList li.lastItem {
			margin-right: 0;
		}

	.photoList a {
		text-decoration: none;
	}

	.photoList a .title {
		display: block;
		text-decoration: underline;
	}

	.photoList a .date {
		display: block;
		font-weight: bold;
		color: #000;
	}

.photoListSmall {
	clear: left;
	padding-top: 1em;
}
	.photoListSmall li {
		float: left;
		margin: 0 10px 5px 0;
		background: url(../images/gallery-back-small.gif) 0 0 no-repeat;
		height: 69px;
		width: 89px;
		padding: 5px;
	}

		.photoListSmall li.lastItem {
			margin-right: 0;
		}

div.galleryItem {
	margin: 1em 0;
	clear: left;
}
	div.galleryItem img {
		float: left;
	}

	div.galleryItem h2 {
		padding-top: 0.5em;
	}

	div.galleryItem h2 img {
		float: none;
	}

div.galleryCover {
	width: 215px;
	height: 135px;
	background: url(../images/gallery/gallery_bg.jpg) top left no-repeat;
	float: left;
	overflow: hidden;
}
	div.galleryCover img {
		display: block;
		margin: 0;
		padding: 12px 0 0 14px
	}

/* Messaging */

.messageItem {
	clear: left;
	background: url(../images/div-wide.gif) bottom left no-repeat;
	height: 120px;
	margin-top: 1em;
	padding-bottom: 1em;

}
.messageItem img.thumbnail {
	float: left;
	background: transparent url(../images/thumb-back.gif) top left no-repeat;
	padding: 11px 14px 12px 13px;
	margin-right: 20px;
}
.messageItem p {
	float: left;
	margin-top: 10px;
	line-height: 2em;
}
.messageItem p img {
	vertical-align: baseline;
}

img.letter {
	margin-bottom: -2px;
}

/* Forms */

.searchstyle {

}

form option {
	padding: 0 3px;
}

form label.option input {
	width: auto;
	margin-right: 0.25em;
}

form.searchstyle select {
	width: 170px;
}

form input, form textarea, form select {
	border: #c3c3c3 1px solid;
	background-color: #f2f2f2;
}

form input.submit {
	width: auto;
	border: none;
	background: none;
}

/* big forms */
#mainForm {
	border: none;
	margin-top: 20px;
	font-size: 0.9em;
	width: 520px;
}
	#mainForm legend {
		display: none;
	}

	#mainForm input, #mainForm select {
		width: 330px;
	}

	#mainForm textarea {
		width: 330px;
		height: 250px;
	}

	#mainForm input.submit {
		clear: left;
		float: right;
		width: auto;
		margin: 1em 0;
	}

		#mainForm input.event {
		clear: left;
		float: left;
		width: auto;
		margin: 1em 0 1em 18px;
	}

			#mainForm input.apply {
		clear: left;
		float: right;
		width: auto;
		margin: 1em 60px 1em 0;
	}

	#mainForm label, #mainForm div, #profileSearch div {
		float: left;
		clear: left;
		margin-bottom: 1em;
		width: 100%;
	}

	#mainForm div label {
		margin-bottom: 0;
	}

		#mainForm label span, #mainForm div span {
			width: 180px;
			float: left;
			margin-top: 0.2em;
		}

		#mainForm label.option {
			clear: none;
			margin-right: 3em;
			display: block;
			width: auto;
		}
			#mainForm label.option input {
				width: auto;
				background: none;
				border: none;
			}

	#mainForm label.radio {
		clear: none;
		display: block;
		float: left;
		width: 70px;
		margin-right: 1em;
	}
	#mainForm label.radio input {
		width: auto;
		margin-right: 0.25em;
	}

	#mainForm .footnote {
		clear: both;
		font-size: 0.9em;
		margin: 0 10px 15px 0;
		padding: 0;
		text-align: right;
	}

	#mainForm .normal, #mainForm .required {
		color: #383838;
	}

		#mainForm .required span {
			background: url(../images/asterisk.gif) 98% 0 no-repeat;
		}

		#mainForm .requiredTitle span {
			background: url(../images/asterisk.gif) 27% 0 no-repeat;
			padding-right:50px;
			
		}
	
		#mainForm .requiredDesc span {
			background: url(../images/asterisk.gif) 60% 0 no-repeat;
		}

	#mainForm .error, ul.error {
		color: #c00;
	}
		#mainForm .error span {
			background: url(../images/asterisk_red.gif) 98% 0 no-repeat;
		}

		#mainForm .errorTitle span {
			background: url(../images/asterisk_red.gif) 37% 0 no-repeat;
			color: #c00;
		}

		#mainForm .errorDesc span {
			background: url(../images/asterisk_red.gif) 60% 0 no-repeat;
			color: #c00;
		}

	form .jobLinks input.submit {
		margin-left: 180px;
	}

ul.error {
	margin: 1em 0 1em 16px;
	list-style-type: disc;
}


p.ipod {
	float: left;
	margin: 20px 0 0;
}

p.leftAlign {
	float: left;
	padding-right: 1em;
	margin: 0;
}

p.rightAlign {
	float: right;
	padding-left: 1em;
	margin: 0;
}

ul.sponsorList li {
	float: left;
	margin: 0 0.5em 1em 0;
}
.widgets{
	width:250px;
	color:#383838;
}
.widgets a{
	/*color:#383838;*/
}
.widgets li{
	position:relative;
	left:30px;	
}

.photo {        
    margin-left: -10px;
    height: 129px;
    width: 155px;
}   


.back{
    height:23px;
    width:314px;
    background: url(../images/1.png) 0 0 no-repeat;
}

.back:hover{
    height:23px;
    width:314px;
    background: url(../images/2.png) 0 0 no-repeat;
}

.calendar_width{
    width:350px;
}

#eventcalenderNav{
    float:left;
    width:350px;
    height:15px;
	padding-bottom: 10px;
}

.next{
    width:61px;
    height:21px;
    background: url(../images/next.gif) 0 0 no-repeat;
    color:#770023;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;    
    float:right;
    padding-right:10px;    
}

.next:hover{    
    background: url(../images/next-over.gif) 0 0 no-repeat;        
}

.previous{
    width:61px;
    height:21px;
    background: url(../images/prev.gif) 0 0 no-repeat;
    color:#770023;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;    
    float:left;
    padding-right:10px;    
}

.previous:hover{
    background: url(../images/prev-over.gif) 0 0 no-repeat;
}


.clear{
    float:left;
    height:10px;
}

#calendarHeader{
    background-image:url(../images/top_c.png);
    background-repeat:no-repeat;
    background-position:left;
    width:350px;
    float:left;
    padding-left:10px;
    line-height:30px;    
}

#calendarHeader a{
    color:#ffffff;
    text-decoration:none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
}

#calendarBody{
    width:350px;
    background-image:url(../images/fon.gif);
    background-repeat:repeat-y;
    background-position:left;
    float:left;

}

.days{
    width:252px;    
    color:#770023;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;    
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#cccccc;
    margin-left:50px;
    text-align:center;
}

table.days td{
    width:36px;
}

.eventdates{
    width:252px;    
    color:#770023;            
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;    
    margin-left: 50px;    
    text-align:center;
}

table.eventdates td
{
    width:36px;
    background-color:#e9e7e8;
    border-left:4px solid white;    
    border-right:4px solid white;
    padding-top: 5px;
    text-align: center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;    
}

.eventdates a{
    width:200px;
    text-align:center;    
    color:#770023;
    font-weight:bold;
    text-decoration:none;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 5px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
}

#longevents{
    text-align:left;
    margin-left:50px;
    padding-left:20px;
    margin-right:50px;
    margin-top:5px;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#999999;
    font-family:"Times New Roman", Times, serif;
    font-size:12px;
}

#longevents.date{
    font-family:"Times New Roman", Times, serif;
    font-size:12px;    
}

a.homepageLink{
    color:#770023;
    font-family:"Times New Roman", Times, serif;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
    border-bottom-style:solid;
    border-bottom-color:#770023;
    border-bottom-width:1px;
    line-height:20px;
}

.bottom{
    width:350px;
    height:5px;
    float:left;
    line-height:5px;
    background-position:top;
    background-image:url(../images/bottom.gif);
}

.home_image{
    background: url(../images/member-events-photo-frame.gif) 0 0 no-repeat;
    padding: 8px;    
    float:left;
    height:260px;
    width:355px;
    vertical-align: middle;    
    line-height: 250px;
}

.upload{
    width:323px;
    height:27px;
    background: url(../images/upload-another-event.gif) 0 0 no-repeat;
    color:#770023;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;    
    float:left;        
}

.upload:hover{    
    background: url(../images/upload-another-event-over.gif) 0 0 no-repeat;
}

.modify{
    width:321px;
    height:27px;
    background: url(../images/modify-event.gif) 0 0 no-repeat;
    color:#770023;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;    
    float:left;        
}

.modify:hover{    
    background: url(../images/modify-event-over.gif) 0 0 no-repeat;
}

.border_img_grey{
    padding-top: 5px;;
    background: url(../images/event-large.gif) 0 0 no-repeat;
    float:right;
    height:113px;
    width:139px;
}

.border_photo{
    padding-top: 5px;    
    background: url(../images/event-large-r.gif) 0 0 no-repeat;
    float:right;
    text-align: center;
    height:113px;
    width:89px;        
    
}
td.border_photo{
    float:left;
    text-align: center;
    height:113px;
    width:89px;        
}

.photo{    
    height:103px;
    width:130px;
    padding-right: 4px;;
}

.portret{
    float:left;        
    width:83;
    height:98;
    padding-left: 3px;    
    padding-top: 3px;
}

.form_sub_title {
    background-color: #dddddd;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
}

.form_line_Even {
background-color: #f2f2f2;
color: #000000;
font-size: 12px;
font-weight: normal;
padding: 2px;
}

form_line_Odd {
    background-color: #e7e7e7;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
    padding: 2px;
}

legend {
    background:#FFFFFF none repeat scroll 0 0;
    color:#444444;
    font-size:12px;
    font-weight:bold;
    margin:0 0.5em;
    padding:0 0.5em;
}

.form_field{
	background: url(../images/asterisk.gif) 98% 0 no-repeat;	
}

/*Xmas Poster CSS*/
.xmasbg{ width:1096px; margin:0px auto; background:url(../images/xmas09/background.jpg) center top no-repeat; height:936px;}

.xmasanimateddancing{ position:absolute; z-index:2; margin-left:708px; margin-top:270px;}

.xmasdatingpic{ position:absolute; z-index:2; margin-left:737px; margin-top:654px;}
.xmasatingtext{ position:absolute; z-index:2; margin-left:733px; margin-top:620px;}
.xmasguestlist{ position:absolute; z-index:2; margin-left:325px; margin-top:800px;}
.xmasmap{ position:absolute; z-index:2; margin-left:230px; margin-top:865px;}
.xmasrsvp{ position:absolute; z-index:2; margin-left:865px; margin-top:848px;}

/*copy css here*/
.outer img{behavior: url(iepngfix.htc)}

.outer{ width:930px; margin:0px auto; background:url(../images/VillageDining/wood-bg.jpg) center top no-repeat; height:1130px;}
.book{ width:480px; position:absolute; z-index:2; margin-top:26px; margin-left:34px; behavior:url("iepngfix.htc"); background:url(../images/VillageDining/book-one.png) left top no-repeat; width:479px; height:656px;}

.bookclick{ position:absolute; z-index:26; margin-left:295px; margin-top:594px;}

.privateparti{ position:absolute; z-index:4;margin-top:239px; margin-left:301px;}

.themedparti{position:absolute; z-index:6;margin-top:326px; margin-left:209px;}

.dinnerparti{ position:absolute; z-index:8; margin-top:239px; margin-left:105px;}

.thevillage{position:absolute; z-index:10;margin-top:23px; margin-left:510px; behavior:url("iepngfix.htc");  background: url(../images/VillageDining/dining-club1.png) left top no-repeat; width:367px; height:209px;}

.thevilltext{position:absolute; z-index:11;margin-top:55px; margin-left:552px;}

.theevent{position:absolute; z-index:12;margin-top:223px; margin-left:500px; width:196px; height:119px; behavior:url("iepngfix.htc");  background: url(../images/VillageDining/the-event.png) left top no-repeat;}

.eventtext{position:absolute; z-index:30;margin-top:258px; margin-left:533px;}

.eventphoto{position:absolute; z-index:14;margin-top:239px; margin-left:645px;}

.howitwork{position:absolute; z-index:18;margin-top:402px; margin-left:529px; behavior:url("iepngfix.htc");  background: url(../images/VillageDining/how-it.png) left top no-repeat; width:196px; height:116px;}
.howtitext{position:absolute; z-index:32;margin-top:443px; margin-left:543px;}

.howitphoto{position:absolute; z-index:16;margin-top:474px; margin-left:608px;}

.nextevent{position:absolute; z-index:20;margin-top:651px; margin-left:564px; behavior:url("iepngfix.htc");  background: url(../images/VillageDining/next-event-1.png) left top no-repeat; width:265px; height:234px;}

.nexttext{position:absolute; z-index:34;margin-top:674px; margin-left:647px;}
.nextimg{position:absolute; z-index:36;margin-top:744px; margin-left:699px;}
.nextclick{position:absolute; z-index:38;margin-top:828px; margin-left:736px;}

.pen{position:absolute; z-index:26;margin-top:618px; margin-left:209px;}

.exclusive{position:absolute; z-index:24;margin-top:651px; margin-left:74px;}

.magni{position:absolute; z-index:22;margin-top:711px; margin-left:337px;}

.member{position:absolute; z-index:22;margin-top:885px; margin-left:611px; behavior:url("iepngfix.htc");  background: url(../images/VillageDining/member-parks.png) left top no-repeat; width:258px; height:191px;}
.membertext{position:absolute; z-index:40;margin-top:914px; margin-left:655px;}
.join{position:absolute; z-index:23;margin-top:0px; margin-left:828px;}

/*subscribe css*/
.diningbg{ width:930px; margin:0px auto; background:url(../images/VillageDining/subscription/bg1.jpg) center top no-repeat; height:510px;}
.pajoin{ position:absolute; z-index:8; margin-left:825px; margin-top:250px;}
.pmjoin{ position:absolute; z-index:12; margin-left:825px; margin-top:410px;}
.smjoin{ position:absolute; z-index:18; margin-left:375px; margin-top:250px;}
.pajoin1{ position:absolute; z-index:8; margin-left:760px; margin-top:290px;}
.pmjoin1{ position:absolute; z-index:12; margin-left:760px; margin-top:450px;}
.smjoin1{ position:absolute; z-index:18; margin-left:370px; margin-top:250px;}


div.winks {

}

        div.winks p {
                font-weight: bold;
        }

        div.winks ul {
        }

                div.winks ul li div {
			margin-top: 0.5em;
                }

                        div.winks ul li div a {
				display: block;
				font-size: 0.9em;
				padding: 0.2em 0;
				margin-left: 10px;
			}

			div.winks ul li div a.winkBack {
				padding-left: 20px;
				background: url(../images/winkIcon.gif) 0 50% no-repeat;
			}

				div.winks ul li div a.winkBack:hover {
					background-image: url(../images/winkIcon-over.gif);
				}

			div.winks ul li div a.removeWink {
				padding-left: 20px;
				background: url(../images/removeIcon.gif) 0 50% no-repeat;
			}

				div.winks ul li div a.removeWink:hover {
					background-image: url(../images/removeIcon-over.gif);
				}

#contentArea p.feedbackMessage {
	border: 1px solid #971b78;
	margin-bottom: 1em;
	padding: 5px;
	position: relative;
	background: #eee;
}

#contentArea p.feedbackMessage.winkIcon {
	background: #eee url(../images/winkIcon.gif) 5px 50% no-repeat;
	padding-left: 30px;
}

#contentArea p.feedbackMessage.addFavIcon {
	background: #eee url(../images/addFavIcon.gif) 5px 50% no-repeat;
	padding-left: 30px;
}

#contentArea p.feedbackMessage.removeFavIcon {
	background: #eee url(../images/removeFavIcon.gif) 5px 50% no-repeat;
	padding-left: 30px;
}

#contentArea p.feedbackMessage a {
	position: absolute;
	right: 5px;
	top: 5px;
	outline: none;
	font-weight: bold;
}

div#upgradePromo {
	margin-left: 10px;
	margin-bottom: 1em;
}
