body {
background-color:#12381C;
margin: 0px;
}

.splash {
background-image:url(images/indexback.jpg); 
background-repeat: repeat-x width: 100%;
background-position: top center; 

}

body,td {
color: #878F7A;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 16px;
}

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

.main {
line-height: 26px;
}

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

.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 */


H1 { color : #878F7A; font-size: 16px;}
H2 { color : #878F7A; font-size:1.3em;}
H3 { color : #878F7A; font-size:1.2em;}
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; }


img { hidefocus: true; }

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 */

#footer {
border-top: 1px solid #878F7A;
padding-top: 10px;
}

.footer {
font-size: 10px;
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;
}