/* CSS Document */

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	color: #000000;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	font-size: 100%;
	cursor:default;
}

#gradientlight{
	background-color: #00CCFF;
	background-image:url(../images/bluebg.jpg);
	background-repeat: repeat-y;
	width:100%;
	height:100%;
}

#gradientdark{
	background-color: #000099;
	background-image:url(../images/darkbluebg.jpg);
	background-repeat: repeat-y;
	width:100%;
	height:100%;
}

table#wrap {
	width: 100%;
	height: 100%;
	min-width: 100%;
}

table#wrap td {
	vertical-align: middle;
	text-align: center;
}

#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
	text-align: left;
}

#formbox{
	margin:-10px 0 0 0;
	padding:0;
}

fieldset {
	border: solid 0 #000000;
	margin: 15px 0 0 0;
	padding: 0;
}


label {
	margin:3px 0 0 0;
	padding:0;
	float:left;
	width: 120px;
	line-height:100%;
	font-weight:bold;
}

input {
	margin:0;
	padding:1px;
	width:250px;
	height: 15px;
	background:#FFFFFF;
	color: #000000;
	font-size: 100%;
	border:none;
}

textarea {
	margin:0;
	padding:1px;
	width:250px;
	background:#FFFFFF;
	color: #000000;
	border:none;
	height:45px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:100%;
}

#student{
	margin:0;
	padding:0;
}

#student input {
	margin:0 5px 0 0;
	padding:0;
	width:15px;
	height: 15px;
	background:#FFFFFF;
	color: #000000;
	font-size: 87%;
	border:none;
	float:left;
}

#checkbox{
	clear:both;
	margin:10px 0 0 0;
	padding:0;
}

#checkbox input {
	margin:0 5px 0 0;
	padding:0;
	width: 15px;
	height: 15px;
	background-color:#00CCFF;
	color: #000000;
	font-size: 87%;
	border:none;
	float:left;
}

#checkbox label {
	margin:3px 0 0 0;
	padding:0;
	float:left;
	width: 100px;
	line-height:100%;
}


#button{
	clear:both;
	margin: 0 0 0 120px;
	padding:0;
}

#button input {
	margin: 10px 10px 0 0;
	height: 20px;
	width:80px;
	display:inline;
	float:left;
	border:1px solid #990000;
	font-size: 80%;
	font-weight:bold;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background:#CC0000;
	color: #FFFFFF;
}

#button input:hover, #button input:focus {
	border:1px solid #CC0000;
	background:#FF0000;
	color: #FFFFFF;
	cursor:pointer;

}

#intro{
	margin:0 0 10px 0;
	padding:0;
}

#intro h1{
	margin:0;
	padding:0;
	font-size: 57%;
	text-align:left;
	color:#00CCFF;
	line-height:120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#homeimg{
	margin:0 20px 0 0;
	padding:0;
	height:380px;
	width:365px;
	float:left;
}

#eventsimg{
	margin:20px 0 0 0;
	padding:0;
	height:310px;
	width:310px;
	background-image:url(../images/events_img.jpg);
	float:left;
}

#funkiimg{
	margin:20px 0 0 0;
	padding:0;
	height:310px;
	width:310px;
	background-image:url(../images/funki_img.gif);
	float:left;
}

#loveimg{
	margin:20px 0 0 0;
	padding:0;
	height:310px;
	width:310px;
	background-image:url(../images/love_img.jpg);
	float:left;
}

#motownimg{
	margin:20px 0 0 0;
	padding:0;
	height:310px;
	width:310px;
	background-image:url(../images/motown_img.jpg);
	float:left;
}

#eightiesimg{
	margin:20px 0 0 0;
	padding:0;
	height:310px;
	width:310px;
	background-image:url(../images/eighties_img.gif);
	float:left;
}

#cocktailsimg{
	margin:20px 0 0 0;
	padding:0;
	height:310px;
	width:310px;
	background-image:url(../images/cocktails_img.jpg);
	float:left;
}

#content a#book-link{
	margin:20px 0 0 0;
	padding:0;
	height:310px;
	width:125px;
	float:right;
	background:url(../images/book-button.gif) no-repeat;
	display:block;
}


