body {
padding: 0px;
border: none;
background-color: white;
margin: 1cm;
margin-bottom: 0cm;
}

#page {
position: relative;
padding: 1px;
margin: 0em;
}

/**********************************HEADER**************************************/

#header {
margin: 0em;
padding: 0em;
text-align: left;
}

#banner {
background: #67653b url("../images/hctitle.jpg") no-repeat left center;
position: relative;
font: 24pt "Apple Chancery", cursive;
height: 1.5em;
padding: 0em;
padding-left: 0.5em;
margin-top: 3em;
margin-left: 1em;
z-index: 10;
}

/*----------------------------------MENU--------------------------------------*/
.current a{
background: url("../images/active.gif") no-repeat left center;
}

#menu {
padding: 0em;
margin: 0em;
font-weight: bold;
width: 7em;
}

#menu li{
height: 2em;
display: block;
text-align: left;
}

#menu li li{
display: block;
float: none;
position: static;
text-align: left;
width: 100%;
}

#navbar {
background: #c2c1b0 url("../images/hc.jpg") no-repeat center 0.625em;
position: absolute;
color: black;
height: 25em;
padding-top: 11em;
top: 0em;
margin-top: 0em;
}

#menu a{
padding-left: 0.625em;
display: block;
color: black;
text-decoration: none;
}

#menu a:hover{
background-color: gray;
}

.popup {
background-color: #c2c1b0;
border: thin solid #67653b;
display: none;
padding-left: 0em;
position: absolute;
z-index: 100;
left: 7em;
top: 0em;
width: 200%;
}

#menu .popup li {
display: block;
float: none;
list-style-image: none;
}

/**********************************SIDEBAR*************************************/
#mediasample {
position: absolute;
width: 12.5em;
height: 5em;
top: 0.4em;
left: 7.4em;
border: 1px solid #303030;
background-color: #b0b0b0;
padding: 2px;
}

#mediasample *{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
border: none;
text-align: center;
}


/************************************MAIN**************************************/
#content {
text-align: left;
width: 40em;
margin: 1.35em auto;
padding: 0em 9.4em;
clear: none;
min-height: 24.15em;
}

* html #content {
height: 23.15em;
}

#content h1,h2,h4,h5,h6 {
color: maroon;
}

#content h3 {
color: tan;
}

img {
border: 1px solid #303030;
background-color: #b0b0b0;
padding: 2px;
margin-top: 1em;
}

#page .movieview {
text-align: center;
width: 640px;
}

.plugin {
height: 496px;
width: 640px;
}

.vtthumbnail {
text-align: center;
float: left;
margin: 10px 0px;
padding: 10px;
}

.vtthumbnail img {
width: 268px;
height: 201px;
border: none;
margin: 0px;
text-decoration: none;
}

.vtthumbnail img.small {
width: 160px;
height: 120px;
border: none;
margin: 0px;
text-decoration: none;
}

.vtthumbnail a{
text-decoration: none;
}
/************************************FORMS*************************************/
form {
width: 20em;
}
input.right {
float: right;
}
/***********************************FOOTER*************************************/
#footer {
background: url('../images/footerblock.gif') no-repeat right top;
clear: both;
font-size: x-small;
text-align: right;
width: 64em;
margin: auto;
padding: 1px 15em;
position: relative;
top: -20px;
z-index: 10;
}

#spacer {
width: 100%;
margin-top: 8px;
border-top: 2px solid #67653B;
padding-top: 10px;
}

#footer a {
text-decoration: none;
color: black;
}