/* CSS for UltimatePartynights.com */
p {font-weight : bold; color: #ebd8c6; }
h1 {font-family: "Trecbuchet MS", Arial, Helvetica, sans-serif; color: white;background-color:black;font-size: x-large;}
body {font-family Verdana, Helvetica, Arial, sans-serif; background-color: black; line-height: 125%; padding: 5px;}
table{border-collapse: collapse; border: 1px solid silver; column-width: 50%;}
th { text-align: left; background: black; color:white; padding: 0.2em;}
td {border: 1px solid silver; padding: 0.2em; text-align: left;color: white;}


#containertable { margin: 3em auto  0 3em; padding-bottom: 3em; background-color: #fff; }
#month { border-collapse: collapse; margin-left: 2em; }
#month th, #month td { border: 1px solid #000; }
#month thead { background-color:#9c9; }
#month td { width: 7em; height: 7em; padding: .2em; vertical-align: top; overflow: auto;color:black; }
td .day { width: 7em; height: 6em; overflow:auto; margin-top: 0;color: black; }
#month tbody .weekend { background-color:#ded; }
#month tbody .next, #month tbody .previous { background-color:#ddd; }
.rtop { display:block; background:#060; }
.rtop * { display: block; height: 1px; overflow: hidden; background:#fff; }
.r1{margin: 0 0 0 5px}
.r2{margin: 0 0 0 3px}
.r3{margin: 0 0 0 2px}
.r4{margin: 0 0 0 1px; height: 2px}
#containertable h1 { margin: 0 0 .5em .5em; font: 2em Arial, Helvetica, sans-serif; color: white; }
#month th { font: 1em  bold Arial, Helvetica, sans-serif; }
p5 {margin-top: 0; }

ol {font-weight : bold; color: white; }

#try : hover {background: url("button.gif") no-repeat:}

#clubs {
background: url(clubs.jpg) no-repeat;
width:  375px;
height:  250px;
position: absolute; top:330px;left:330px;  width:375px; height: 250px;}

#clubs2 {
background: url(club2.jpg) no-repeat;
width:  375px;
height:  250px;
position: absolute; top:580px;left:330px;  width:375px; height: 250px;}


.p2{
width: 300px;
position: absolute;
top: 100px;
left: 12px;
font-size: 20px;
}

.p3{
position: absolute;
top: 130px;
left: 12px;
font-size: 15px;
font-weight: bold;
color: black;
padding-top: .02em; 
padding-bottom: .02em; 
padding-left: .08em;
font-size: 13px;
}

#pictures {position: absolute; top: 330px; left: 95px; border: 5px solid silver; padding-top: .02em; padding-bottom: .02em; padding-left: .08em; width: 750px; height: 750px;}

img.butt {background: transparent; }
 a.butt {background: #fff;}
a.butt : hover {background-image: url(button1.gif);}

#leftcenter {position: absolute; top:330px;left: 11px;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: small;padding-top: .2em; padding-bottom: .2em; padding-left: .8em; border: 3px solid silver;width:235px;height: 471px;}


#photoindex {position: absolute; top:295px;left: 100px;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: small;width:748px;height: 20px;}

h2 {font-family: "Trecbuchet MS", Arial, Helvetica, sans-serif; color: white;font-size: large;}
h3 {font-family: "Trecbuchet MS", Arial, Helvetica, sans-serif; color: silver;background-color: #333343;font-size: medium;}

#centerarrows {position: absolute;top: 765px;left: 415px;}



#contentcontainerleft {position: absolute; top:811px;left: 11;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: small;padding-top: .2em; padding-bottom: .2em; padding-left: .8em; border: 3px inset silver;width:233px;height: 353px;}

a#button {background-image: url(button.gif); margin: 0 auto;}
a#button : hover {background-image: url(button1.gif); } 
a .alt {display: none;}

#contentcontainerright {position: absolute; top:811px; left: 727px;font-family: Verdana, Helvetica, Arial, sans-serif;padding-top: .2em; padding-bottom: .2em; padding-left: .8em; border: 3px outset silver; width:239px;height: 353px;font-size:small;}

#contentcontainerright li { display:  inline; background: url (rollover.gif) no-repeat left top;}

#contentcontainercenter {position: absolute; top:853px; left: 259px;font-family: Verdana, Helvetica, Arial, sans-serif;padding-top: .2em; padding-bottom: .2em; padding-left: .8em; border: 3px outset silver; width:450px;height: 310px;}

#navigation {position: absolute; top:285; left:190px ; font-family: Verdana, Helvetica, Arial, sans-serif;}

#topcontainer {position: absolute; top:330px; left: 259px;font-family: Verdana, Helvetica, Arial, sans-serif;padding-top: .2em; padding-bottom: .2em; padding-left: .8em; border: 3px outset silver; width:450px;height: 515px;}

#contentcontainermiddle {position: absolute; top:650px; left: 259px;font-family: Verdana, Helvetica, Arial, sans-serif;padding-top: .2em; padding-bottom: .2em; padding-left: .8em; border: 3px outset silver; width:450px;height: 195px;}

a {font-weight: bold;}
a:link {color: #cce9ff;}
a:visited {color: #bfcfff;}
a:hover {text-decoration:none; color:#ffb8a6;background-color:none;background: url(rollover.gif) opx -80px;}
a:active {color: white; background-color:silver;}


#rightcenter {position: absolute; top:330px;left: 726px;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: small;padding-top: .2em; padding-bottom: .2em; padding-left: .8em; border: 3px solid silver;width:240px;height: 471px;}





#lowerleftcontainer {position: absolute; top:1174px;left: 11px;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: small;padding-top: .2em; padding-bottom: .2em; padding-left: .8em; border: 3px inset silver;width:233px;height: 440px;}




#lowercentercontainer {position: absolute; top:1174px;left: 259px;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: small;padding-top: .2em; padding-bottom: .2em; padding-left: .8em; border: 3px inset silver;width:452px;height: 440px;}



#lowerrightcontainer {position: absolute; top:1174px;left: 727px;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: small;padding-top: .2em; padding-bottom: .2em; padding-left: .8em; border: 3px inset silver;width:239px;height: 440px;}

 .cssnav
{
position: absolute; top: 260px; left: 100px;
font-family: arial, helvetica, sans-serif;
background: url(home1.gif) no-repeat;
white-space: nowrap;
display: block;
width: 70;
height: 25;
margin: 0;
padding: 0;
}







.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 75;
height: 25;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 75;
height: 25;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 200px;
top: 70px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


.clubnav
{
position: absolute; top: 260px; left: 175px;
font-family: arial, helvetica, sans-serif;
background: url(clubs1.gif) no-repeat;
white-space: nowrap;
display: block;
width: 75;
height: 25;
margin: 0;
padding: 0;
}






.clubnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 75;
height: 25;
display: block;
float: left;
color: black;
text-decoration: none;
}

.clubnav img
{
width: 75;
height: 25;
border: 0
}

* html a:hover
{
visibility:visible
}

.clubnav a:hover img
{
visibility:hidden
}











.hottiesnav
{
position: absolute; top: 260px; left: 250px;
font-family: arial, helvetica, sans-serif;
background: url(hotties.gif) no-repeat;
white-space: nowrap;
display: block;
width: 75;
height: 25;
margin: 0;
padding: 0;
}






.hottiesnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 75;
height: 25;
display: block;
float: left;
color: black;
text-decoration: none;
}

.hottiesnav img
{
width: 75;
height: 25;
border: 0
}

* html a:hover
{
visibility:visible
}

.hottiesnav a:hover img
{
visibility:hidden
}












.videosnav
{
position: absolute; top: 260px; left: 325px;
font-family: arial, helvetica, sans-serif;
background: url(videos1.gif) no-repeat;
white-space: nowrap;
display: block;
width: 75;
height: 25;
margin: 0;
padding: 0;
}






.videosnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 75;
height: 25;
display: block;
float: left;
color: black;
text-decoration: none;
}

.videosnav img
{
width: 75;
height: 25;
border: 0
}

* html a:hover
{
visibility:visible
}

.videosnav a:hover img
{
visibility:hidden
}













.hotpicsnav
{
position: absolute; top: 260px; left: 400px;
font-family: arial, helvetica, sans-serif;
background: url(hotpics1.gif) no-repeat;
white-space: nowrap;
display: block;
width: 75;
height: 25;
margin: 0;
padding: 0;
}






.Hotpicsnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 75;
height: 25;
display: block;
float: left;
color: black;
text-decoration: none;
}

.hotpicsnav img
{
width: 75;
height: 25;
border: 0
}

* html a:hover
{
visibility:visible
}

.hotpicsnav a:hover img
{
visibility:hidden
}
















.eventsnav
{
position: absolute; top: 260px; left: 475px;
font-family: arial, helvetica, sans-serif;
background: url(events1.gif) no-repeat;
white-space: nowrap;
display: block;
width: 75;
height: 25;
margin: 0;
padding: 0;
}






.eventsnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 75;
height: 25;
display: block;
float: left;
color: black;
text-decoration: none;
}

.eventsnav img
{
width: 75;
height: 25;
border: 0
}

* html a:hover
{
visibility:visible
}

.eventsnav a:hover img
{
visibility:hidden
}












.storenav
{
position: absolute; top: 260px; left: 550px;
font-family: arial, helvetica, sans-serif;
background: url(store1.gif) no-repeat;
white-space: nowrap;
display: block;
width: 75;
height: 25;
margin: 0;
padding: 0;
}






.storenav a
{
display: block;
color: #000000;
font-size: 11px;
width: 75;
height: 25;
display: block;
float: left;
color: black;
text-decoration: none;
}

.storenav img
{
width: 75;
height: 25;
border: 0
}

* html a:hover
{
visibility:visible
}

.storenav a:hover img
{
visibility:hidden
}











.advertisenav
{
position: absolute; top: 260px; left: 625px;
font-family: arial, helvetica, sans-serif;
background: url(advertise1.gif) no-repeat;
white-space: nowrap;
display: block;
width: 75;
height: 25;
margin: 0;
padding: 0;
}






.advertisenav a
{
display: block;
color: #000000;
font-size: 11px;
width: 75;
height: 25;
display: block;
float: left;
color: black;
text-decoration: none;
}

.advertisenav img
{
width: 75;
height: 25;
border: 0
}

* html a:hover
{
visibility:visible
}

.advertisenav a:hover img
{
visibility:hidden
}








.contactnav
{
position: absolute; top: 260px; left: 700px;
font-family: arial, helvetica, sans-serif;
background: url(contact.gif) no-repeat;
white-space: nowrap;
display: block;
width: 75;
height: 25;
margin: 0;
padding: 0;
}






.contactnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 75;
height: 25;
display: block;
float: left;
color: black;
text-decoration: none;
}

.contactnav img
{
width: 75;
height: 25;
border: 0
}

* html a:hover
{
visibility:visible
}

.contactnav a:hover img
{
visibility:hidden
}














.myspacenav
{
position: absolute; top: 260px; left: 775px;
font-family: arial, helvetica, sans-serif;
background: url(myspace1.gif) no-repeat;
white-space: nowrap;
display: block;
width: 75;
height: 25;
margin: 0;
padding: 0;
}






.myspacenav a
{
display: block;
color: #000000;
font-size: 11px;
width: 75;
height: 25;
display: block;
float: left;
color: black;
text-decoration: none;
}

.myspacenav img
{
width: 75;
height: 25;
border: 0
}

* html a:hover
{
visibility:visible
}

.myspacenav a:hover img
{
visibility:hidden
}





.hoverbox
{
	cursor: default;
	list-style: none; position: relative;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	top: -33px;
	left: -45px;
	z-index: 1;}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 200px;
	height: 150px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;

	}

.hoverbox .preview
{
	border-color: #000;
	width: 400px;
	height: 300px;
	position: absolute;
	left: 45px;
	top: 100px;
	
}