/* Universal Style */

html, body { margin: 0; padding: 0; background-color: white; font-family: sans-serif; font-size: 100%; color: black;}

#outer { height: 470px; width: 675px; background-color: white; position: absolute; top: 50%; margin-top: -235px; left: 50%; margin-left: -337.5px; }

#sidebar { background-color: white; border-right: solid black; font-size: 13px; height:470px; width: 145px; float: left; padding-right: 20px;  } /*padding to get text away from edge of sidebar*/

ul {text-align: right; list-style: none; line-height: 1.5em; }

a:link {color: black; font-weight: bold; text-decoration: none; }
a:visited {color: black; font-weight: bold; text-decoration: none; }
a:active {color: black; font-weight: bold;  text-decoration: none; }
a:hover {color: #9A803B; font-weight: bold; text-decoration: none; }

#galleryinfo a:link {color: #9A803B; font-weight: normal; text-decoration: underline; }
#galleryinfo a:visited {color: #9A803B; font-weight: normal; text-decoration: underline; }
#galleryinfo a:active {color: #9A803B; font-weight: normal;  text-decoration: underline; }
#galleryinfo a:hover {color: #9A803B; font-weight: normal; text-decoration: underline; }


#content a:link {color: black; font-weight: normal; font-style: normal ; text-decoration: underline; }
#content a:visited {color:black; font-weight: normal; font-style: normal ; text-decoration: underline; }
#content a:active {color: black; font-weight: normal; font-style: normal ; text-decoration: underline; }
#content a:hover {color: #9A803B; font-weight: normal; font-style: normal ; text-decoration: underline; }

#contentpur a:link {color: black; font-weight: normal; font-style: normal ; text-decoration: underline; }
#contentpur a:visited {color:black; font-weight: normal; font-style: normal ; text-decoration: underline; }
#contentpur a:active {color: black; font-weight: normal; font-style: normal ; text-decoration: underline; }
#contentpur a:hover {color: #9A803B; font-weight: normal; font-style: normal ; text-decoration: underline; }

#contenttu a:link {color: black; font-weight: normal; font-style: normal ; text-decoration: underline; }
#contenttu a:visited {color:black; font-weight: normal; font-style: normal ; text-decoration: underline; }
#contenttu a:active {color: black; font-weight: normal; font-style: normal ; text-decoration: underline; }
#contenttu a:hover {color: #9A803B;font-weight: normal; font-style: normal ; text-decoration: underline; }

#contentex a:link {color: black; font-weight: normal; font-style: normal ; text-decoration: underline; }
#contentex a:visited {color:black; font-weight: normal; font-style: normal ; text-decoration: underline; }
#contentex a:active {color: black; font-weight: normal; font-style: normal ; text-decoration: underline; }
#contentex a:hover {color: #9A803B; font-weight: normal; font-style: normal ; text-decoration: underline; }

#contentco a:link {color: black; font-weight: normal;  text-decoration: underline; }
#contentco a:visited {color:black; font-weight: normal;  text-decoration: underline; }
#contentco a:active {color: black; font-weight: normal;  text-decoration: underline; }
#contentco a:hover {color: #9A803B; font-weight: normal;  text-decoration: underline; }

#credit {font-style: italic; font-size: 14px; margin-top: 0px;}

#list ul {text-align: left; list-style: square; font-size: 13px; line-height: 1em; }

#sidebarh1 {position:absolute; bottom:0px; left:-15px; text-align: left; color: #9A803B; font-size: 16px; font-weight: bold; font-family: sans-serif; }

h1 {text-align: center; color: #9A803B;font-size: 18px; margin-top: 0px; padding-bottom: 17px; }

h2 {text-align: left; color: #9A803B; font-size: 14px; font-weight: bold; font-family: sans-serif; padding: 0px; margin: 0px;}

p { text-align: justify; font-size: 13px; line-height: 1.5em; margin-left: 20px; margin-right: 20px;}

span.gold {color: #9A803B; text-align: justify; line-height: 1.5em; font-weight: bold;}


#signs p { text-align: justify; font-size: 13px; line-height: 1.5em; margin-left: 20px; margin-right: 20px;}

ol {padding: 1.5em; font-size: 13px; line-height: 1.5em; list-style: none; width: 50%;}

li {margin-bottom: 1em; }

img {border: 0; display: block; margin-left: auto; margin-right: auto; }

#panel {width: 475px; border: 0; position:absolute; left: 182.5px; bottom :0px; }

.altline {font-weight: bold; color: #9A803B; }




/* Diff backgrounds for page  */

#content { background-color: white; height: 470px; margin-left: 165px; } 


#contentbio { background: url(angel.gif) no-repeat right; background-color: white; height: 470px; margin-left: 185px; margin-right: 20px; } 

#contentbio ol { padding: 0em; list-style: none; width: 80%;} 

#contentbio li {line-height: 1.5em; margin-left: 20px; margin-right: 20px; margin-bottom: 0em; }


#contentpur { background: url(bird2.jpg) no-repeat center bottom; position:absolute; top:0px; left: 167px; background-color: white; height: 470px; } 




#contentex { background: url(frog2.jpg) no-repeat right; background-color: white; height: 470px; margin-left: 167px; margin-right: 20px; }

#contentex ol {padding: 1.5em; font-size: 13px; line-height: 1.5em; list-style: none; width: 90%;}

#contentex li {margin-bottom: 0.7em; }


#contentco { background: url(stedwardw.jpg) no-repeat right; position:absolute; top:0px; left: 167px; background-color: white; height: 470px; } 

#contentco h1 {margin-top: 20px;}

#contenttu { background: url(beelineg.jpg) no-repeat right; background-color: white; height: 470px; margin-left: 165px;  }

#contenttu img {position:absolute; bottom:0px; right: 160px;}

#contenttu p { text-align: justify; font-size: 13px; line-height: 1.5em; margin: 10px 20px 10px 20px;}

#contenttu ul {text-align: left; list-style: square; line-height: 1.5em; font-size: 13px;}

#contenttu h3 { text-align: left; color: #9A803B; font-size: 13px; line-height: 1.5em; margin-left: 20px; margin-right: 20px;}

#contenttu li {margin-bottom: 0em; }

#contentsc {background-color: white; height: 470px;  margin-right: 20px; overflow: auto; }

#contentsc p { text-align: justify; font-size: 13px; line-height: 1.5em; margin-left: 20px; margin-right: 20px;}

#contentsc h3 { text-align: left; color: #9A803B; font-size: 13px; line-height: 1.5em; margin-left: 20px; margin-right: 20px;}





/* Gallery */



.thumbnailboxes { width: 75px; height: 75px; float: left; padding: 5px; margin: 0px; border: none;}
.title {color: #9A803B;}


#galleryinfo {position:absolute; bottom:0px; left:165px; }


#thumbnailboxes1 { width: 255px; margin: 0 auto; }
#thumbnailboxes2 { width: 255px; margin: 0 auto; }
#thumbnailboxes3 { width: 255px; margin: 0 auto; }

#thumbnailboxes4 { width: 340px; margin: 0 auto; }
#thumbnailboxes5 { width: 340px; margin: 0 auto; }
#thumbnailboxes6 { width: 340px; margin: 0 auto; }

#thumbnailboxes7 { width: 425px; margin: 0 auto; }
#thumbnailboxes8 { width: 425px; margin: 0 auto; }
#thumbnailboxes9 { width: 425px; margin: 0 auto; }
#thumbnailboxes13 { width: 425px; margin: 0 auto; }



#thumbnailboxes10 { width: 255px; margin: 0 auto; }
#thumbnailboxes11 { width: 255px; margin: 0 auto; }
#thumbnailboxes12 { width: 255px; margin: 0 auto; }


/* Form */

#wrapper {margin-left: 20px; margin-right: 20px;}

fieldset {margin: 0px; padding: 0px; border: 0px; }

fieldset p {padding: 0em; text-align: justify; font-size: 13px; line-height: 1.5em; margin-left: 20px; margin-right: 20px;}

legend {display: none;}

input, textarea {margin: 0px; padding: 1px; border: 1px solid #999999; background-color: white;}

span.cursor { cursor: pointer; }

p#Error_msg { color: red; }

.submit {width: 65px; background-color: white; border: ridge  black; margin-top: 10px; margin-right: 10px;}

/* Workshop photos */

#galleryh {padding:0; margin-left: 20px; margin-top: 75px; background-color: white;list-style-type:none; overflow:hidden;width:495px; height:240px; border:1px solid #888; background:white url(titlephoto.jpg) no-repeat right;}
#galleryh li {float:left; }
#galleryh li a { display:block; height:240px; width:28px; float:left; text-decoration:none; border-right:1px solid #fff; cursor:default; }
#galleryh li a img { width:28px; height:240px; border:0; }
#galleryh li a:hover { background:#eee;  width:320px;  }
#galleryh li a:hover img {  width:320px;   }