#content a#book-link:hover{
	background:url(../images/book-button.gif) -125px 0 no-repeat;
}

#homerightimg{
	margin: 20px 0 0 0;
	padding:0;
	height:310px;
	width:125px;
	float:right;
}

#bandsrightimg{
	margin: 20px 0 0 0;
	padding:0;
	height:310px;
	width:310px;
	background-image:url(../images/bands_img.jpg);
	float:right;
}

#eventsrightimg{
	margin: 20px 0 0 0;
	padding:0;
	height:310px;
	width:125px;
	background-image:url(../images/events_right_img.gif);
	float:right;
}

#partiesrightimg{
	margin: 20px 0 0 0;
	padding:0;
	height:310px;
	width:310px;
	float:right;
}

#cocktailsrightimg{
	margin: 20px 0 0 0;
	padding:0;
	height:310px;
	width:125px;
	background-image:url(../images/cocktails_right_img.jpg);
	float:right;
}

#joinrightimg{
	margin: 20px 0 0 0;
	padding:0;
	height:310px;
	width:310px;
	background-image:url(../images/join_right_img.jpg);
	float:right;
}

#pagehead_home{
	margin:0;
	padding:0;
	height:50px;
	width:385px;
	background-image:url(../images/pagehead_home.gif);
	float:left;
}

#pagehead_bands{
	margin:0;
	padding:0;
	height:50px;
	width:770px;
	background-image:url(../images/pagehead_bands.gif);
}

#pagehead_events{
	margin:0;
	padding:0;
	height:50px;
	width:770px;
	background-image:url(../images/pagehead_events.gif);
}

#pagehead_parties{
	margin:0;
	padding:0;
	height:50px;
	width:770px;
	background-image:url(../images/pagehead_parties.gif);
}

#pagehead_hen{
	margin:0;
	padding:0;
	height:50px;
	width:770px;
	background-image:url(../images/pagehead_hen.gif);
}
#pagehead_gallery{
	margin:0;
	padding:0;
	height:50px;
	width:770px;
	background-image:url(../images/pagehead_gallery.gif);
}


#pagehead_contact{
	margin:0;
	padding:0;
	height:50px;
	width:385px;
	background-image:url(../images/pagehead_contact.gif);
	float:left;
}

#pagehead_links{
	margin:0;
	padding:0;
	height:50px;
	width:385px;
	background-image:url(../images/pagehead_links.gif);
	float:left;
}

#pagehead_cocktails{
	margin:0;
	padding:0;
	height:50px;
	width:770px;
	background-image:url(../images/pagehead_cocktails.gif);
}

#pagehead_join{
	margin:0;
	padding:0;
	height:50px;
	width:770px;
	background-image:url(../images/pagehead_join.gif);
}

#textarea{
	margin:20px 0 0 0;
	padding:0 20px 0 0;
	height:310px;
	width:240px;
	float:right;
	overflow:auto;
}

#textareawide{
	margin:20px 0 0 0;
	padding:0 20px 0 0;
	height:310px;
	width:295px;
	float:right;
	overflow:auto;
}

#textareabands{
	margin:20px 0 0 0;
	padding:0 20px 0 0;
	height:310px;
	width:440px;
	float:right;
	overflow:auto;
}

#textareaparties{
	margin:20px 0 0 0;
	padding:0 20px 0 0;
	height:310px;
	width:440px;
	float:right;
	overflow:auto;
}

#textareaparties h1{
	margin:0;
	padding:0;
	color:#00CCFF;
	font-size:188%;
}

#textareaparties h2 a{
	margin:0;
	padding:0;
	font-size:100%;
	display:inline;
}

#textareagallery{
	margin:20px 0 0 0;
	padding:0 20px 0 0;
	height:310px;
	width:770px;
	overflow:auto;
}

#textareacocktails{
	margin:20px 0 0 0;
	padding:0 20px 0 0;
	height:310px;
	width:625px;
	overflow:auto;
	float:left;
}


#redstar{
	margin:0;
	padding:0;
	height:45px;
	width:45px;
	background-image:url(../images/redstar.gif);
	float:left;
}

#header{
	margin:0 0 0 60px;
}

#header h1{
	margin:0;
	padding:0;
	font-size: 145%;
	text-align:left;
	color:#FFFFFF;
	letter-spacing: -2px;
	line-height:100%;
}

