@charset "utf-8";

@import url("forms.css"); 

html {
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
	margin: 0 0 0 0;
	padding: 0;
	background: #C3DE99;
	color:#289FCC;
}

#backgroundstars {
	margin:0;
	padding:0;
	background-position: 50% 0px;
}

#wrapperback {
	margin: 0 auto;
}

#topback {
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

#box {
	margin: 0;
	padding: 5% 0 0 8%;
	width: 84%;
	text-align: center;
}

#box #container {
	margin: 0;
	padding: 0;
	width: 99%;
	text-align: left;
	overflow:hidden;
}

#box #container #logo {
	margin: 0;
	padding: 0;
	width: 26%;
	background-repeat: no-repeat;
	float:left;
}

#box #container #topbanner {
	margin-left: 0;
	padding: 0;
	float: right;
	width: 74%;
}

#box #container #menucontainer {
	margin: 0;
	padding: 0;
	width: 26%;
	float: left;
}

#box #container #menucontainer .menu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

#box #container #menucontainer .menu li {
	background: url(images/menuback.gif) repeat;
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	height: 25px;
	margin-bottom: 2px;
	padding-top:5px;
}

#box #container #menucontainer .menu li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 0.9em;
}

#box #container #menucontainer .menu li:hover {
	padding-top:0px;
	height: 30px;
	color: #FFFF00;
}

#box #container #menucontainer .menu li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#box #container #menucontainer .menu li a:hover {
	color: #FFFF00;
}

#box #footer {
	float:left;
	text-align:center;
	font-size: 0.7em;
	color:#666666;
	padding: 10px 0 0 0;
	width: 99%;
	height: 84px;
}

#box #footer a, #box #footer a:hover, #box #footer a:visited {
	color: #000000;
}

#box #container #topbanner ul {
	margin: 0;
	list-style: none;
}

#box #container #topbanner li {
	margin: 0;
	padding: 0 0 0 7%;
	text-transform: uppercase;
	font-family: Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFF00;
	vertical-align:top;
}

#box #container #topbanner li a {
	text-decoration: none;
	color: #FFFF00;
	display: block;
	width: 190px;
	height: 18px;
}

#box #container #topbanner li a:visited {
	text-decoration: none;
	color: #FFFF00;
}

#box #container #topbanner li a:hover {
	text-decoration: none;
	color: #FFFFFF;
	text-shadow: #FFFF00 -1px -1px 2px;
}

#box #container #content {
	margin: 0 4% 0 0;
	padding: 0 0 1% 0;
	float: right;
	width: 68%;
	min-height: 510px;
}

#box .black {
	color: #000000;
}

#box .purple {
	color: #600399;
}

#box .pink {
	color: #EC368E;
}

#box .green {
	color: #329900;
}

#box .greenlight {
	color: #00FF00;
}

#box #container #content #welcome {
	margin: 0;
	padding: 0;
	height: auto;
	width: auto;
}
#box #container #content .scroll {
	border-color:#EC368E -moz-use-text-color;
	border-style:dashed none;
	border-width:0.2em 0 medium;
	color:#289FCC;
	margin:0;
	padding:2%;
	text-align:justify;	
}

#box #container #content .welcome img {
	padding: 3% 0 0 0.2%;
}

#box #container #content .welcome p {
	padding: 0 0 0 1%;
	font-size: 0.95em;
	color: #EC368E;
}

#box #container #content .partypics {
	margin: 0;
	padding: 1% 0 0 0;
}

#box #container #content .partypics img {
	padding: 2% 5% 0 0;
}
#box #container #content .partypics ul{
	margin: 0;
	padding: 1% 0 0 1%;
	list-style: none;
	text-align: left;
}
#box #container #content .partypics li {
	margin: 0;
	padding: 0;
	display: inline;
}

#box #container #content .ppspan {
	font-size: 1.2em;
	padding: 0 3% 0 0;
	float:right;
}

#box #container #content .ppspan a {
	color: #289FCC;
	text-decoration: none;
}

#box #container #content .ppspan a:hover {
	color: #289FCC;
	text-decoration: none;
}

#box #container #content .ppspan a:visited {
	color: #289FCC;
	text-decoration: none;
}
#box #container #content .partypics ul img{
	padding: 0 0 0 0;
}

#box #container #content .about-us {
	margin: 0;
	padding: 0 0 0 0;
}

#box #container #content .about-us p {
	padding: 0 0 0 0px;
	font-size: 1.3em;
	color: #289FCC;
	text-align: justify;
}

#box #container #content .about-us span img {
	padding: 4% 0 0 0%;
}

#box #container #content .about-us ul.right {
	padding: 0 0 0 3%;
	float: right;
	list-style: none;
}

#box #container #content .about-us ul.bottom {
	padding: 2% 0 0;
	list-style: none;
}

#box #container #content .about-us ul.bottom img{
	width: 23%;
}

#box #container #content .about-us ul.bottom li {
display: inline;
}

#box #container #content .about-us img.abt2 {
	padding: 1% 3% 10px 0;
	float: left;
}

