@charset "iso-8859-1";
html {height:100%; width:100%}
body {font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#000000; color:#000000; height:100%; width:100% }
body a { color:#781d22; text-decoration:none; font-weight:bold; }
body a:hover {text-decoration:none; color:#000;}
body h1 {font-size: 16px;}

.container {background:url(site/ctn_bkg.jpg)}
#header { height:86px; width:990px; background:url(site/head_bkg.jpg) top center no-repeat; margin:0; padding:0; }
#header object { height:86px; width:990px; }
#header #head_pad { position:relative; left:-162px; width:162px; height:106px; margin-bottom:-106px; background:url(site/body_left.jpg) top left no-repeat; }



#col { width:200px; float:left; background:url(site/col_bkg.jpg) top left no-repeat; }


#col #Vertical { height:175px; width:200px; background:url(site/menu_bkg.jpg) top left no-repeat;} 
#col #boutique {text-align:center; background:url(site/btt_boutique.jpg) center center no-repeat; width:200px; height:150px;}


#main_list { width:790px; float:right; background:url(site/main_bkg.jpg) left top no-repeat;  }
#main_list #act_ctn { margin:0 10px;}


#footer { text-align:center; width:790px; margin-left:200px; font-size:x-small; padding:5px 0; clear:both; color:#000000;} 





ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 175px;;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 175px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: -5% 0 0 98%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 175px;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 175px
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical > li > a
{
	display:block; width:161px; height:20px; padding-top:5px; padding-right:10px; text-align:right; color:#ffffff; background: 	 url(site/menu_nav.jpg) top left no-repeat;
}

ul.MenuBarVertical > li > a.MenuBarItemHover, ul.MenuBarVertical > li > a.MenuBarItemSubmenuHover, ul.MenuBarVertical > li > a.MenuBarSubmenuVisible
{
	background:url(site/menu_nav_up.jpg);
}

ul.MenuBarVertical > li.active > a
{
	background:url(site/menu_nav_up.jpg);
}

ul.MenuBarVertical > li > ul > li > a {
	display:block; width:161px; padding-top:3px; padding-bottom:3px; padding-right:10px; text-align:right; color:#ffffff; background: url(site/smenu_nav.jpg) top left no-repeat #7c272e;
}
ul.MenuBarVertical > li > ul > li > a:hover, ul.MenuBarVertical > li > ul > li > a:focus
{
	background: url(site/smenu_nav_up.jpg) top left no-repeat #ab565d;
}
ul.MenuBarVertical > li > ul >li.active > a
{
	background: url(site/smenu_nav_up.jpg) top left no-repeat #ab565d;
}

ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
	
	}
}










/**********************************************************************************************************************/





body { width:100%; height:100%; margin:0; padding:0; text-align:center; }
#events_holder {height:0px; width:0px;}

p { color:inherit;}
h1 { color:inherit;}
h2 { color:inherit;}
h3 { color:inherit;}
li { color:inherit;}
li { list-style: inside; }

img {border:none; }


.container { width:990px; margin:0 auto; text-align:left; height:auto; }  


#news:before {  content: ""; display: block; clear: both; }
#news:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }

.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}

.thumbRF{ margin:0px 0px 3px 10px;float:right; } 
.thumbLF { margin:0px 10px 3px 0px; float:left; }


.section:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


.clear {clear:both;}