#content h2{
	margin:15px 0 0 0;
	padding:0;
	font-size: 87%;
	text-align:left;
	color:#FFFFFF;
	letter-spacing: -1px;
	line-height:100%;
}

#content h3{
	margin:10px 0 0 0;
	padding:0;
	font-size: 87%;
	text-align:left;
	color:#FFFFFF;
	letter-spacing: -1px;
	line-height:100%;
}

#content p{
	margin:5px 0 0 0;
	padding:0;
	font-size: 57%;
	text-align:left;
	color:#FFFFFF;
	line-height:120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content a{
	margin:0;
	padding:0;
	font-size: 87%;
	text-align:left;
	color:#FFFFFF;
	letter-spacing: -1px;
	line-height:100%;
	text-decoration:none;
	font-weight:bold;
	display:block;
}

#content a:hover, #content a:focus{
	text-decoration:underline;
}

#cocktailsleft{
	margin:20px 0 0 0;
	padding:0 20px 0 0;
	width: 280px;
	height:200px;
	float:left;
}

#cocktailsleft h1{
	margin:0;
	padding:0;
	font-size: 87%;
	text-align:left;
	color:#FFFFFF;
	letter-spacing: -1px;
	line-height:100%;
}

#cocktailsleft h2{
	margin:0 0 5px 0;
	padding:0;
	font-size: 100%;
	text-align:left;
	color:#FF0000;
	letter-spacing: -1px;
	line-height:100%;
}


#cocktailsleft p{
	margin:0 0 5px 0;
	padding:0;
	font-size: 57%;
	text-align:left;
	color:#FFFFFF;
	line-height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#cocktailsright{
	margin:20px 0 0 0;
	padding:0;
	width: 280px;
	height:200px;
	float:right;
}

#cocktailsright h1{
	margin:0;
	padding:0;
	font-size: 87%;
	text-align:left;
	color:#FFFFFF;
	letter-spacing: -1px;
	line-height:100%;
}

#cocktailsright h2{
	margin:0 0 5px 0;
	padding:0;
	font-size: 100%;
	text-align:left;
	color:#FF0000;
	letter-spacing: -1px;
	line-height:100%;
}

#cocktailsright p{
	margin:0 0 5px 0;
	padding:0;
	font-size: 57%;
	text-align:left;
	color:#FFFFFF;
	line-height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#redstripe{
	margin:15px 0 10px 0;
	padding:0;
	width:123px;
	height:2px;
	background-color:#CC0000;
	clear:both;
}

.bulletarrow{
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	background: url(../images/bulletarrow.gif) no-repeat;
	float:left;	
}

.bulletarrowback{
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	background: url(../images/bulletarrowback.gif) no-repeat;
	float:left;	
}

.downloadmenu{
	margin:0 0 0 25px;
	padding:0;
}

.downloadmenu h1{
	margin:0;
	padding:0;
	font-size: 100%;
	text-align:left;
	color:#FFFFFF;
	letter-spacing: -1px;
	line-height:100%;
	font-weight:bold;
}

.downloadmenu .downloadlink a{
	margin:0;
	padding:0;
	font-size: 100%;
	text-align:left;
	color:#FFFFFF;
	letter-spacing: -1px;
	line-height:100%;
	font-weight:bold;
	float:none;
}

.downloadmenu .downloadlink a:hover, .downloadmenu .downloadlink a:focus{
	color:#FF0000;
	text-decoration:none;
}

#content .downloadmenu p{
	margin:0;
	padding:0;
	font-size: 60%;
	text-align:left;
	color:#FFFFFF;
	line-height:100%;
}

.downloadmenu a{
	margin:3px 0 0 0;
	padding:0;
	font-size: 60%;
	text-align:left;
	color:#CCCCCC;
	text-decoration:none;
	line-height:100%;
	float:left;
}

.downloadmenu a:hover, .downloadmenu a:focus{
	text-decoration:underline;

}

#navbar{
	margin: 0;
	padding: 0;
	width: 770px;
	height: 50px;
	background-color: #FFFFFF;
	text-align:center;
}

ul.bgimage-switch,ul.bgimage-switch li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: left;
	height: 50x;
}

