@import 'reset.css';

DIV#page{
	width:900px;
	margin:55px auto; 
	position:relative;		
	}	
	DIV#header{
		width:100%; height:148px;
		clear:both;
		background:#fff url(../images/bg-header.gif) no-repeat top center;		
		}
		DIV#header H1#logo{
			position:absolute; top:15px; left:11px;
			background:url(../images/logo.jpg) no-repeat;
			width:224px; height:123px;
			}
			DIV#header H1#logo A{
				display:block; width:210px; height:123px;
				text-decoration:none; text-indent:-9999px;
				}
		DIV#header UL#main-menu{
			position:absolute; z-index:10; top:68px; left:221px;
			width:679px; height:38px;
			}
			DIV#header UL#main-menu LI, DIV#header UL#main-menu LI A{
				float:left;
				}
			DIV#header UL#main-menu LI A{margin-right:15px;}			
		DIV#header UL#user-menu{
			position:absolute; top:127px; right:104px; z-index:10;
			float:left; height:15px; width:515px;
			}
			DIV#header UL#user-menu LI{
				float:right; height:15px; line-height:15px;
				background:url(../images/bg-user-menu.gif) no-repeat right center;
				padding:0 9px 0 9px;
				}
				DIV#header UL#user-menu LI A{text-decoration:none;}
				
