html,body {
    overflow: auto;
}
body {
    margin:0;
    padding:0;
    background:#000;
}
#welcome, #events, #contact_us, #invite {
	width:792px;
	height:528px;
	margin:0;
	position:absolute;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -396px;
	margin-top:-264px;
	background-image: url(images/tycher_SavetheDate2010.jpg);
}
#welcome {
    background:url(../images/bg_confetti_right.jpg) no-repeat top right;
}
#events {
    background:url(../images/bg_confetti_left.jpg) no-repeat top right;
}
#contact_us {
    background:url(../images/bg_no_confetti.jpg) no-repeat top right;
}
#invite {
	background:url(../images/TYCHER_savethedate_front_1.jpg) no-repeat right top;
}
#event {
    background:url(../images/event2011.png) no-repeat right top;
    float:right;
    width:326px;
    height:93px;
    margin:22px 22px 0px 0px;
    cursor:pointer;
}
#logo {
    background:url(../images/logo.png);
    float:left;
    width:369px;
    height:109px;
    margin:0px 0px 0px 0px;
    cursor:pointer;
}
#logo2 {
    background:url(../images/logo2.jpg);
    float:left;
    width:101px;
    height:87px;
    position:absolute;
    top: 430px;
    left:30px;
}
.welcome {    
    position:absolute;
    top:160px;
    left:112px;
    width:600px;    
    borderx:1px solid red;
}
.alert {
    color : #1e4c85;
    font-weight : bolder;
} 
#welcome #partyhope {
    background:url(../images/party_hope.png);
    float:left;
    width:403px;
    height:76px;
   
    margin-left:5em;
    margin-bottom:1em;
}

/* ** Invite Styles ** */

#thumbnails09 {
    background:#d4d9dd;
    width:792px;
    height: 204px;
    position:absolute;
    top:255px;
    borderx: 1px solid red;
}


#invite #partyhope {
    background:url(../images/party_hope_sm.png);
    float:left;
    width:353px;
    height:68px;
    position:absolute;
    top:67px;
    left:48px;
    cursor:pointer;
}
#invite #metcouncil {
    background:url(../images/metcouncil.png);
    width:220px;
    height:42px;
    position:absolute;
    top:145px;
    left:85px;
}
#invite #ujafed {
    background:url(../images/ujafed.png);
    width:137px;
    height:48px;
    position:absolute;
    top:185px;
    left:85px;
}
#invite #slogan {
    background:url(../images/slogan.png);
    width:175px;
    height:115px;
    position:absolute;
    top:400px;
    left:28px;
}
#invite .people {
    position:absolute;
    top:400px;
    left:220px;
}
#invite .people img {
    border:none;
    margin-right:15px;
}
#invite .invitation {
    text-align:right;
    margin-right:20px;
    margin-top:20px;
    font:16px helvetica, arial, sans-serif;
    color:#38485f;
}
#invite .invitation div {
    margin-bottom:20px;
}
#invite .invitation div span.notable {
    font-size:90%;
}
#invite .invitation div span.detail {
    font-size:75%;
    font-weight:bold;
}
#invite .invitation div a {
    color:#0240bb;
    text-decoration:none;
    border-bottom:2px dotted #0a1c37;
    
}
/*
#invite .invitation  hr {
    
    width:295px;
    float:right;
    margin-top:5px;
}
*/

#invite .invitation div.link {
border-bottom:2px solid #0a1c37;
padding-bottom:5px;
width:295px;
float:right;

}


.message {
    font: bold italic 17px 'Stempel Schneidler', 'Times New roman', Roman, Times,  serif;
    text-align:center;
    margin-bottom:1.5em;
    clear:both;
}
/* ** Index Page Nav bar styles ** */
ul.nav,
.nav ul {
/* Remove all spacings from the list items */
    margin: 0;
    padding: 0;
    cursor: default;
    list-style-type: none;
    display: inline;
}
#indexnav {
    position:absolute;
    top:493px;
    left:400px;
    font:18px helvetica, arial, sans-serif;
    color:#275bc3
}
#indexnav a {
    color:#275bc3;
    padding-left:10px;
}
a:active {
    color:#275bc3;
}
/* ** Events Page styles ** */
#thumbnails {
    background:#d4d9dd;
    width:792px;
    height: 204px;
    position:absolute;
    top:123px;
}


