body
	{
	font-family: "Itc Kabel Book", ItcKabel, GillSans, Helvetica, Arial, sans-serif;
	background-color: black;
	color: white;
	margin: 0px;
	margin-bottom: 2em;
	border: 0px;
	padding: 0px;
	}

#winSize
	{
	position: absolute;
	visibility: hidden;
	bottom: 0px;
	right: 0px;
	height: 1px;
	width: 1px;
	}

#outside, #outsideW, #outsideS
	{
/*	xposition: absolute; */
/*	xleft: 50px;	*/
	margin-left: 50px;
	}

#xoutside	{ top: 170px;	}
#xoutsideW	{ top: 130px;	}
#xoutsideS	{ top: 0px; left: 60px;	}

#outside	{ margin-top: 170px;	}
#outsideW	{ margin-top: 130px;	}
#outsideS	{ margin-top: 0px; left: 60px;	}

#Xcontent
	{
	margin-left:50px;
	}

#banner
	{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50px;
	height: 100%;
	background-repeat: repeat-y; 
	background-image: URL(img/BannerGr12.gif);
	}


#XOverMove
	{
	position: absolute;
	left: 0px;
	overflow: hidden;
	}
	
#XOverDiv img
	{
	display: block;
	overflow: hidden;
	border: 0px;
	}

#Xbanner
	{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50px;
	height: 100%;
	overflow: hidden;
	}

.BlackBack
	{
	background-color: gray;
	}

#gallery .foot p, .foot p 
	{
	padding-left: 20px;
	border: 0px;
	margin: 0px;
	text-align: left;
	}
	
#footer, .foot
	{
	font-size: smaller;
	}

div.absfix 
	{
	position: relative; 
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	}
	
.botright
	{
	position: absolute;
	right: 0px;
	bottom: 0px;
	}

	
#caption
	{
	text-align: center;
	font-size: larger;
	margin-top: 0px;
	border-top: 0px;
	padding-top: 0px;
	}

.centre
	{
	margin-left: 20px;
	margin-right: 0px;
	border-right: 20px;
	}

