table.tableBox {
  position: absolute;
  z-index: 6;
  border-collapse: collapse;
  font-size: 12px;
  line-height: 1.2em;
  //background-color: #e1d8a8;
  color: #666;
}


table.tableBox td {
	text-align: left;
}

table.tableBox td.topLeftBox { 
	background-image: url(/Icons/bubble-1.png);
	background-repeat: no-repeat;
	height: 15px;
  width: 19px;
}
table.tableBox td.topRightBox { 
	background-image: url(/Icons/bubble-3.png);
	background-repeat: no-repeat;
	height: 15px;
  width: 19px;  
}
table.tableBox td.bottomLeftBox { 
	background-image: url(/Icons/bubble-6.png);
	background-repeat: no-repeat;
	height: 15px;
  width: 19px;  
}
table.tableBox td.bottomRightBox { 
	background-image: url(/Icons/bubble-8.png); 
	background-repeat: no-repeat;
	height: 15px;
  width: 19px; 
}
table.tableBox td.topBox { background-image: url(/Icons/bubble-2.png); }
table.tableBox td.leftBox { background-image: url(/Icons/bubble-4.png); }
table.tableBox td.rightBox { background-image: url(/Icons/bubble-5.png); background-repeat: repeat-y;}
table.tableBox td.bottomBox { background-image: url(/Icons/bubble-7.png); text-align: center; }
table.tableBox td.bottomBox img { display: block; margin: 0 auto; }
table.tableBox td.middleBox { background-color: #353105; }


table.tableBox td h1 {
	font-size: 13pt;
	font-weight: bold;
	color: #bd981a;
	margin: 10px 5px;
}

table.tableBox td img { 
	float: right; 
	margin: 10px;
}

table.tableBox td p { 
	text-align: left; 
	//margin: 10px;
}


.item {
	display: inline-block;
	//position: relative;
	width: 150px;
	height: 90px;
	background-color: #29250c;
	text-align: center;
	margin: 0;
	padding-top: 5px;
	//background: url('/Icons/navigation.png');		
	border-right: 5px #bd981a solid;
	color: #ffffcc;
}

.item a {
	color: #ffffcc;
}

.item a:hover {
	color: #ffffcc;
	font-style: italic;
}

.item span {
	color: #ffffcc;
	font-style: italic;
}

#theMenu {
	//position:absolute;
	top:500px;
	left:0px;
	padding:0;
	height: 120px;
	background-image: url('/Icons/pellicule.png');	
	background-repeat: repeat-x;	
	background-color: #29250c;
}

div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	padding-top: 11px;
	padding-bottom: 11px;
	height: 98px;
	width: 100%;
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 98px;
	/* max width here, for users without javascript */	
	width: 3000px;	
	//padding: 0px 0 0 0px; 
	/* removing default styling */
	margin: 0;
	list-style: none;
}
.sc_menu li {
	display: block;
	width: 110px;
	height: 88px;
	float: left;	
	padding: 5px;
	border-right: 10px #060501 solid;
	//border-left: 1px #bd981a solid;
}

.sc_menu li:hover {
	cursor: pointer;
}

.sc_menu a {
	width: 100%;
	text-align: center;
	display: block;
	text-decoration: none;
	font-size: 12px;
	color: #ffffcc;
}

.sc_menu a:hover {
	display: block;
	text-align: center;
	//color: black;
}

.sc_menu li:hover {
	background-color: #bd981a;
}

.sc_menu img {
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}

.article { width: 400px; height: 300px; z-index:6; }
.article div { /*overflow: auto;*/ width: 350px; height: 260px; }
.article img { float: right; }
.article p { text-align:justify; color: #ffffcc; }
.article a { color:#BD981A; }
.article a:hover { color:#BD981A; text-decoration:underline;}

div#close {
	position: absolute;
	top: -5px;
	margin-right: -35px;
	width: 25px;
	height: 25px;
	background-image: url(/Icons/buttonClose.png);
	z-index:4;
}

div#close:hover {
	cursor: pointer;
	background-image: url(/Icons/buttonCloseHover.png);
}

.scroll-pane {
	width:100%;
	height:100%;
}