/* structural styles and offsets */
ul.horizontal, ul.horizontal li, ul.horizontal ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  position:relative;
}

ul.horizontal {
float:right;
  left: 0;
  cursor: default;
  z-index: 100;
}

ul.horizontal li {
  width: auto;
  float: left;
  position: relative; 
  cursor: pointer;
  cursor: hand;
  text-align: left;
  left: 1em;
  margin: 0 0 0 -0.1em;
}

* html ul.horizontal li {
margin:0 9px;
  left: 0;
}

ul[class^="horizontal"] li {
left:0;
margin:0 9px;
}

*+html ul.horizontal li {
margin:0 9px;
  left: 0;
}

ul.horizontal ul {
  z-index: 2020;
  padding: 0;
  cursor: default;
  position: absolute;
  left: -100em;
  top: auto;
  width: 17em;
  margin: 0 0 0 0;
  padding: 25px 0 0 0;
}

ul.horizontal ul li {
  width: 17em;
  float: none;
  left: auto;
  margin: -1px 0 0 0;
}

ul.horizontal ul ul {
  margin: -0.45em 0 0 7.65em;
}

/* design styles */
ul.horizontal ul {
  border-width: 1px;
  border-style: solid;
  border-color: #fff #000 #000;
}

ul.horizontal a, ul.horizontal a:visited {
  display: block;
  cursor: pointer;
  cursor: hand;
  background: #fff;
  padding:5px 5px 5px 7px;
 /* font: normal normal bold 0.7em tahoma, verdana, sans-serif; */
  color: #000;
  text-decoration: none;
  letter-spacing: 1px;
  font-weight:bold;
}

a.current{
background:transparent url(/uploadedImages/Images/worldofalfa/btn_back.png) repeat-x scroll 0 0 !important;
color:#fff !important;
}

ul.horizontal .current a{
background:transparent url(/uploadedImages/Images/worldofalfa/btn_back.png) repeat-x scroll 0 0;
color:#fff;
}

ul.horizontal a:hover, ul.horizontal a:focus, ul.horizontal a:active,
ul.horizontal a.rollover:link, ul.horizontal a.rollover:visited {
background:#ccc url(/uploadedImages/Images/worldofalfa/btn_back_grey.png) repeat-x scroll 0 0;
  

}

/* submenu indicator arrows */




ul.horizontal li.hasmenu > a:hover,
ul.horizontal li.hasmenu > a:focus,
ul.horizontal li.hasmenu > a:active,
ul.horizontal li.hasmenu > a.rollover,
ul.horizontal li.hasmenu > a.rollover:visited {
background:#ccc url(../images/btn_back_grey.png) repeat-x 0 0;
}

ul.horizontal ul li.hasmenu > a,
ul.horizontal ul li.hasmenu > a:hover,
ul.horizontal ul li.hasmenu > a:focus,
ul.horizontal ul li.hasmenu > a:active,
ul.horizontal ul li.hasmenu > a.rollover,
ul.horizontal ul li.hasmenu > a.rollover:visited {
  background: #ccc no-repeat !important;
  margin:0;
}

* html ul.horizontal li.hasmenu a,
* html ul.horizontal li.hasmenu a:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
      ? "url(down-green.gif) #ffc no-repeat 92% 50%" : "#ffc");
}
* html ul.horizontal ul li.hasmenu a,
* html ul.horizontal ul li.hasmenu a:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
      ? "url(right-green.gif) #ffc no-repeat 95% 50%" : "#ffc");
}

* html ul.horizontal li.hasmenu a:hover,
* html ul.horizontal li.hasmenu a:active,
* html ul.horizontal li.hasmenu a.rollover,
* html ul.horizontal li.hasmenu a.rollover:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
      ? "url(down-red.gif) #ffefcf no-repeat 92% 50%" : "#ffefcf");
}

* html ul.horizontal ul li.hasmenu a:hover,
* html ul.horizontal ul li.hasmenu a:active,
* html ul.horizontal ul li.hasmenu a.rollover,
* html ul.horizontal ul li.hasmenu a.rollover:visited {
  background: expression(/hasmenu/.test(this.parentNode.className)
      ? "url(right-red.gif) #ffefcf no-repeat 95% 50%" : "#ffefcf");
}

/* browser hacks */
ul.horizontal li { display:table; }
ul[class="horizontal"] li { display:block; }

