@charset "UTF-8";
/* CSS Document */

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(../_images/background.jpg);
background-repeat: repeat-x;
background-position: top;
background-color: #003500;
color: #333;
}

#main{
width: 1000px;
height: 900px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-image: url(../_images/mainback.jpg);
background-repeat: no-repeat;
background-position: top;
}

#mainB{
width: 1000px;
height: 900px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-image: url(../_images/subback.jpg);
background-repeat: no-repeat;
background-position: top;
}

#mainC{
width: 1000px;
height: 1070px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-image: url(../_images/longback1.jpg);
background-repeat: no-repeat;
background-position: top;
}

#mainD{
width: 1000px;
height: 1365px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-image: url(../_images/longback2.jpg);
background-repeat: no-repeat;
background-position: top;
}

#structure{
padding-top: 16px;
text-align: center;
}

#head{
text-align: right;
vertical-align: top;
}

#nav{
padding: 0 0 0 70px;
}

#stage{
padding: 40px 122px 0 275px;
vertical-align: top;
}

#substage{
padding: 40px 122px 0 122px;
vertical-align: top;
}

#show{
text-align: left;
height: 400px;
font-size: 12px;
}

#showB{
text-align: left;
height: 375px;
font-size: 12px;
margin-bottom: 25px;
padding-right: 10px;
}

#showC{
text-align: left;
height: 565px;
font-size: 12px;
margin-bottom: 25px;
padding-right: 10px;
}

#showD{
text-align: left;
height: 835px;
font-size: 12px;
margin-bottom: 25px;
padding-right: 10px;
}

#showP{
font-size: 12px;
text-align: center;
height: 415px;
}

#showSLO{
text-align: left;
height: 400px;
font-size: 12px;
}

#award{
margin: -10px auto 10px auto;
text-align: center;
}

#awardB{
margin: -10px auto 30px auto;
text-align: center;
}

#awardC{
margin: -10px auto 15px auto;
text-align: center;
}

.ptop{
margin: 0px 0px 0px 0;
}

#photos{
text-align: center;
}

#cell{
width: 186px;
padding: 20px 0;
text-align: center;
vertical-align: middle;
}

#addy{
font-size: 10px;
}

#staff{
font-size: 10px;
}

.title{
text-transform: uppercase;
font-weight: bold;
color: #06402d;
line-height: 16px;
}

.tophead{
margin-top: 0px;
color: #06402d;
}

.shift{
font-weight: bold;
color: #06402d;
}

.ital{
font-style: italic;
}

.collage{
padding-top: 50px;
}

.collageB{
padding-top: 15px;
}

#sloLINK{
line-height: 12pt;
}

#sloLINK a:link{
text-decoration: none;
color: #5ab400;
font-weight: bold;
}

#sloLINK a:visited{
text-decoration: none;
color: #5ab400;
font-weight: bold;
}

#sloLINK a:hover{
text-decoration: none;
color: #d23a13;
font-weight: bold;
}

#footer{
font-size: 9px;
text-align: left;
padding: 8px 0 0 115px;
color: #bbbaa1;
}

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

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

#footer a:hover{
text-decoration: none;
color: #5ab400;
}


/* ------------ SPECIAL ------------ */

.topheadAWARD{
font-size: 14px;
margin-top: 0px;
color: #06402d;
text-align: center;
margin: auto;
}

#achcalogo{
float: left;
margin: 0 20px 10px 0;
}

#seanaward{
text-align: center;
margin: auto;
}



<!-- JAVA NAV -->

#sddm{
margin: 0;
padding: 0;
z-index: 30;
}

#sddm li{
margin: 0;
padding: 0;
list-style: none;
float: left;
font: 11px verdana;
}

#sddm li a{
display: block;
margin: 0 0 0 0;
padding: 0 0px 0 0px;
width: auto;
color: #06402d;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
text-decoration: none;
}

#sddm li a:hover{
color: #d23a13;
}

#sddm div{
position: absolute;
visibility: hidden;
margin: 0;
padding: 5px;
background: #fdfceb;
border-bottom: solid 1px #c8d06d; 
}

#sddm div a{
position: relative;
display: block;
margin: 0;
padding: 5px;
width: auto;
white-space: nowrap;
text-align: left;
text-decoration: none;
color: #06402d;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sddm div a:hover{
color: #d23a13;
}


<!-- THUMBNAIL HOVER -->

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 30%;
left: 41%; /*position where enlarged image should offset horizontally */
}