/********* CONTENT **********/				
				
	DIV#main{
		width:100%; clear:both;		
		background-color:#fff;
		position:relative;
		}	
		DIV#main #left{
			float:left; width:298px; /*height:391px;*/
			background:#dcdcdd url(../images/bg-left.gif) no-repeat bottom;
			padding-bottom:30px;
			position:relative;
			}
			DIV#main #left H2.welcome{
				position:relative; top:-3px; left:16px;
				background:url(../images/welcome.gif) no-repeat;
				text-indent:-99999px;
				width:110px; height:40px;
				}
			DIV#main #left div.text{height:325px; overflow:hidden}	
			DIV#main #left P{
				padding-top:10px; margin-left:25px; width:267px;
				font-size:12px; color:#262424;
				line-height:1.2
				}
				DIV#main #left P A{
					width:100%; text-decoration:underline; text-align:center;
					text-transform:uppercase;
					color:#262424;
					}
				DIV#main #left P A:hover{text-decoration:none}	
		DIV#main #right{
			float:left; width:597px; height:421px;
			border-left:5px solid #fff;
			background:url(../images/bg-right.jpg) no-repeat right top;
			}
			DIV#main #right .coming{
				background:#dcdcdd url(../images/bg-coming.gif) no-repeat bottom;
				border-bottom:5px solid #fff;
				padding:7px 0 28px 10px; width:369px; height:191px;
				}
				DIV#main #right .coming H2{
					background:url(../images/coming.gif) no-repeat;
					margin-left:14px; text-indent:-99999px;
					width:133px; height:42px;
					}
				DIV#main #right .coming TABLE.schedule{
					width:98%;
					}
					DIV#main #right .coming TABLE.schedule TH{
						text-align:center; font-size:10px; color:#7c7c7c;
						padding-bottom:10px;
						}
					DIV#main #right .coming TABLE.schedule TD{
						padding-bottom:10px; font-size:12px; color:#000;
						}
					DIV#main #right .coming TABLE.schedule TD.day{
						text-align:center; text-transform:uppercase;
						}
				DIV#main #right .coming A.full{
					font-size:12px; text-align:right; color:#747236; 
					width:75%; display:block;
					text-decoration:underline;
					}
				DIV#main #right .coming A.full:hover{text-decoration:none}					
			DIV#main #right .event{
				background:url(../images/bg-event.gif) no-repeat left top;
				width:308px; min-height:153px;
				padding-top:9px;
				}
				DIV#main #right .event H2{
					background:url(../images/event.gif) no-repeat;
					width:169px; height:27px; text-indent:-99999px;
					margin:0 0 6px 7px;
					}
				DIV#main #right .event IMG{
					float:left; margin:0 5px 0 10px;
					}
				DIV#main #right .event A{
					display:block; text-decoration:none;
					width:85px; margin-top:20px; float:left;
					font-size:12px; font-weight:bold; color:#757237;
					line-height:1.2
					}
				DIV#main #right .event A:hover{text-decoration:underline}
	DIV.text-about{
		background:#fff url(../images/bg-main.gif) no-repeat top left;
		width:587px; min-height:420px; float:left;
		margin-top:1px
		}
	DIV.text-about.party-pics{
		width: 100%;
		padding-bottom:26px;
	}
	DIV.text-about h3{
		margin-left:33px;
	}
		DIV.text-about H2{
			background:url(../images/about.gif) no-repeat;
			position:relative; top:9px; left:28px;
			height:33px; width:123px; margin-bottom:10px;
			text-indent:-99999px;
			}
			DIV.text-about P{
				margin-left:33px; padding-bottom:10px; width:505px;
				font-size:12px; color:#000; line-height:1.1
				}
				DIV.text-about P A{text-decoration:underline; color:#000; position:relative; z-index:15}
				DIV.text-about P A:hover{text-decoration:none}
	.img-about{		
		float:right; width:313px; height:435px;
		position:absolute; top:-14px; right:0;		
		}						
	DIV.flyer{
		float:right; width:345px;
		}
		DIV.flyer IMG{
			position:relative; top:-5px; right:9px;
			float:right;
			}	
	DIV.bottom{
		background:url(../images/bottom.png) no-repeat;
		width:900px; height:91px;
		position:absolute; bottom:0; z-index:10;
		}
	DIV.schedule{width:515px !important; padding:0 15px 0 25px;}
		DIV.schedule TABLE{
			width:100%; margin-top:5px;
			}
			DIV.schedule TABLE TH{
				border-bottom:1px solid #606060;
				font-size:11px; color:#7c7c7c;
				padding:3px 0;
				}
			DIV.schedule TABLE TH.flyer{width:61px;}
			DIV.schedule TABLE TH.day{width:40px;}
			DIV.schedule TABLE TH.date{width:55px;}
			DIV.schedule TABLE TH.event{width:225px;}
			
			DIV.schedule TABLE TD{padding:3px 0; font-size:12px; color:#262424; vertical-align:middle; line-height:1.2}
			DIV.schedule TABLE TD.flyer{text-align:center;}
				DIV.schedule TABLE TD.flyer A{
					width:100%; text-align:center; text-decoration:underline;
					font-size:11px; font-weight:bold; color:#7c7c7c;
					display:block; position:relative; z-index:20					
					}
				DIV.schedule TABLE TD.flyer A:hover{text-decoration:none}	
			DIV.schedule TABLE TD.day{text-align:center; text-transform:uppercase}
			DIV.schedule TABLE TD.event{padding-left:10px}	
			DIV.schedule TABLE TD p{padding:0; width: auto; margin: 0;}	
		
		DIV.friends{
			float:left; width:553px !important;
			}
			DIV.friends H2{
				background:url(../images/friends.gif) no-repeat;
				padding-top:15px; margin:0 0 30px 32px;
				width:87px; height:26px; text-indent:-9999px;
				}
			DIV.friends P{padding-bottom:10px; margin-left:40px; font-size:14px; color:#606060}
				DIV.friends P A{text-decoration:underline; color:#606060; position:relative; z-index:20}
				DIV.friends P A:hover{text-decoration:none}
		DIV.friends-foto{
			float:right; width:347px;
			}
			DIV.friends-foto IMG{
				position:relative; top:-2px; right:0;
				}
				
		DIV.contact{float:left; width:596px !important; margin-top:0px !important}
			DIV.contact IMG.fotos{
				position:relative; top:-17px; left:0px;
				float:left;
				}
			DIV.contact DIV.form{
				float:left; width:325px;
				padding:15px 0 0 20px;
				}
				DIV.contact DIV.form H2{
					background:url(../images/contact.gif) no-repeat;
					width:120px; height:31px;
					text-indent:-99999px; top:0; left:0;
					}
				DIV.contact DIV.form LABEL{
					color:#fff; font-size:14px; height:20px; line-height:20px; margin-top:10px; font-weight:bold;}
				DIV.contact DIV.form INPUT, DIV.contact DIV.form TEXTAREA{
					border:0px; width:295px;
					padding:6px 0 0 5px; font-size:14px
					}
				DIV.contact DIV.form INPUT{ height:23px;}
				DIV.contact DIV.form TEXTAREA{height:100px;}
				DIV.contact DIV.form P{font-size:14px; margin:6px 0 0 0; color:#262324; font-weight:bold; width:100%}
					DIV.contact DIV.form P A, DIV.contact DIV.form DIV.question A{text-decoration:underline; color:#262324; position:relative; z-index:20}
					DIV.contact DIV.form P A:hover, DIV.contact DIV.form DIV.question A:hover{text-decoration:none}
					DIV.contact DIV.form DIV.question{margin:10px 0 0 190px; font-size:11px; font-weight:normal; width:250px; line-height:1.3}
			DIV.contact DIV.join{
				float:left; width:145px;
				position:relative; z-index:20;
				margin-right:-40px; padding-top:35px;
				}
				DIV.contact DIV.join P{
					font-size:14px; font-weight:bold; text-align:center; color:#606060;
					width:100%; margin:0 0 0 0;
					}
					DIV.contact DIV.join P A{text-decoration:underline;color:#606060;}
					DIV.contact DIV.join P A:hover{text-decoration:none}	
				DIV.contact DIV.join H2{
					background:url(../images/join.gif) no-repeat;
					width:118px; height:50px; left:10px
					}							
		DIV.contact-foto{float:right; width:304px}
			DIV.contact-foto IMG{position:relative; top:-4px; right:0;}								
	DIV.multimedia{
		width:661px !important;	float:left;
		margin:0; padding-left:20px;
		}
		DIV.multimedia DIV.play{
			float:left; width:525px;
			}
		DIV.multimedia H2{
			background:url(../images/multemedia.gif) no-repeat top;
			width:150px; height:39px;
			text-indent:-99999px; top:4px; left:20px;
			}
		DIV.multimedia H3, DIV.foto-mult H3{
			font-size:14px; font-weight:bold; text-transform:uppercase;
			color:#93913f
			}
		DIV.multimedia DIV.play H3{
			padding:0 0 10px 20px}	
			DIV.multimedia DIV.play A{
				font-size:12px; color:#000; font-weight:bold;
				text-decoration:underline;
				padding-left:20px
				}	
		DIV.multimedia DIV.slide{
			background-image:url(../images/player.jpg);
			width:335px; height:220px;
			position:relative;
			padding:33px 81px 43px 80px;
			}
			DIV.multimedia DIV.slide IMG{float:left;margin-left:1px}
			DIV.multimedia DIV.slide DIV.button{
				position:absolute; bottom:43px;
				height:15px; width:335px;
				}
				DIV.multimedia DIV.slide DIV.button A.prev{
					float:left; display:block; width:15px; height:15px;
					text-decoration:none; padding-left:0px
					}	
				DIV.multimedia DIV.slide DIV.button A.next{
					float:right; display:block; width:15px; height:15px;
					text-decoration:none; padding-left:0px
				}
		DIV.multimedia DIV.wall{
			float:left; width:135px;
			}
			DIV.multimedia DIV.wall H3{
				padding:4px 0 0px 0;
				text-align:center}	
				
			DIV.multimedia DIV.wall A{
				display:block;
				width:100%;
				text-align:center; font-size:12px; font-weight:bold; color:#000;
				text-decoration:underline;
				}	
			DIV.multimedia A:hover{text-decoration:none}	
				DIV.multimedia DIV.wall A SPAN.img{
					width:105px; height:65px; margin:10px auto; display:block;
					background-color:#000;
					}
	DIV.foto-mult{
		float:right; position:relative; z-index:100; right:10px;
		width:202px; padding:0 0 15px 0
		}
		DIV.foto-mult H3{
			text-align:center;
			}
		DIV.foto-mult P{
			font-size:12px; text-align:center; color:#000;
			line-height:1.2; padding:5px 0
			}
			DIV.foto-mult A.big IMG{
				width:201px;
				}
		DIV.foto-mult A.small{
			float:left; display:block; height:90px;
			margin:10px 0 0 5px
			}
			DIV.foto-mult A.small IMG{height:90px}			
						
/******** FOOTER ************/				
	DIV#footer{
		width:100%; height:81px;
		background:url(../images/bg-footer.gif)	no-repeat;
		position:relative;
		}
		DIV#footer A.friend{
			display:block; position:relative; top:41px; left:14px;
			text-decoration:none; width:240px; height:23px; float:left;
			}
		DIV#footer DIV.communication{
			float:right; width:340px;
			position:relative; margin-right:22px;
			}
			DIV#footer DIV.communication H2{
				background:url(../images/communication.gif) no-repeat;
				position:relative; top:5px; right:0px;
				width:173px; height:32px; float:right;
				text-indent:-99999px;
				}
			DIV#footer DIV.communication UL#footer-menu{
				float:right; width:340px; height:17px;
				margin:8px 0;
				}
				DIV#footer DIV.communication UL#footer-menu LI{float:right; margin-left:25px;}				
				DIV#footer DIV.communication UL#footer-menu LI.last{margin:0}											
			DIV#footer DIV.communication P{
				font-size:12px; color:#000;
				text-align:right;
				}
				
				
DIV#main H2.party-pics{
	left:16px;
	background:url(../images/party.gif) no-repeat;
	text-indent:-99999px;
	width:147px; height:42px;
	}
form.recommend_site{
	margin-left:33px;
	margin-top:20px;
	}
form.recommend_site input.box, form.recommend_site textarea.box{
	width:250px;
	margin-bottom: 10px;
	}
form.recommend_site label{
	display:block;
	width:130px;
	font-weight:bold;
	float: left;
	}
form.recommend_site td{
	vertical-align: top;
	}
form.recommend_site	input.defaultbutton{position:relative; z-index:15; cursor:pointer}