body {
min-width:900px;
margin-top:25px;
margin-left:25px;
width:95%;
background-color:#12381C;
background-image:url(/images/vtphoto_splashpg_bg.jpg);
background-repeat:no-repeat;
display:block;
text-align:left;
color: #878F7A;
font-family: Georgia, Times New Roman, Times, serif;

}

.gallery div{
margin:0 auto;
width:985px;
float: left
text-align:left;
}
.clear{
clear:both;
}

#right_pane,#thumbs_holder{
width:453px;
}

#arrows{
float:left;
height: 307px;
width: 11px;
padding-left: 11px;
margin: 0px;
}

#right_pane{
float:left;
margin: 0;
padding: 0;
}

#thumbs_holder{
overflow:hidden;        /* Don't change this */
height:307px;
position:relative;      /* or this */
float:left;
}

#mainImage{
width:461px;
height:307px;
float:left;
padding-right: 22px;
}


.thumbs{
width:217px;
position:absolute;
padding-right: 22px;
}

.thumbs div{
width:217px;
height:144px;
text-align:center;
padding-top: 0px;
padding-right: 22px;
padding-bottom: 22px;
padding-left: 0px;
}

.thumbs img{
border:0px;
}

.thumbs .activeImage{
padding:0px;
}

.leftArrow{
float:left;
}

.rightArrow{
float:right;
}

#arrows img{
display:block;

}
#thumbs_inside{
position:relative;      /* and don't even think about changing this */
width:1000px;
}


/* General */

.head1 { font-size: 18px; color: #ffffee; }
.head2 { color: #B0BC9E; }

H1 { color : #878F7A; font-size:1.4em; color: #B0BC9E; }
H2 { color : #878F7A; font-size:1.3em;}
H3 { color : #878F7A; font-size:16px; color: #ffffee; }
H4 { color : #878F7A; font-size:1.1em;}

H1.splash { color : #878F7A; font-size:1em;}

/* Header */

div#header img {
padding-top:20px;
padding-left:40px;
padding-bottom:15px;
}


/* Navigation */

#nav{
float:left;
width:150px;
margin-left:0px;
margin-right:30px;
}

/* Navigation Dropdown */

ul {
margin:0;
padding:0;
list-style:none;
width:150px;
border-bottom: 1px solid #4A5D48;
font-size:.93em
}


ul li {
position:relative;
display:block;}

li ul {
position:absolute;
left:149px;
top:0;
display:none;
}

li ul {
position:absolute;
left:149px;
top:0;
display:none;
}


ul li a {
display: block;
text-decoration: none;
color: #EDDFA9;
background:#164021;
padding: 5px;
border: 1px solid #4A5D48;
border-bottom: 0;
}

ul li a:hover {
background:#1A4B27;
}

li:hover ul, li.over ul {
display: block; }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


li:hover ul { display: block; }


div#main{
float:left;
width:750px;
text-align:left;
line-height: 1.6em;

}

div#main div.rightphoto {
float:right;
width:260px;
padding-left:20px;
padding-bottom:20px;
pdding-right:5px;
font-size:.7em;
letter-spacing:1px;
text-align:center;
line-height:1.2em;}

div#main div.rightphoto img{
border:#4A5D48 3px solid;}

div#main div.rightphotohorz {
float:right;
width:400px;
padding-left:20px;
padding-bottom:20px;
pdding-right:5px;
font-size:.7em;
letter-spacing:1px;
text-align:center;
line-height:1.2em;}

div#main div.rightphotohorz img{
border:#4A5D48 3px solid;}

div#main a:link { text-decoration: none; color: #FFE787; }
div#main a:visited { text-decoration: none; color: #FFE787; }
div#main a:hover { text-decoration: underline; color: #ffffff; }

div#main div.panoramic {
padding-top:10px;
padding-bottom:10px;
font-size:.7em;
letter-spacing:1px;
text-align:center;}

div#main div.panoramic img{
border:#4A5D48 3px solid;}

ul.copy {
margin:0;
padding:0;
list-style:square;
width:inherit;
border-bottom:0px;
font-size:1em
}


/* Footer */
div#footer {
text-align:center;
font-size:.7em;
border-top:#ccc 1px solid;
width:400px;
margin-left:350px;
margin-top:50px;
letter-spacing:1px;}

div#footer a:link { text-decoration: none; color: #FFE787; }
div#footer a:visited { text-decoration: none; color: #FFE787; }
div#footer a:hover { text-decoration: underline; color: #ffffff; }

.sub2 { font-family: verdana; font-size: 10px; color: #BAAF8B;}



.footer {
font-size: 10px;
border-top: 1px solid #878F7A;
padding-top: 4px;
letter-spacing: 1px;
}

.footer a:link    { text-decoration: none; color: #FFE787; }
.footer a:visited { text-decoration: none; color: #FFE787; }
.footer a:hover   { text-decoration: underline; color: #ffffff; }

.workshopdates { 
 color: #DDD08C;
 font-weight: bold;
}