
/*** Globals ***/
* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 100.01%;
	font-family: Tahoma, Geneva, sans-serif;
	 
	background-image: url(/images/bg_pattern4.jpg);
	background-repeat: repeat;
	 
	color: #633;
	/*
	background-color: #300;
	*/
	text-align: center;
}

 

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

 
.clear {
	clear:both;
	height: 25px;
}

div.clear {
	padding-top: 40px;
	text-align: right;
}

blockquote {
	padding: 0 1em;
	margin: 1.5em 6em 1em 4em;
	line-height: 165%;
}


a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
	font-weight: 600;
	color: #251313;
}


img { border: none;}
 


/*** Wrapper ***/
#shenkWrapper {
  position: relative;
  text-align: left;
  width: 950px;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  border-left: 1px solid #ffc;
  border-right: 1px solid #ffc;
  border-bottom: 1px solid #ffc;
}



/*** Header ***/
#shenkHeader {
	height: 130px;
	margin: 0;
	padding: 0;
	text-align: right;
	background-image: url(/images/header/banner_fr.jpg);
	background-repeat: no-repeat;
}

#shenkHeader span.langLink {
	font-size: .8em;
	padding: .5em;
}
  
#shenkHeader span.langLink a:link, #shenkHeader span.langLink a:visited {
	text-decoration: none;
	color: #fff;
}

#shenkHeader span.langLink a:hover {
	color: #ccc;
}


div#shenkHeader.EN {
	background-image: url(/images/header/banner_en.jpg);
	background-repeat: no-repeat;
}

 




  /*** main horizontal navbar ***/
  
  div#horizNav { 
	height: 30px;
  }
  
  /*
  div#horizNav ul {
  	margin: 0;
	padding: .25em 0;
	list-style-type: none;
  }
  
  
  div#horizNav ul li {
  	display: inline;
  }
  
  div#horizNav ul li a:link, div#horizNav ul li a:visited  {
  	color: white;
	font-size: .7em;
	font-weight: bold;
	padding: 0 11px;
	text-decoration: none;
  }
 */


/*** Column Wrapper Div ***/
#columnWrapper { 
  width: 100%;
  background-color: #fff;
  margin-top: 20px;
	font-size: .8em;
	
	min-height:550px;
  	height:auto !important;
  	height:550px;
}


 #columnWrapper table {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-top: 1em;
}

 #columnWrapper table th {
	background-color: #633;
	color: white;
	padding: 3px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
 

 #columnWrapper table td {
	padding: 3px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}



 #columnWrapper h1 {
	font-size: 200%;
	font-weight: bold;
	padding: 5px 0;
	margin-bottom: 10px;
}

 #columnWrapper h2 {
	font-size: 150%;
   background-color: #633;
   color: #fff;
   padding: 0;
   padding-left: 10px;
   margin: 1em 0 .5em 0;
   font-weight: normal;
   border-left: 10px solid #f93;
}


 #columnWrapper h3 {
	font-size: 120%;
	margin-top: 1em;
	margin-bottom: .5em;
}

 #columnWrapper h4 {
	font-size: 110%;
	font-style: italic;
}

 #columnWrapper h5 {
 font-size: 1em;
	font-weight: bold;
	font-style: italic;
}


 #columnWrapper p {
	margin: 0 0 .75em 0;
	line-height: 162%;
}

 #columnWrapper p.small {
	font-size: .8em;
	margin-top: .5em;
}


  #columnWrapper ul,  #columnWrapper ol {
  	margin: .5em 0 .5em 25px;
 }
 
  #columnWrapper ul li,  #columnWrapper ol li {
  	line-height: 162%;
 }
 
  #columnWrapper ul ul,  #columnWrapper ul ul ul, #columnWrapper ol ol,  #columnWrapper ol ol ol {
  	margin: .25em 0 0 13px;
 }
 
  #columnWrapper ol ol {
  	list-style: lower alpha;
  }

 
  #columnWrapper ul ul  {
  	list-style-image: url(/images/arrow_bullet.gif);
 }


/*** left column ***/
#leftColumn {
	float:left;
	width: 160px;
	margin:0;
	padding: 0 10px;
	padding-right: 20px;
	text-align: left;
  background-image: url(/images/leftColumBG.jpg); 
  background-repeat: no-repeat;
  min-height: 550px;
  overflow: visible;
}

#leftColumn img {
	margin-bottom: 20px;
}

/*** right column ***/
#rightHandLinks {
	float: right;
	width: 110px;
	padding: 0 10px;
	text-align: center;
  background-image: url(/images/rightColumnBG.jpg); 
  background-repeat: no-repeat;
  background-position: top left;
}

#columnWrapper #rightHandLinks h2, #columnWrapper #rightHandLinks h3, #columnWrapper #rightHandLinks h4, #columnWrapper #rightHandLinks h5 {
	font-size: 120%;
   background-color: #633;
   color: #fff;
   font-weight: 600;
    padding: .25em;
	margin: 0 0 15px 0;
	border: none;
   border-bottom: 3px solid #f93;
}