ul.bgimage-switch li {
	float:left;
	width: 88px;
}

ul.bgimage-switch li a {
	text-align: center;
	float: left; 
	width: 88px;
	line-height: 50px;
	height: 50px;
	text-indent: -5000px;
	text-decoration: none;
	background-position: 0 0;
}

ul#example1 li a:hover,ul#navbuttons li {
	background-position: -88px 0px;
}

ul#navbuttons li {
	background-repeat: no-repeat;
}

ul#navbuttons li a:hover {
	background: transparent none;
}

ul#navbuttons li.home,ul.bgimage-switch li.home a {
	background-image: url(../images/nav_home.gif);
}

ul#navbuttons li.bands,ul.bgimage-switch li.bands a {
	background-image: url(../images/nav_bands.gif);
}

ul#navbuttons li.events,ul.bgimage-switch li.events a {
	background-image: url(../images/nav_events.gif);
}

ul#navbuttons li.parties,ul.bgimage-switch li.parties a {
	background-image: url(../images/nav_parties.gif);
}


ul#navbuttons li.hen,ul.bgimage-switch li.hen a {
	background-image: url(../images/nav_hen.gif);
}

ul#navbuttons li.gallery,ul.bgimage-switch li.gallery a {
	background-image: url(../images/nav_gallery.gif);
}

ul#navbuttons li.contact,ul.bgimage-switch li.contact a {
	background-image: url(../images/nav_contact.gif);
}

ul#navbuttons li.links,ul.bgimage-switch li.links a {
	background-image: url(../images/nav_links.gif);
}

#navend{
	margin:0;
	padding:0;
	height:50px; 
	width:66px;
	float:left;
	background: url(../images/nav_end.gif) no-repeat right;	
}

#bands{
	margin:20px 0 0 0;
	height:240px;
	overflow:auto;
}

#bands .bandentry{
	margin:0;
	padding:0;
	clear:both;
	color:#FFFFFF;
}

#bands .bandhead{
	margin:0;
	padding:0;
	clear:both;
	color:#FF0000;
}

#bands h1{
	margin:5px 0 0 0;
	padding:0;
	font-size:87%;
	line-height:100%;
}

#bands h2{
	margin:0;
	padding:0;
	font-size: 57%;
	text-align:left;
	color:#FFFFFF;
	line-height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:normal;
}

#bands a{
	margin:0;
	padding:0;
	font-size: 57%;
	text-align:left;
	color:#FFFFFF;
	line-height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:normal;
}

#bands a:hover, #bands a:hover{
	color:#FF0000;
}

#bands .date{
	margin:0;
	padding:0;
	float:left;
	width:110px;
}

#bands .band{
	margin:0;
	padding:0;
	float:left;
	width:230px;
}

#bands .admission{
	margin:0;
	padding:0;
	float:left;
}

#gallerymenu{
	margin:20px 0 0 0;
	height:240px;
	overflow:auto;
}

#gallerymenu ul{
	float:left;
	width:250px;
	height:165px;
	margin:0;
	padding:0 0 0 10px;
	border-left:1px solid #FF0000;
}

#gallerymenu ul li{
	margin:0;
	padding:0;
}

#gallerymenu ul a{
	margin:0;
	padding:5px 0;
	font-size:110%;
	float:left;
	clear:left;
}


#gallery_imgs{
	margin:20px 0 0 0;
	padding:0;
	background:url(../images/gallery_imgs.jpg) no-repeat;
	height:240px;
	width:770px;
}

#join{
	margin:0;
	padding:0;
}

#footer{
	margin: 0;
	padding: 0;
}

#footer a{
	margin: 0;
	padding: 0;
	font-size: 60%;
	color: #00CCFF;
	text-decoration:none;

}

#footer a:hover, #footer p:focus{
	color: #FF0000;
}

.w3logo{
	margin: 0 5px 0 0;
	padding: 0px;
	float:left;
	display:inline;
}

#pirateslink{
	margin:0;
	padding:0;
}

.clearpage{
	margin:0 0 0 0;
	padding:0;
	height:20px;
	clear:both;
}

.clearpage p{
    margin:0;
	padding:0;
	font-size:10px;
	color:#000000;
}