body
{
width: 985px;
position: relative;
background-color: #ffffff;
margin: 0; padding: 0;
font-family:  Verdana, Tahoma, sans-serif;
margin-bottom: 1.5%;
margin-top: 1.5%;
margin-right: auto;
margin-left: auto; 

z-index: 1;
}

#hidden 
{
color: #ffffff;
background-color: #ffffff;
font-size: 1pt;
text-decoration: none;
}


.main 
{
position: relative;
width: 98%; 
margin: 2%; 
text-align: left;
z-index: 10;
} 


.shadowcontainer
{	
width: 98%; /* container width*/
background-color: #000000;
filter: alpha(opacity=25);
z-index: 20;
}  


.shadowcontainer .innerdiv
{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 2%;
position: relative;
left: -12px; /*shadow depth*/
top: -12px; /*shadow depth*/
overflow: visible;
height: 100%;
z-index: 30;
}


.masthead    
{
width: 99%; /* container width*/
height: 10%;
overflow: visible;
position: static;
text-align: center;
}


#masthead2
{

}


.content
{
position: static;
margin-top: 0%;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
float: left;
display: inline;
overflow: hidden;
height: 100%;
width: 74%;
}


.video
{
width: 70%;
margin-left: auto;
margin-right: auto;
text-align: center;
}


.photo
{
Width: 375px;
float: right;
padding: 2%;
}

.photoleft
{
Width: 375px;
float: left;
padding: 2%;
}

.photo250
{
Width: 255px;
float: left;
padding: 2%;
}

.pub
{
Width: 100%;
float: left;
padding: 2%;
}

.nav
{
position: static; 
float: left;
margin-top: 0%;
width: 22%;
min-width: 175px;
height: 100%;
background: #a7aaaf;
padding: .10em;

overflow: hidden;
font-weight: 300;
}


.navskip
{
background: #ffffff;
border:1px solid #a7aaaf;
text-align: center;
padding: .65em;
margin: 0%;
line-height: 150%;
}

.navhome
{
background: #a7aaaf;
border:1px solid #c0c0c0;
text-align: center;
padding: .65em;
margin: 0%;
line-height: 150%;
}



.navguide
{
background: #F6B695;
border:1px solid #c0c0c0;
text-align: center;
padding: .65em;
margin: 0%;
line-height: 150%;
}

.navinfo
{
background: #B5D991;
border:1px solid #c0c0c0;
text-align: center;
padding: .65em;
margin: 0%;
line-height: 150%;
}

.navorg
{
background: #FFB867;
border:1px solid #c0c0c0;
text-align: center;
padding: .65em;
margin:0%;
line-height: 150%;
}

.navsee
{
background: #CC8ECE;
border:1px solid #c0c0c0;
text-align: center;
padding: .65em;
margin: 0%;
line-height: 150%;

}

.navemp
{
background: #FFFFBA;
border:1px solid #c0c0c0;
text-align: center;
padding: .65em;
margin:0%;
line-height: 150%;
}

.navstud
{
background: #CEAC87;
border:1px solid #c0c0c0;
text-align: center;
padding: .65em;
margin: 0%;
line-height: 150%;
}

.navind
{
background: #97B0B2;
border:1px solid #c0c0c0;
text-align: center;
padding: .65em;
margin:0%;
line-height: 150%;

}


.contact

{
background: #ffffff;
height: 100%;
border:1px solid #a7aaaf;
text-align: left;
padding: 1em;
margin: 1%;
line-height: 175%;
font-size: smaller;
color: black;
}



content.footer
{
position: absolute;
left: 0px;
bottom: -10%;
margin: 0;
clear: both;
font-size: smaller;
color: #000000;
line-height: 150%;
text-align: center;
overflow: hidden;
}



#green
{
border-style:solid;
border-width:medium;
border-color:#B5D991;
}

#orange
{
border-style:solid;
border-width:medium;
border-color:#FFB867;
}

#yellow
{
border-style:solid;
border-width:medium;
border-color:#FFFFBA;
}

#brown
{
border-style:solid;
border-width:medium;
border-color:#CEAC87;
}

#blue
{
border-style:solid;
border-width:medium;
border-color:#97B0B2;
}

#peach
{
border-style:solid;
border-width:medium;
border-color:#F6B695;
margin-top: 0%;
padding-top:-1em;

}


#purple
{
border-style:solid;
border-width:medium;
border-color:#CC8ECE;
}

/* body copy */

p
{
font-size: small;
line-height: 150%;
text-align: left;
}


#hidden a
{
background-color: #ffffff;
color: #ffffff;
font-size: 1pt;
text-decoration: none;

}
#hidden p
{
color: #ffffff;
background-color: #ffffff;
font-size: 1pt;
text-decoration: none;

}


#font-family
{
color: #000000;
}


.right
{
font-size: small;
color: #000000;
line-height: 150%;
text-align: right;
}

.video
{
font-size: small;
line-height: 150%;
text-align: center;
}

.linenav
{
font-size: small;
color: #000000;
line-height: 200%;
text-align: center;
font-weight: 600;
}

.navheader
{
margin-top: -10px; 
font-size: medium;
font-weight: 600;
}

.navsub
{
margin-top: 0; 
margin-left:10px;
margin-bottom:10px;
font-weight: 300;
}



.footer
{
font-size: small;
color: #000000;
line-height: 150%;
text-align: center;
}



/* photo captions */
c
{
font-size: smaller;
color: #000000;
line-height: 125%;
text-align: left;
}

/*bulleted list*/
ul
{
list-style-type: square;
list-style-position: outside;
line-height: 150%;
font-size: small;
text-align: left;
padding: 2%;
}
li
{
margin-bottom: 1%;

}




/* headers */
h1
{
font-family: Verdana, Tahoma, san-serif; 
font-size: xx-large;
font-weight: 700;
color: #000000;
}

h2
{
font-family: Verdana, Tahoma, san-serif; 
font-size: x-large;
font-weight: 700;
color: #000000;
}


h3
{
font-family: Verdana, Tahoma, san-serif; 
font-size: large;
font-weight: 700;
color: #000000;
}

/* links */
a:link
{
color: #000000;
}

a:link.active
{
color: white;
background-color: #000000;
}

a:visited
{
color: #000000;
}

a:visited.active
{
color: white;
background-color: #000000;
}

a:hover
{
color: #000000;
background: #CBD2D6;
text-decoration: none;
}

a:focus
{
color: #000000;
background: #CBD2D6;
}