body {background-color: #333333;}
p {	font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 12px;}
h1 {font-family: Arial, Helvetica, sans-serif; color: #ffff00; font-size: 20px; font-weight: bold;}
h2 {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 18px; font-weight: bold;}
h3 {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 14px; font-weight: bold;}
h5 {margin: 1em; font-family: Arial, Helvetica, sans-serif; color: #ffff00; font-size: 16px; font-weight: bold;}

a:link {color: #ffff00; text-decoration: none;}
a:visited {color: #ffff00; text-decoration: none;}
a:hover {color: #ffff00; text-decoration: underline;}

img {border: 0px}
.imgLink {border: 2px solid #ffff00;}
hr {margin-top: 1em; margin-bottom: 1em; text-align: center;}
.page {background-color: #333333; width: 940px; margin-left: auto; margin-right: auto; padding-top: 5px;}
.main {margin: 3%;}
.main p {padding-left: 1em; padding-right: 1em; line-height: 140%;}
.zoom {margin: 3%;}
.rightpanel {float: right; width: 140px; margin-top: 50px; margin-right: 20px; background-color: #333333; font-size: 70%; color: #ffff00; font-weight: bold; text-align: center;}
.videopanel {float: left; margin-bottom: 20px; width: 900px; color: #ffffff; background-color: #333333;}
.vidpreview {float: left; text-align: center; font-size: 70%;  font-weight: bold; width: 200px; height: 150px; margin: 10px;}
.videogallery {margin-top: 20px; margin-bottom: 20px; width: 500px; color: #ffffff; background-color: #333333;}
.vidthumb { text-align: center; font-size: 70%; width: 500px; height: 300px; margin-bottom: 10px;}
#vidtitle {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 16px; font-weight: bold; margin-top: 1em; margin-bottom: 2em;}
#view {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 10px; font-weight: bold; margin-top: 1em; margin-bottom: 8em;}
.bottompanel { margin-bottom: 20px; width: 600px; color: #ffff00; background-color: #333333;}
.preview {float: left; text-align: center; font-size: 70%;  font-weight: bold; margin: 10px;}
.header {background-color: #444444; width: 940px; height: 90px; margin-top: 10px; }
.spacer {background-color: #333333; width: 940px; height: 10px; }
#headerText {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 60px; font-weight: bold; text-align: left; padding-left: 1em;}
.nav {text-align: center; width: 940px; height: 22px; background-color: #009933; margin-bottom: 5px;}
.nav2 {text-align: center; width: 940px; height: 22px; background-color: #009933; border-top: 1px solid #006633;}
.nav-links {font-family: Arial, Helvetica, sans-serif; color: #ffff00; font-size: 14px; font-weight: bold; font-variant: small-caps; padding: 0.8em;}
.navBak {background-color: #3b8d38;}
.navindex {text-align: center; width: 800px; height: 18px; margin-top: 5px;} 
.navindex-links {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 14px; font-weight: bold; font-variant: small-caps; padding-left: 3em; padding-right: 3em;}
.navindex a:link {color: #ffffff; text-decoration: none;}
.navindex a:visited {color: #ffffff; text-decoration: none;}
.navindex a:hover {color: #ffff00; text-decoration: underline;}



.footer {background-color: #999999; width: 940px; height: 5px; clear: both; margin-top: 2em;}
#footerText {font-size: 12px; font-weight: bold; color: #ffffff; text-align: left; margin-left: 1em; margin-bottom: 4em; padding: 7px; }

.photoBox {width: 600px; text-align: center; margin: 2em;}
.infoBox {margin-top: 3%; margin-left: 6em; height: 200px; }
#yellow {color: #ffff00;}
#green {color: #00cc33;;}
#gray {color: #777777;}
#user {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; font-weight: normal;}
.clear {clear: both;}