/** GENERAL FORMATTING **/

/* page body formatting */
html {height: 100%; max-height: 100%; margin: 0; padding: 0; border: 0; background: #FCFBF7 url(images/flax_bg.gif) no-repeat bottom center fixed;}
body {height: 100%; max-height: 100%; margin: 0; padding: 0; border: 0; background: url(images/background.gif) repeat-y center fixed; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h1 {color: #8db3b7; font-size: 24px; font-weight: normal; margin: 30px 0 10px 0;}
h2 {color: #8db3b7; font-size: 20px; font-weight: normal; margin: 30px 0 10px 0;}
h3 {color: #8db3b7; font-size: 18px; font-weight: normal; margin: 30px 0 0 0;}
h4 {color: #8db3b7; font-size: 14px; font-weight: bold;}
a {text-decoration: none; color: #333; font-weight: bold;}
a:hover {text-decoration: underline;}
p {color: #777; text-align: justify;}
img {border: solid 1px #666;}
ul, ol {color: #999; text-align: justify; margin: 15px 20px; padding: 10px 25px;}

/* general structure */
#container {max-height: 100%; width: 950px; margin: 0 auto; padding: 0; border: 0; position: relative;}

/* header and menu formatting */
#title {height: 87px; width: 700px; margin: 0 auto; padding: 0;}
#title img {border: none; position: absolute; left: 20px; top: 5px;}
#title span {position: absolute; left: 170px; top: 21px; color: #777; font-family: Garamond, "Times New Roman", Times, serif; font-size: 48px; font-weight: normal; font-variant: small-caps; letter-spacing: .15em; padding: 0; margin: 4px 0 0 0;}
#title a:hover {text-decoration: none;}

#googlesearch {position: absolute; right: 8px; top: 8px;}
#googlesearch .text {font-size: 11px; color: #999;}
#googlesearch .input {font-size: 11px; color: #999; background-color: #fff; border: 1px solid #999; padding: 1px;}

#menu {background: #3F7781; padding: 0; margin: 0; text-align: center;}
#menu a {padding: 2px 15px; margin: 0 7px; border-bottom: solid #aaa 2px; border-top: solid #aaa 2px; font-size: 14px; color: #ddd; text-decoration: none; line-height: 19px; font-variant: small-caps; font-weight: normal;}
#menu a:hover, #menu a.on {border-bottom: solid #666 2px; border-top: solid #666 2px; color: #fff;}
#menu a img {display: block; position: absolute; top: 10px; left: 78px; border: 0px; width: 1px; height: 1px; margin: 0;}

/* body text formatting */
#body {margin: 50px 10px 30px 10px;}

/* footer formatting */
#footer p {margin: 10px 0 0 0; padding: 4px 0 15px 0; text-align: center; font-size: 10px; color: #777; border-top: #3F7781 solid 1px;}
#footer span {font-size: 10px; color: #777; position: relative; left: 0; top: 40px; text-align: left; border: 0; margin: 0 10px; padding: 0;}
#footer p.valid {position: relative; right: 0; top: 26px; text-align: right; border: 0; margin: 0 10px; padding: 0;}

/* directory formatting */
#directory {position: absolute;	top: 112px;}
#directory p {font-size: 10px; line-height: 10px; padding: 0 0 10px 0; margin: 0;}
#directory a {color: #333; text-decoration:none;}
#directory a:hover{text-decoration:underline;}

/* thumbnail gallery & image styles */
.mg1row {height: 245px;}
.mg2row {height: 490px;}
.mg3row {height: 735px;}

#maingallery {list-style-type: none; padding: 0; margin: 0; width: 100%;}
#maingallery li {display: block; float: left; width: 232px; padding: 20px 0; text-align: center;}

#maingallery a {display: block; width: 177px; margin: 0 auto; background: transparent; border: solid 1px #8db3b7; text-decoration: none; font-weight: normal;}
#maingallery a {height: 200px;}
#maingallery img {border: solid 1px #8db3b7;}
#maingallery span {display: block; margin: 3px 0; font-size: 14px; color: #888; text-align: center;}

#maingallery a:hover {background: #fff; border: solid 1px #3f7781;}
#maingallery a:hover span {color: #333;}
#maingallery a:hover img {border: solid 1px #3f7781;}

img.glandscape {margin: 31px 0;}
img.gportrait {margin: 7px 0 0 0;}
img.glong {margin: 45px 0;}

.aligncenter {color: #333; text-align: center;}