body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5D3A1E;
}
body {
	margin-top: 0px;
	     background-color: #fdf1ac;
}
.header {
	font-size: 16px;
	font-weight: bold;
	color: #5D3A1E;
}
.header2 {
	font-size: 16px;
	font-weight: bold;
	color: #5D3A1E;
}
a { 
	font-weight: bold; 
	color: #5e3c21; 
	text-decoration:underline; 
}

a:hover, a:active { 
	color: #5e3c21;  
	text-decoration:NONE;
}
.address {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}
.footer {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}
.KOHD{
font-size: 10px;
	color: #444444;
	font-weight: bold;
}

.KOHD a {
	font-size: 10px;
	color: #444444;
	font-weight: bold;
}
.MENU {
	background-image: url(ASSETS/TEXTBG.jpg);
	color: #FFFFFF; 
	font-size: 11px; 
	font-weight: bold;
	left: 20px;
}

.MAIN {
	background-image: url(ASSETS/BG3.jpg);]
	background-repeat: no-repeat;
     background-color: #fdf1ac;
	 }
.seperator {
    margin-left: 20px;	 
    margin-right: 20px;	
	}

@-moz-document url-prefix() {
    #leftBottom { bottom: 74px; }
}


/*this is the css for the horizontal version*/
.horizontal ul{
    border: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align:left;
}

.horizontal ul li{
	float: left;
	position: relative;
    margin-top: 5px;
	height: 20px;
	display: block;
	text-align:left;
	background-image: url(ASSETS/menubgdown.jpg);
	cursor:pointer;
}

.horizontal ul li a{
	text-decoration: none;
	font-weight:bold;
	height: 20px;
	overflow: hidden;
	border: none;
	font-family: arial;
	color: white;
    font-size: 1em;
}

.horizontal li li{
	float: none;
	margin-bottom: -1px;
    margin-top: 0px;
		
}

.horizontal li li.last{
	border-bottom: none;
}

.horizontal ul li ul{
	position: absolute;
	top: 20px;
	left: -1px;
	margin-top: -1px;
    width: 190px;
	margin-left: -5px;
}

*:first-child+html .horizontal ul li ul{
       top: 20px;
	   margin-top: -3px;
}

* html .horizontal ul li ul{
       top: 20px;
	   margin-top: -3px;
}

.horizontal ul ul ul{
	width: 160px;
	top: -1px;
	left: 128px;
	margin-top: 0;
	margin-left: 3px;
}

.horizontal.left ul ul ul,.horizontal .left ul ul{
	top: -1px;
	left: -128px;
}

.horizontal ul li li a{
	border: 0px solid;
	border-top: none;
    display: block;
	height: 20px;
	
}

.horizontal ul li:first-child>a{
	border-left: 0px solid;
}

.horizontal ul li a.first{
	border-left: 0px solid;
	
}

.horizontal ul li li a.first{
	border-top: 0px solid;
}

.horizontal ul li li:first-child>a{
	border-top: 0px solid;
}

div.horizontal ul li.pixelfix ul{
	left: 0;
}

div.horizontal ul li.pixelfix ul ul{
	left: 128px;
}


.mlmenu li ul{
	display: none;
	padding-left: 3px;
}

.mlmenu li:hover>ul{
	display: block;
	height: 20px;
	padding-left: 3px;
}

.accessible li ul{
	display: block;
}

.mlmenu.plus li a:first-child:not(:last-child):after{
	content: '+';
}

.plus a span{
	padding-left: .5em;
}

.noshow{
	visibility: hidden;
}

.blackwhite li a{
	
	color: black;
	border: none;
	padding-left: 6px;
}

.blackwhite li a:hover,.blackwhite li a.first:hover,.blackwhite .trail a.hover{
	
	color: #ead49e;
	border-color: black;
}

.blackwhite li:first-child>a:hover{
	
	color: #ead49e;
	border-color: white;
}

/* =1: [TABS FOR STORIES] --------------------- */

#tab_container{
	postion: relative;
	width: 480px;
	max-height:400px;
	overflow-y:auto;
        clear: both;
        display: block;
margin-top: 5px;
	scrollbar-base-color: #5f4520;
	scrollbar-track-color: #5f4520;
	scrollbar-face-color: #fdf1ac;
	scrollbar-highlight-color: #5f4520;
	scrollbar-3dlight-color: #5f4520;
	scrollbar-darkshadow-color: #5f4520;
	scrollbar-shadow-color: #5f4520;
	scrollbar-arrow-color: #5f4520;
}

#story1_div{
	width: 460px;
}
#story2_div{
	display: none;
	width: 460px;
}
#story3_div{
	display: none;
	width: 460px;
}
#story4_div{
	display: none;
	width: 460px;
}
#story5_div{
	display: none;
	width: 460px;
}
#story6_div{
	display: none;
	width: 460px;
}
#story7_div{
	display: none;
	width: 460px;
}

#story8_div{
	display: none;
	width: 460px;
}

#story9_div{
	display: none;
	width: 460px;
}

#story10_div{
	display: none;
	width: 460px;
}
.tab_holder{
	margin-top: -2px;
	width: 470px;
        display: block;
}

.tab_row{
	height: 40px;
	display: block;
       margin-bottom: 20px;
}