ul.horizontal a { float: left;}
ul.horizontal li .hasmenu a { float: left; margin:0; background:#fff; !important}
@media Screen, Projection { ul.horizontal a { float: none; } }
ul.horizontal ul a { float: none !important; }
@media screen, projection {
  * html ul.horizontal li {
    display: inline;
    f\loat: left;
    background: #fff;
  }
}
* html ul.horizontal li { position: static; }
* html ul.horizontal a { position: relative; }

*+html ul.horizontal li {
  display: inline;
  float: left;
  background: #fff;
  }
*+html ul.horizontal li { position: static; }
*+html ul.horizontal a { position: relative; }

/* iframe layer */
ul iframe {
  position: absolute;
  z-index: 1010;
  border: none;
}
.article_title{
color:#014D93;
font-size:1.5em;
font-weight:bolder;
margin:10px 5px 0;
}

.club_title{
	margin:0 5px 0;
	font-size:24px;
	padding-top:10px;
	}
	
	#mainarticlecontainer .articletitle{
	display:none;
	}
	.gallerytitle{
font-size:18px;
left:25px;
margin:12px 0 0;
position:absolute;
top:40px;
	}
	
	.bktop{
	text-align:right;
	font-weight:bold;
	}
	.eventitemtitle{
	font-weight:bold;
	}
	.eventeven{background:mistyrose none repeat scroll 0 0;}
	
	.pikachoose{width:700px;margin:0 auto 0 auto;}
/* This is the ul you have all your images in */
.pikachoose ul{float:right;
height:100%;
margin:0;
overflow:hidden;
padding-left:0;
margin:85px 15px 0 0;
width:62px;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;height:38px;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

.pikali{
overflow: hidden; list-style-type: none; list-style-image: none; list-style-position: outside;
}
/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{display:block;
float:left;
height:392px;
left:25px;
position:absolute;
top:90px;
width:586px;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:0px;left:0px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;width:585px;height:390px;overflow:hidden;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{bottom:0;color:#FFFFFF;left:0;padding:10px 8px;position:absolute;text-align:left;width:570px;background:url('/uploadedImages/Images/worldofalfa/black.png') top left;color:#fff;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;display:none;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/uploadedImages/Images/worldofalfa/play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('/uploadedImages/Images/worldofalfa/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none; cursor:pointer;}
.pika_navigation a:hover{text-decoration: underline; }
.pika_navigation{clear:both;
left:282px;
padding-top:10px;
position:absolute;
text-align:center;
top:490px;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:365px;width:100px;background:url('/uploadedImages/Images/worldofalfa/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:365px;width:100px;background:url('/uploadedImages/Images/worldofalfa/fastf.png') top right no-repeat;}
.hmlftcol{float:left; width:480px;}
.hmrghtcol{float:right; width:220px;}
.hmlftcol, .hmrghtcol{margin-top:8px;}
.photogallerybody{background: transparent url(/uploadedImages/Images/worldofalfa/frame.jpg) no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; height: 538px; position: relative; width: 715px;}
.brochurerack{background:url(/uploadedImages/Images/worldofalfa/vintagebrochuresbg.jpg); background-repeat:no-repeat; margin: 10px 0pt 5px; height:430px;}
.brochurethumb{margin-top:10px;}

		#artcontent{margin-left:10px; margin-right:10px; line-height:1.5em;}
		
				.artimage-lft{border:3px solid #E1E1E1;float:left;width:250px;} 
				.artimage-lft div {background-color:#E1E1E1;
color:#000000;
font-size:0.9em;
font-weight:bold;
padding:0 5px 5px;
padding:0 5px 5px;
}
		.artimage-lft img{margin-bottom:6px;}
		
		.artimage{border:3px solid #E1E1E1;float:right;margin:0 5px 0 10px;width:250px;} .artimage div {background-color:#E1E1E1;
color:#000000;
font-size:0.9em;
font-weight:bold;
padding:0 5px 5px;
width:243px;}
		.artimage img{margin-bottom:6px;}
.photocontain-rght{width:250px;padding:3px 3px 10px;float:right; background-color:#E1E1E1;margin:0 8px;}
.photocontain-lft{width:250px;padding:3px 3px 10px;float:left; background-color:#E1E1E1;margin-right:8px;}
.photo{height:150px;width:250px;}
.photocaption{width:240px;font:bold 90% Arial, Helvetica, sans-serif;line-height:1.5; background-color:#E1E1E1;margin:10px 5px 5px;}
.articletitle{display:none;}
#tabs .nd {display:none;}
.photogallerybody {
overflow:hidden;
}