div.thumbnail {
    float: left;
    width: 118px;
    margin: 0;
    padding: 12px 2px 12px 2px;
}
div.leader {
    margin-left:28px;
}
div.thumbnail img {
    width:118px;
    height:78px;
    border:none;
}
/*
  div.thumbnail.portrait img {
  width:52px;
  }
  div.thumbnail.leader.portrait img {
  margin-left:66px;
  }
 */
div.thumbnail img.portrait {
    width:52px;
}
div.thumbnail.leader img.portrait {
    margin-left:66px;
}
.clearboth {
    clear: both;
}
#trulyhappy {
    background:url(../images/a_truly_happy_hour.png);
    float:left;
    width:354px;
    height:42px;
    position:absolute;
    top:4.5em;
    left:50px;
    cursor:pointer;
}
#eventlink1 {
	position:absolute;
	top:333px;
	left:375px;
}
#eventlink2 {
	position:absolute;
	top:333px;
	left:600px;
}
#eventlink3 {
	position:absolute;
	top:382px;
	left:383px;
}
#eventlink4 {
	position:absolute;
	top:399px;
	left:596px;
}
#eventlink5 {
    position:absolute;
    top:470px;
    left:514px;
    cursor:auto;
}
#eventlink6 {
	position:absolute;
	top:333px;
	left:150px;
}
#eventlink7 {
	position:absolute;
	top:397px;
	left:150px;
}



.eventlink {
    border:0px solid red;
    cursor:pointer;
    font:22px helvetica, arial, sans-serif;
}
.evtname {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
}
.evtloc {
    display:block;
}
.evtbenefit, .contactinfo {
	font-weight:normal;
	font-size:14px;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
}
.inactive {
    color:#888888;
}
.active {
    color:#38485f
}
/* ** Contact Us styles ** */
#contactinfo1 {
    top:97px;
    left:36px;
    position:absolute;
}
#contactinfo2 {
    top:200px;
    left:36px;
    position:absolute;
}
.contactinfo {
    color: #333f4d;
    borderx:1px solid red;
    margin;
    font:bold italic 16px helvetica, arial, sans-serif;
    margin-top:40px;
    margin-left:36px;
}
.contactinfo span {
    display:block;
    margin-bottom:10px;
}
.contactinfo span a {
    color:#0357bc;
}

#contact_us #Content {
	width : 513px;
	height : 284px;
	position : absolute;
	top : 225px;
	left : 255px;
	border : 1px solid black;
}

#contact_us #Content #ContentHdr {	
	position : absolute;
	top : 10px;
	left : 250px;
	width : 193px;
	height : 24px;
	padding-top : 24px;
	background:url(../images/event2010.png) no-repeat left top;
}

#contact_us #Content #GailSimmons {	
	position : absolute;
	top : 55px;
	left : 295px;
	width : 197px;
	height : 216px;
	background:url(../images/GailSimmons.jpg) no-repeat left top;
} 

#contact_us #Content #GailSimmons .caption {
	position : absolute;
	top : 195px;
	color : #333f4d;
	font-weight : bold;
	font-family: Arial, Helvetica, sans-serif;

}

#contact_us #Content #TrumpSohoNY {	
	position : absolute;
	top : 85px;
	left : 50px;
	height : 247px;
	width : 188px;
	background:url(../images/TrumpSohoNY.jpg) no-repeat left top;
} 

#contact_us #Content #TrumpSohoNY .caption {
	position : absolute;
	top : 165px;	
	color : #333f4d;
	font-weight : bold;
	font-family: Arial, Helvetica, sans-serif;
}