.tab_row img{
	margin-right: 2px;
}

a#story1 {
	background-image: url('ASSETS/story1.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
	text-decoration: none;
        cursor: pointer;
}

a#story1:hover {
	background-image: url('ASSETS/story1hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story1.active {
	background-image: url('ASSETS/story1hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story2 {
	background-image: url('ASSETS/story2.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
	text-decoration: none;
        cursor: pointer;
}

a#story2:hover {
	background-image: url('ASSETS/story2hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story2.active {
	background-image: url('ASSETS/story2hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story3 {
	background-image: url('ASSETS/story3.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
	text-decoration: none;
        cursor: pointer;
}

a#story3:hover {
	background-image: url('ASSETS/story3hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story3.active {
	background-image: url('ASSETS/story3hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story4 {
	background-image: url('ASSETS/story4.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
	text-decoration: none;
        cursor: pointer;
}

a#story4:hover {
	background-image: url('ASSETS/story4hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story4.active {
	background-image: url('ASSETS/story4hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}
a#story5 {
	background-image: url('ASSETS/story5.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
	text-decoration: none;
        cursor: pointer;
}

a#story5:hover {
	background-image: url('ASSETS/story5hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story5.active {
	background-image: url('ASSETS/story5hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}
a#story6 {
	background-image: url('ASSETS/story6.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
	text-decoration: none;
        cursor: pointer;
}

a#story6:hover {
	background-image: url('ASSETS/story6hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story6.active {
	background-image: url('ASSETS/story6hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story7 {
	background-image: url('ASSETS/story7.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
	text-decoration: none;
        cursor: pointer;
}

a#story7:hover {
	background-image: url('ASSETS/story7hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story7.active {
	background-image: url('ASSETS/story7hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story8 {
	background-image: url('ASSETS/story8.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
	text-decoration: none;
        cursor: pointer;
}

a#story8:hover {
	background-image: url('ASSETS/story8hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story8.active {
	background-image: url('ASSETS/story8hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story9 {
	background-image: url('ASSETS/story9.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
	text-decoration: none;
        cursor: pointer;
}

a#story9:hover {
	background-image: url('ASSETS/story9hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story9.active {
	background-image: url('ASSETS/story9hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story10 {
	background-image: url('ASSETS/story10.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
	text-decoration: none;
        cursor: pointer;
}

a#story10:hover {
	background-image: url('ASSETS/story10hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

a#story10.active {
	background-image: url('ASSETS/story10hi.jpg');
	display: block;	float: left;	
	width: 63px;
	height: 21px;
        cursor: pointer;
}

.padded_images {
	padding:10px;
}

#study1{
	display:none;
}
#study2{
	display:none;
}
#study3{
	display:none;
}
#study4{
	display:none;
}

#study5{
	display:none;
}

#study6{
	display:none;
}

#study7{
	display:none;
}

#study8{
	display:none;
}

#study9{
	display:none;
}

#study10{
	display:none;
}a#karaoke {
	background-image: url(ASSETS/karaoke08.jpg);
	display: block;
	float: left;
	width: 222px;
	height: 21px;
	text-decoration: none;
	cursor: pointer;
}


a#karaoke:hover {
	background-image: url(ASSETS/karaoke08_over.jpg);
	display: block;
	float: left;
	width: 222px;
	height: 21px;
	text-decoration: none;
	cursor: pointer;
}
a#psychic {
	background-image: url(ASSETS/psychic.jpg);
	display: block;
	float: left;
	width: 138px;
	height: 21px;
	text-decoration: none;
	cursor: pointer;
}
a#psychic:hover {
	background-image: url(ASSETS/psychic_over.jpg);
	display: block;
	float: left;
	width: 138px;
	height: 21px;
	text-decoration: none;
	cursor: pointer;
}
a#jail {
	background-image: url(ASSETS/jail_or_bail.jpg);
	display: block;
	float: left;
	width: 112px;
	height: 21px;
	text-decoration: none;
	cursor: pointer;
}
a#jail:hover {
	background-image: url(ASSETS/jail_or_bail_over.jpg);
	display: block;
	float: left;
	width: 112px;
	height: 21px;
	text-decoration: none;
	cursor: pointer;
}
#tab_container2{
	postion: relative;
	width: 450px;
	max-height:400px;
	overflow-y:auto;
        clear: both;
        display: block;
margin-top: 5px;
	scrollbar-base-color: #5f4520;
	scrollbar-track-color: #5f4520;
	scrollbar-face-color: #fdf1ac;
	scrollbar-highlight-color: #5f4520;
	scrollbar-3dlight-color: #5f4520;
	scrollbar-darkshadow-color: #5f4520;
	scrollbar-shadow-color: #5f4520;
	scrollbar-arrow-color: #5f4520;
}
.tab_row_2{
	width: 350px;
	height: 50px;
	display: block;
	float: left;
       margin-bottom: 20px;
}

a#martin {
	background-image: url(ASSETS/martin.jpg);
	display: block;
	width: 120px;
	height: 21px;
	text-decoration: none;
	
	cursor: pointer;
}
a#martin:hover {
background-image: url(ASSETS/martin_over.jpg);
	display: block;
	float: left;
	width: 120px;
	height: 21px;
	text-decoration: none;
	cursor: pointer;
}