#box #container #content .partydetails {
	margin: 0;
	padding: 0;
}

#box #container #content .tabs {
	padding: 0 5% 0 2%;
	margin: 0;
	font-size: 1.2em;
}

#box #container #content .tabs p {
	padding: 1% 0 2% 0;
	margin: 0;
}

#box #container #content .tabs img {
	float:right;
	padding: 10px 0 10px 10px;
}

#box #container #content .tabs span.wyg{
	font-size: 1.3em;
	font-weight: bold;
	padding: 2% 0 0;
}

#box #container #content .ttitle {
	font-size:1.6em; 
	font-weight: bold;
}

#box #container #content a, #box #container #content a:visited {
	text-decoration: none;
	color: #289FCC;
}

#box #container #content a:hover {
	text-decoration: underline;
}

#box #container #content .contact div {
	clear: left;
	padding: 1% 0 0 1%;
}

#box #container #content .contact div p {
	margin-top: 5%;
	font-size: 1.2em;
}

#box #container #content .contact div img {
	float:right;
	margin: 5%;
}

#box #container #content .contact img.contactus {
	padding: 0 0 0 1%;
	float: left;
	margin-top: 5%;
}
#box #container #content .bookaparty {
	padding: 2% 0 0;
	margin: 0;
	width: 88%;
	font-size: 1.3em;
}

#box #container #content .bookaparty p {
	padding: 0;
	margin: 0;
}

#box #container #content .directions {
	padding: padding: 10px 20px 0 20px;
}

#box #container #content .directions .tytl {
	padding: 20px 0 0 10px;
}

#box #container #content .directions p {
	padding: 0 0 0 10px;
}

#box #container #content .directions a, #box #container #content .directions a:visited {
	text-decoration: none;
	color: #289FCC;
}

/* begin tabs */

.partydetails ul#tabnav1 { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; /* set font as desired */
border-bottom: 5px solid #ED5BA8; /* set border COLOR as desired */
list-style-type: none;
padding: 10px 0px 0px 0px; /* THIRD number must change with respect to padding-top (X) below */
width: 83%;
}

.partydetails ul#tabnav2 { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; /* set font as desired */
border-bottom: 5px solid #660099; /* set border COLOR as desired */
list-style-type: none;
padding: 10px 0px 0px 0px; /* THIRD number must change with respect to padding-top (X) below */
width: 83%;
}

.partydetails ul#tabnav3 { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; /* set font as desired */
border-bottom: 5px solid #5CB6EB; /* set border COLOR as desired */
list-style-type: none;
padding: 10px 0px 0px 0px; /* THIRD number must change with respect to padding-top (X) below */
width: 83%;
}

.partydetails ul#tabnav4 { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; /* set font as desired */
border-bottom: 5px solid #339900; /* set border COLOR as desired */
list-style-type: none;
padding: 10px 0px 0px 0px; /* THIRD number must change with respect to padding-top (X) below */
width: 83%;
}

.partydetails ul#tabnav5 { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; /* set font as desired */
border-bottom: 5px solid #FF6307; /* set border COLOR as desired */
list-style-type: none;
padding: 10px 0px 0px 0px; /* THIRD number must change with respect to padding-top (X) below */
width: 83%;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab4 li.tab5 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab4 li.tab5 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

.partydetails ul li.tab1 a { /* settings for all tab links */
padding: 10px 3px 5px 3px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 0px ; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background: url(images/tab1.gif) no-repeat; /* set unselected tab background color as desired */
color: #fff !important; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

.partydetails ul li.tab2 a { /* settings for all tab links */
padding: 10px 3px 5px 3px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 0px ; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background: url(images/tab2.gif) no-repeat; /* set unselected tab background color as desired */
color: #fff !important; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

.partydetails ul li.tab3 a { /* settings for all tab links */
padding: 10px 3px 5px 3px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 0px ; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background: url(images/tab3.gif) no-repeat; /* set unselected tab background color as desired */
color: #fff !important; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

.partydetails ul li.tab4 a { /* settings for all tab links */
padding: 10px 3px 5px 3px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 0px ; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background: url(images/tab4.gif) no-repeat; /* set unselected tab background color as desired */
color: #fff !important; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

.partydetails ul li.tab5 a { /* settings for all tab links */
padding: 10px 3px 5px 3px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 0px ; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background: url(images/tab5.gif) no-repeat; /* set unselected tab background color as desired */
color: #fff !important; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

.partydetails ul a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

.partydetails ul li.tab1 a:visited, .partydetails ul li.tab2 a:visited, .partydetails ul li.tab3 a:visited, .partydetails ul li.tab4 a:visited, .partydetails ul li.tab5 a:visited {
	color: #fff !important; /* set unselected tab link color as desired */
}

.partydetails ul li.tab1 a:hover, .partydetails ul li.tab2 a:hover, .partydetails ul li.tab3 a:hover, .partydetails ul li.tab4 a:hover, .partydetails ul li.tab5 a:hover {
	color: #fff !important; /* set unselected tab link color as desired */
}

/* end tabs */