#twoColumncontentArea #rightHandLinks {
	float: right;
	width: 110px;
	margin: -40px -10px 10px 10px;
	padding: 0 10px 200px 20px;
	text-align: center;
  background-image: url(/images/bg_RHL.jpg); 
  background-repeat: repeat-y;
  z-index: 1;
}



/*** Main content Area ***/
#threeColumncontentArea {
	float: left;
	width:  608px;
	padding: 0 10px;
}

#twoColumncontentArea {
	float: left;
	width:  728px;
	padding: 0 10px;
}

#oneColumnContentArea {
	float: left;
	width: 930px;
	padding: 10px;
	background-color: #fff;
  background-image: url(/images/oneColumnBG.jpg); 
  background-repeat: repeat;
  background-position: top left;
}



#threeColumncontentArea a:hover, #twoColumncontentArea a:hover, #oneColumnContentArea a:hover {
	color: #654C42;
}
#threeColumncontentArea a:visited, #twoColumncontentArea a:visited, #oneColumnContentArea a:visited {
	color: #9f0B0b;
}
 

/*** Footer ***/
div#shenkFooter {
	padding: .5em 0;
	margin: 0;
	text-align: center;
	background-color: #fff;
	color: #633;
	border-top: 1px solid #633;
	font-size: .7em;
}

span.copywright {
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	margin-right: -100px;
}


div#shenkFooter ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline;
	width: 100%;
}
  
div#shenkFooter ul li {
	display: inline;
	padding: 0 7px;
	border-right: 1px solid #633;
}

div#shenkFooter ul li.last {
	border-right: none;
}


div#shenkFooter a:link, div#shenkFooter a:visited {
	text-decoration: none;
	color: #633;
}

div#shenkFooter a:hover {
	color: #600;
}

/*
form input.search {
	width: 143px;
	border: 1px solid #633;
	padding: .25em 10px 0 5px;
	background-color: #fdefe2;
	margin-bottom: 10px;
}

*/


div.search {  
height: 25px;
width: 100%;
padding: 0;
margin: 0;
margin-bottom: 10px;
}

input.search { /*input field */
float: left;
border: 1px solid #633;
margin: 1px 0 0 0;
font-family: tahoma;
font-size: .9em;  
height: 18px;
width: 125px;
padding: 2px 0 0 2px;
color: #633;
}

input.searchButton { /*search icon */
float:left;
border:0;
margin:0;
margin-left: 2px;
padding:0;
height: 25px;
width: 25px;
background: url(/images/shenkSearchImage.jpg) no-repeat top left;
cursor: pointer;
} 




form label.invis {
	font-size: .1em;
	color: #fff;
	}
	
div#contentID {
	float: right;
	font-size: .7em;
	color: #fbd2b6;
}



/******* Graphic and Text Box Styles  *******/

div.graphicLeft {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	border: none;
}


div.imageCenterWrapper {
	display: block;
	clear: both;
	text-align: center;
	margin: 10px;
	border: none;
}

div.imageCenterWrapper div.graphicCenter img {
	padding: 0;
	border: none;
}


div.graphicRight {
	float: right;
	margin: 0 0 10px 10px;
	padding: 0;
	border: none;
}


div.textBoxLeft, div.textBoxRight, div.textBoxCenter {
	padding: 20px;
	color: #66c;
	font-size: 1.1em;
}


div.textBoxLeft {
	float: left;
}

div.textBoxRight {
	float: right;
}

div.textBoxCenter {
	display: block;
	clear: both;
	width: 70%;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}

p.textRight {
	text-align: right;
}

 
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ul#menu {
	padding:0; 
	list-style:none; 
	text-align:center; 
	margin:0 auto; 
	font-size: .7em; 
	font-family: Tahoma, Geneva, sans-serif; 
	height:26px; 
	width: 950px; 
	position:absolute; 
	left:0; 
	background: #633;}
ul#menu ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px;}
ul#menu table {border-collapse:collapse; font-size: 1em; float:left; margin:-1px;}

ul#menu ul li {float:left; margin:0; text-align:left;}
ul#menu ul li a {display:block; margin:0; padding:0 10px; background:transparent; width:150px;}

ul#menu li {display:inline; margin:0 -2px; text-align:left;}
ul#menu li a {display:inline-block; margin: 5px 0 0 0; padding:0 20px 0 0; text-decoration:none; color:#fff;}
ul#menu li a.sub {background: #633;}

html>/**/body ul#menu li {display:inline-block; padding:0;}

* html ul#menu li a.sub {margin-right:3px;}
* html ul#menu li a {margin-bottom:-4px;}

ul#menu li a strong {display:block; height:21px; float:left; padding:0 0 0 20px; cursor:pointer;}

ul#menu li a:hover {position:relative; background-position:right bottom; color:#ff6600;}
ul#menu li a:hover strong {background-position:left bottom;}

ul#menu li:hover {position:relative;}
ul#menu li:hover > a {background-position:right bottom; color:#fff;}
ul#menu li:hover > a strong {background-position:left bottom;}

