body{
background-color: #333333;
font-family: arial, "lucida console", sans-serif;
text-align: center;
min-width: 800px;
height:100%;
}

.wrapper{
margin-left: auto;
margin-right: auto;
text-align: left;
overflow: hidden;
}

.leftcol {
background-color: #292929; 
color: white; 
position: absolute; 
left: 0px; 
top: 0px; 
bottom: 0px;
width: -200px; 
padding: 0px; 
border: black 0px solid;
text-align: center;
}

.himagebox{
z-index: 2; 
position: absolute;
width: 500px; 
height: 300px; 
margin-top: 150px; /* half of the height */
margin-left: 100px;
}

.hcaptionbox{
z-index: 2; 
position: absolute; 
top: 50%;
width: 400px; 
height: 50px; 
margin-top: 50px;  
margin-left: 150px;
background-color: black; 
border: white 1px solid;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
text-align:left;
color: white;
}


.imagebox{
z-index: 2; 
position: absolute;
width: 500px; 
height: 500px; 
margin-top: 100px; 
margin-left: 100px;
}


.captionbox{
z-index: 20; 
position: absolute; 
top: 50%;
width: 250px; 
height: 80px; 
margin-top: 110px;  
margin-left: 225px;
background-color: black; 
border: white 1px solid;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
text-align:left;
color: white;
}

.instructions{
z-index: 20; 
position: absolute; 
top: 50%;
left: 50%;
width: 400px; 
height: 400px; 
margin-top: -200px;  
margin-left: -250px;
background-color: black; 
border: white 1px solid;
padding:5px;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
text-align:left;
color: white;
font-size: 85%;
}

.bottomright{
z-index: 21; 
position: relative; 
bottom: 5px;
right: 5px; 
height: 20px; 
text-align:right;
color: white;
font-size:80%
}
.right{
position: relative; 
bottom: 2px;
right: 2px; 
text-align:right;
}

.mainimg{
    display: block;
    margin-left: auto;
    margin-right: auto;
	border: white 1px solid;
}



.thumbcol{
z-index: 1; 
position: absolute; 
right: 75px; 
bottom: 0px; 
top:0px;
background-color: #111111; 
width: 125px;
min-height: 100%;
padding: 0px; 
color: white; 
}

.thumb{
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
	border: white 1px solid;
}

.thumb_s{
    display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 10px;
	border: orange 1px solid;
}

.indicatorcol{
z-index: 2; 
position: absolute; 
right: 60px; 
bottom: 0px; 
top:0px;
background-color: #888888; 
height: 350px;
width: 20px; 
padding: 0px; 
color: white; 
border-right:#aaaaaa 1px solid;
border-bottom:#aaaaaa 1px solid;
text-align:center;
}

.indicator{
width: 14px;
height: 14px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
border: white 1px solid;
color: white;
font-size: 90%;
}

.indicator_sel{
width: 14px;
height: 14px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
border: orange 1px solid;
color: orange;
font-size: 90%;
}

.rightcol{
z-index: 1; 
position: absolute; 
right: 0px; 
bottom: 0px; 
top:0px;
background-color: #666666; 
width: 75px; 
min-height: 100%;
padding: 0px; 
color: white; 
border: 1px black;
text-align:right;
vertical-align:bottom;
}

.heighter{
position:relative;
display: table-cell;
height:100%;	
}

.navbox{
z-index: 3; 
position: absolute; 
right: 0px; 
bottom:0px;
background-color: #444444; 
width: 200px;
height: 60px;
padding: 0px; 
color: white; 
border: white 1px solid;
text-align:center;
font-size: 90%;
}

.slideshow{
z-index: 3; 
position: absolute; 
right: 0px; 
bottom:61px;
background-color: #222222; 
width: 200px;
height: 30px;
padding: 0px; 
color: white; 
border: white 1px solid;
text-align:center;
font-size: 90%;
}

.titlebox{
z-index: 3; 
position: absolute; 
right:250px;
top: 7px;
width: 400px;
height: 30px;
padding: 3px; 
color: white; 
border: white 0px solid;
text-align: right;
font-size: 120%;
font-variant: small-caps;
letter-spacing: 3px;
color: white;
}

.eighty{
font-size: 80%;	
}

.menubox{
z-index: 3; 
position: absolute; 
right: 310px; 
top : 200px;
background-color: #555555; 
width: 100px;
height: 200px;
padding: 0px; 
color: white; 
border: white 1px solid;
}

.menuitems{
z-index: 1; 
display: block;
width: 98px;
margin-left: 1px;
margin-top: 3px;
margin-bottom: 1px;
margin-right:1px;
padding:0px;
border: white 0px solid;
color: white;
font-size:80%;
}

.selectedmenu{
z-index: 3;
display: block;
width: 99px;
margin-left: 1px;
margin-top: 3px;
margin-bottom: 1px;
margin-right:1px;
padding:0px;
border-top: white 1px solid;
border-bottom: white 1px solid;
border-left: white 1px solid;
color: black;
background-color: #777777;
font-size:80%;
}

.submenu{
z-index: 2; 
position: absolute; 
right: 212px; 
top : 200px;
background-color: #777777; 
width: 100px;
height: 200px;
padding: 0px; 
color: white; 
border-top: white 1px solid;
border-right: white 1px solid;
border-bottom: white 1px solid;
border-left: white 1px solid;
}

.subitems{
display: block;
width: 90px;
margin-left: 1px;
margin-top: 3px;
margin-bottom: 1px;
margin-right:1px;
padding-left:3px;
padding-top:0;
padding-bottom:0;
border: white 0px solid;
color: black;
font-size:90%;
}

a:link {color: darkorange;}
a:visited {color: darkorange;}
a:active {color: blue;}
a:hover {background-color: grey;}
a {text-decoration: none;}

a.menu:link {color: white; width:100%}
a.menu:visited {color: #555555;}
a.menu:active {color: blue;background-color: darkgrey;}
a.menu:hover {background-color: darkgrey;}
a.menu {text-decoration: none;width:100%}

:link img {
  /*border: none;*/
}

a.plain {
text-decoration: none;
color: none;
background-color: none;
border-collapse: collapse;
border: 0;
margin: 0;
}

.hiddenbox{
display: none;
}