body {
background-image: url(../images/backgrounds/starrtlogo.gif);
background-color: #7C5623;
}

.navbar {
background-color: #BAC6A1;
border-top: groove gray 2px;
border-left: groove gray 2px;
margin: 0px 0px 0px -2px;
padding: 10px 20px 30px 20px;
font-family: sans-serif;
float: left;
width: 197px;
color: black; 
z-index: 10;                 
}

.fakecolumn {
background-color: #BAC6A1; 
margin-left: 20px;
border-left: groove gray 2px;
z-index: 0;
}

h1 {
color: #FF6C00;
}

.invisible { color: #BAC6A1; }

.navbar a:hover { text-decoration: underline; }
.navbar a:active { color: black; }
.navbar a { 
color: black;
text-decoration: none;
}

.main {
background-color: #C9E299; 
color: black;
margin: 0px 0px 0px 237px;
border-top: groove gray 2px;
border-left: groove gray 2px;
border-right: groove gray 2px;
padding: 20px 20px 30px 20px;
font-family: veranda, sans-serif;
}

.main h1 { color: black; }

.head-foot {
background-color: #BAC6A1;
margin: 20px 0px -2px -2px;
border: groove gray 2px;
color: black;
font-family: cursive;
}

.main-email-link {
color: blue;
}

#foot { margin-top: 0px; border-bottom: groove gray 2px; clear: left; }

.navbar ul { list-style-type: none; }

.breadcrumb { font-weight: bold; }

.submain {
border: dashed 1px grey;
margin: 20px 5px 20px 5px;
background-color: #DDB000;
color: black;
padding: 10px;
}

#imagedisplay {
background-color:  #C9E299;
border: solid black 1px;
padding: 25px;
position: fixed;
top: 100px;
left: 200px;
font-family: veranda, sans-serif;
z-index: 15;
width: 400px;
visibility: hidden;
}

#closebox
{
position: absolute;
top: 10px;
left: 10px;
}

#cover {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.7;
filter:alpha(opacity=70);
z-index: 10;
visibility: hidden;
}
#testimg {
position: fixed;
left: -180px;
top: 300px;
}
.visibletable td
{
border: dashed 1px grey;
border-collapse: true;
margin: 20px 5px 20px 5px;
background-color: #DDB000;
color: black;
padding: 20px;
} 
.visibletable
{
border-collapse: collapse;
}

.videolink
{
color: black;
font-weight: bold;
text-decoration: none;
}
.videolink a:hover { text-decoration: underline; }

#videocover {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: black;
opacity: 0.7;
filter:alpha(opacity=70);
z-index: 10;
visibility: hidden;
}

#videodisplay {
background-color:  #C9E299;
border: solid black 1px;
padding: 25px;
position: fixed;
top: 10px;
left: 200px;
font-family: veranda, sans-serif;
z-index: 15;
visibility: hidden;
}