ul#menu :hover ul {left:1px; width:105px; top:26px;}
* html ul#menu :hover ul {top:21px;}

ul#menu :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
ul#menu :hover ul li a {display:block; float:left; margin:0; height:23px; line-height: 170%; width:150px; background:#FDD4AB; color:#000;}

ul#menu :hover ul li a.fly {background:#FDD4AB;}
ul#menu :hover ul li a:hover {background:#923700; color:#fff;}
ul#menu :hover ul li:hover > a {background:#923700; color:#fff;}

ul#menu :hover ul li a.fly:hover {background:#923700;}
ul#menu :hover ul li:hover > a.fly {background:#923700;}

ul#menu :hover ul ul {left:-9999px;}

ul#menu :hover ul :hover ul {left:105px; top:0; width:150px;}

ul#menu :hover ul :hover ul li {display:block; float:left; margin:0; border-bottom:1px solid #fff;}
ul#menu :hover ul :hover ul li a {display:block; float:left; margin:0; height:23px; line-height:170%; background:#bbb; color:#000;}
ul#menu :hover ul :hover ul li a:hover {color:#fff; background:#840;}


ul#menu ul li a:visted {color: #fff;}

ul#menu ul li a.sub:visted {color: #fff;}


/*********************/
/******* EXTRAS *****/
/*********************/
 
 
 
 div#siteMap {
	margin-left: 20px;
 }


 
 div#siteMap ul li {
 	margin: 1em 0;
 }



 div#siteMap ul ul  {
 	margin-left: 20px;
 }

 div#siteMap ul ul li {
 	margin: .25em 0;
 }

 
 
 
 /**********************************/
 /*** For image gallery ************/
 /**********************************/
 
 
div#showcase {
	width: 430px;
	background-color: #fff;
	border: 1px solid #000;
	padding: 5px 20px 0 0;
	margin: 0;
}

#holder {position:relative; background:transparent url(/images/slideopen.jpg) 20px 0px no-repeat; margin-bottom:5px; margin-top: 0; z-index:1; }
#scrollbox {width:400px; height:75px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; margin-left:20px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left; font-size: 95%;}
a.slidea {background:url(/images/thumb1.jpg);}
a.slideb {background:url(/images/thumb2.jpg);}
a.slidec {background:url(/images/thumb3.jpg);}
a.slided {background:url(/images/thumb4.jpg);}
a.slidee {background:url(/images/thumb5.jpg);}
a.slidef {background:url(/images/thumb6.jpg);}
a.slideg {background:url(/images/thumb7.jpg);}
a.slideh {background:url(/images/thumb8.jpg);}
a.slidei {background:url(/images/thumb9.jpg);}
a.slidej {background:url(/images/thumb10.jpg);}
a.slidek {background:url(/images/thumb11.jpg);}
a.slidel {background:url(/images/thumb12.jpg);}
a.slidem {background:url(/images/thumb13.jpg);}
a.sliden {background:url(/images/thumb14.jpg);}
a.slideo {background:url(/images/thumb15.jpg);}
a.slidep {background:url(/images/thumb16.jpg);}


a.gallery span {display:block; position:absolute; left:20px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size: 95%;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}

a.gallery:hover span {display:block; position:absolute; width:402px; height:280px; top:0; left:20px;  font-style:italic; color:#000; background:#fff; z-index:100; font-size: 95%;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:402px; height:280px; top:0px; left: 20px; font-style:italic; color:#000; background:#fff; z-index:50;}

#thumbs {width:1400px; height:60px;}
#pad {height:290px; width:100px;}




/**************************************/
/*** for register button rollovers ***/


div#twoColumncontentArea a.squarebutton, div#twoColumncontentArea a.squarebutton:active, div#twoColumncontentArea a.squarebutton:visited {
	background-color: #0873bb;
	border-left: 3px solid #ff9900;
	border-bottom: 2px outset #007095;
	border-right: 2px outset #007095;
	padding: .25em .5em;
	color: white;
	text-decoration: none;
}

div#twoColumncontentArea a.squarebutton:hover {

	background-color: #6600cc;
	border-left: 3px solid #ff9900;
	border-bottom: 2px outset #03afc3;
	border-right: 2px outset #03afc3;
	padding: .25em .5em;
	color: #ffcc66;
	text-decoration: none;
}



#threeColumncontentArea hr , #twoColumncontentArea hr, #oneColumnContentArea hr {
	height: 1px;
	border-top: 1px solid #663333;
} 
 
 
 /***********************************/
 /*** for Grand Opening Rollovers ***/
 
 
.grandOpeningEN, .grandOpeningFR
{
  display: block;
  width: 158px;
  height: 95px;

}

.grandOpeningEN
{
  background: url(/images/GO_button_en.jpg) no-repeat 0 0;

}
.grandOpeningFR
{
  background: url(/images/GO_button_fr.jpg) no-repeat 0 0;

}


.grandOpeningEN:hover, .grandOpeningFR:hover
{ 
  background-position: 0 -95px;
}

.grandOpeningEN span, .grandOpeningFR span
{
  display: none;
}