.clear {clear: both;}
.expflush { height: 0px; }
.f-right {float: right; padding: 15px 0px 15px 15px;}
.redhighlight	{color: red;}
.bluehighlight	{color: #3E00F1;}
.italic	{	font-style: italic; 	}

.redlarger
	{
	font-size: larger; 
	font-style: italic; 
	color: red;
	font-weight: bold;
	}


.mphoto	{display: block; float: right;}

.centre i {	font-size: larger;}
.centre p {	text-align: justify; 	padding-right: 1em; margin-right: 15px;}
.centre h2 {	color: red; }
.centre h1
	{
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	padding-top: 0.05em;
	padding-bottom: 0.1em;
	}

.centre h2, .centre h3 
	{
	margin-bottom: 0.05em;
	padding-top: 0.05em;
	padding-bottom: 0.05em;
	}

.centre img
	{
	float: right;
	border-top: 0px;
	margin-left: 15px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 30px;
	}


.centre ul
	{
	padding-left: 15px;
	}

.centre A:visited	 { color: #7071F1;} 
.centre A:link		{ color: #7071F1; }
.centre A:hover	{ background-color: #3E00F1; color: white;}

.left
	{
	text-align: left;
	background-color: #0ff7d2;
	padding: 10px;
	overflow: auto;
	}

.left A:visited { color: #007000;} 
.left A:link	{ color: #007000; }
.left A:hover	{ background-color: #007000; color: White;}


.osmenu2
	{
	clear: both;
	display: block;
	letter-spacing: 0.05em;
	font-size: 12pt;
/*	xbackground-color: orange; */
	padding: 0px;
	background-image: URL(img/menuback.gif);
	font-weight: bold;
	padding: 2px;
	list-style:none;
	margin: 0px;
	}
.popup .osmenu2 {display: inline;}

.osmenu2 li { display: inline; }

.osmenu2 A:visited, .osmenu2 A:link, .osmenu2 A:hover
	{
	text-decoration: none;
	line-height: 1.9em;
	padding: 0.3em;
	border: 1px dotted #ffffff;
	}

.osmenu2 li A:visited { color: white;} 
.osmenu2 li A:link	{ color: white; }
.osmenu2 li A:hover	{ color: white; background-color: #520BCE;}
.osmenu2 li A.oscur { font-weight: normal; }


.mid {text-align: center; width: 320px;}
.video {text-align: left; width: 320px;}
.video p {margin-top: 0px;}

.videoW {text-align: left; width: 425px;}
.videoW p {margin-top: 0px;}

div#menuWrap
	{
	float: left;
	background-color: #bbe368;
	text-align: center;
	width: 100%;
	}


#picture
	{
	display: none;
	text-align: center;
	vertical-align: middle;
	}

#picture img {float: none;}
	
.icon img 
	{
	width: 60px;
	height: 60px;
	border: 0px;
	}
.icon div 
	{
	text-align: center;
	}
	
.icon a {float:left; margin-right:10px; width: 80px; display: block;}
.icon p {border: 0px; margin: 0px 0px 0px 0px;}

.GalTop 
	{
	padding: 0px;
	margin: 5px; 
	margin-left: 0px;
	border: 0px;
	text-align: center;
	}

.GalTop h2
	{
	margin: 0px;
	}

.linkContainer
	{
	height: 80px;
	width: 570px;
	margin:auto;
	border: 0px;
	padding: 0px;
	text-align: center;
	}

.linkContainer li {display: block; float: left; margin: 0px; padding: 0px; }

.linkContainer h2 
	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

.linkContainer a
	{
	display: block;
	padding: 0px;
	text-decoration: none;
	border: 5px black solid;
	}

.linkContainer a:hover {border: 5px red solid;}

.linkContainer a p
	{
	margin: 0px; 
	padding: 0px;
	text-align: center;
	color: white;
	}

.linkContainer img
	{
	display: block;
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 80px;
	}

	
#gallery
	{
	}

#gallery p
	{
	text-align: center;
	line-height: 1em;
	}

.padr100 p 	
	{
	}
 

.arrowNext, .arrowPrev
	{
	position: relative;
	display: inline;
	height: 0px;
	border-top: 40px solid black;
	border-bottom: 40px solid black;
	border-left: 18px solid red;
	border-right: 18px solid red;
	font-size: 0px;
	margin: 5px;
	top: 5px;

	}

.arrowNext
	{
	border-right: 0px;
	}

.arrowPrev
	{
	border-left: 0px;
	}
	
.offset
	{
	top: -250px;
	}

.padr100
	{
	padding-right:100px;
	margin-top: 0px;
	}


#thumbs
	{
	margin-top: 80px;
	min-height: 250px;
	text-align: center;
	}
#thumbs img
	{
	border: 0px;
	margin: 5px;
	height: 120px;
	}

#thumbs a
	{
	height: 120px;
	margin: 2px;
	text-align: center;
	}

#thumbs   p
	{
	border: 0px;
	margin: 0px;
	}

.ximg {
	min-height: 400px;
	text-align: center;
	}

.ximg img
	{
	border: 10px;
	margin: 10px;
	border-bottom: 0px;
	margin-bottom: 20px;
	}


#caption
	{
	font-size: smaller;
	}

#debug
	{
	position: absolute;
	left:50px;
	top: 250px;
	background-color: #fff;
	color: #000;
	font-size: 8pt;
	}


ul.shows li
	{
	margin-bottom: 1em;
	float: none;
	}

ul.shows h2
	{
	font-size: smaller;
	border: 2px;
	margin: 0.1em;

	}
ul.shows p
	{
	font-size: smaller;
	border: 2px;
	margin: 0.1em;
	}


ul.shows img
	{
	width: 50px;	
	border: 0px;
	margin: 4px;
	}

#logo, #logoW, #logoS
	{
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	font-size: 0pt;	/* Stop IE putting spaces where it shouldn't */
	background-color: black;
	margin: 0px;
	padding: 0px;
	border: 5px black solid;
	z-index: 101;
	}

#logo	
	{
	width: 245px;
	height: 160px;
	background-image: URL(logo/onsalsa-245x160.gif);
	}

#logoW
	{
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 120px;
	background-image: URL(logo/onsalsa-160x120.gif);
	}

#logoS
	{
	border: 5px #800 solid;
	width: 107px;
	height: 80px;
	background-image: URL(logo/onsalsa-107x80.gif);
	}

#fixit, .animateCont 
	{
	position: absolute;
	left: 0px;
	top: 0px;
	width:100%;
	overflow: hidden;
	}

#animate1, #animate3, #animateW
	{
	position: relative;
	top: 0px;
	padding: 0px;
	border: 0px;
	overflow: hidden;
	font-size: 0pt;	/* Stop IE putting spaces where it should't */
	margin: 5px 5px 5px 5px;
	}

#animate1 img, #animate3 img, #animateW img
	{
	overflow: hidden;
	border: 0px;
	margin-right: 5px;
	}

#animateW
	{
	left: 165px;
	width: 1344px;
	height: 120px;
	}

#animate1
	{
	left: 250px;
	width: 1344px;
	height: 160px;
	}

#animate3
	{
	left: 50px;
	width: 1344px;
	height: 160px;
	}

#animateW img
	{
	width: 160px;
	height: 120px;
	}

#animate1 img
	{
	width: 120px;
	height: 160px;
	}

#animate3 img
	{
	width: 120px;
	height: 160px;
	}

.OverDiv
	{
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	font-size: 0pt;	/* Stop IE putting spaces where it should't */
	background-color: transparent;
	overflow: hidden;
	visibility: hidden;
	}

.OverMove
	{
	position: absolute;
	left: 0px;
	overflow: hidden;
	}
	
.OverDiv img
	{
	overflow: hidden;
	border: 0px;
	}

#winSize
	{
	position: absolute;
	visibility: hidden;
	bottom: 0px;
	right: 0px;
	height: 1px;
	width: 1px;
	}

.photo-caption
	{
	display: block;
	float: right;
	text-align: center;
	margin-left: 10px;
	}

.photo-caption p
	{
	margin-top: 2px;
	text-align: center;
	color: #9bf;
	}

.photo-caption img
	{
	float: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	}

.photo-link
	{
	display: block;
	xfloat: left;
	text-align: center;
	text-decoration: none;
	margin: 14px;
	width: 239px;
	xbackground-color: #FF9901;
	background-color: #EC7201;
	color: white;
	xborder-top: 2px red solid;
	border-top: 2px yellow solid;
	padding-bottom: 5px;
	}

.photo-link p
	{
	margin-top: 2px;
	text-align: center;
	xcolor: #9bf;
	}

.photo-link a {
	
	background-color: #aa0;
	}

.photo-link img
	{
	float: none;
	border: 0;
	padding: 0px;
	margin: 0px;
	text-align: center;
	xborder: 2px white solid;
	xborder-top: none;
	}

.popupm
	{
	position: absolute;
	display: block;
	top: 90px;
	top: 0px;
	right: 0px;
	width: 120px;
	height: 2.0em;
	overflow: hidden;
	background-color: red;
	border: 0px;
	margin: 5px;
	padding: 0px;
	z-index: 99;
	}

.popupm:hover, .iehover	{ height: 14em; width: 200px;}


.popupm .osmenu3
	{
	letter-spacing: 0.1em;
	font-size: 10pt;
	background-color: orange;
	padding: 0px 0.5em;
	font-weight: bold;
	padding: 2px;
	list-style:none;
	margin: 0px;
	width: 160px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

.popupm .osmenu3 li { display: block; }

.popupm .osmenu3 A:visited, .popupm .osmenu3 A:link, .popupm .osmenu3 A:hover
	{
	display: block;
	text-decoration: none;
	line-height: 2.25em;
	padding: 0.5em;
	border: 1px dotted #ffffff;
	width: 160px;
	}

.osmenu3 li A:visited { color: white;} 
.osmenu3 li A:link	{ color: white; }
.osmenu3 li A:hover	{ color: white; background-color: #520BCE;}
.osmenu3 li A.oscur { font-weight: normal; }


ul.boxlist {margin-left: 0px;}

.boxlist li
	{ 	
	list-style:none;
	}

.boxlist li h1
	{
	margin-top: 0px;
	padding-top: 0px;
	font-size: 14pt;
	}


.boxright, .boxitem, .boxlist li
	{
	margin: 5px 10px 20px 0px;
	padding: 0px 20px 10px 20px;
	background-color: #800;
	border-top: 1px white solid;
	clear: both;
	}

.boxright 
	{
	float: right;
	width: 40%;
	margin: 5px 0px 20px 10px;
	padding-right: 10px;
	}

.quote { width: 25%; margin-left: 30px;}

.boxright p
	{
	text-align: left;
	margin: 0.5em; 
	}

ul.boxlist li h3
	{
	margin-top: 0px;
	padding-top: 0px;
	border-top: 0px;
	}

.boxitem a, ul.boxlist li a
	{
	text-decoration: none;
	margin: 0px;
	}
		
.boxright img
	{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 5px;
	float: right; 
	border: 0px;
	}

 .boxitem img, .boxlist li img	
	{
	padding: 0px 0px 0px 10px;
	margin: 0px 10px 10px 5px;
	float: right; 
	border: 0px;
	}

.invis { display: none;}

.ff {display: block; width: 60px; float: right;}


table.tevent
	{
	margin: 15px 20px 15px 20px;
	clear: both;
	vertical-align: top;
	border-spacing: 0px;
	background-color: #800;
	text-align: left;
	}

table.tevent caption
	{
	margin: 20px;
	text-align: left;
	font-size: larger;
	text-align: center;
	font-weight: bold;
	}

table.tevent td
	{
	border: 0px;
	border-top: 1px white solid;
	border-bottom: 20px black solid;
	vertical-align: top;
	margin: 0px;
	padding-left: 1em; 
	}

table.tevent  .col1
	{
	width: 160px;
	padding-left: 1em; 
	}

table.tevent  *.col2         
	{
	xpadding: 1em; 
	}

table.tevent  .col3
	{
	padding: 0em; 
	}

xtable.tevent  td	{ border: 0px solid transparent; padding: 1em; }

table.tevent  td h3 { border: 0px; padding: 0.05em 10px 0.05em 10px; margin: 0px;}
table.tevent  td p  { border: 0em; padding: 0.05em 10px 0.05em 10px; margin: 0px; 	text-align: left; }

table.tevent td a
	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

table.tevent td img
	{
	float: right;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;

	border: 0px;
	}


p.big { margin-left: 30px; font-size: larger;}

.plug { font-size: smaller; padding-top: 2em; clear: left;}
.plug2 { font-size: smaller; padding-top: 0.5em;}