/*POSITIONING*/
*{margin:0;padding:0;}
html{overflow-x:auto;overflow-y:scroll;}
html,body{height:100%;}
body{text-align:center;height:96%;background:#fff;} /*beige: #f2f0b2*/ /*turqoise: #15e3b1*/ /*red: #ef380b*/
/*position in window + full window height*/
#main{margin:15px auto 0 auto;width:1024px;height:100%;max-height:768px;position:relative;text-align:left;border:3px solid #c2c082;}
/*provides the full doc height by wrapping the columns*/
#docwrap{float:left;border:3px solid #c2c082;border-bottom:none;margin-left:-3px;margin-top:-3px;margin-bottom:5px;width:1024px;}

/*bgimage*/
#main, #docwrap{background:url(../dimg/bg_index.jpg) no-repeat;}

/*logo*/
#logo{position:absolute;right:35px;top:20px;border:none;}

/*columns*/
#pos{float:left;}
.col1, .col2{display:block;margin-bottom:0px;}
.col1{width:225px;margin-left:30px;margin-top:182px;}
.col2{width:670px;margin-top:185px;}
/*12*/
.content{padding:10px;}
/*1*/
.col1 .content{padding-top:0;}
#menu a{display:block;}
#menu a{color:#000;}
#menu a:hover, #menu a.sel{color:#fff;}
#menu a{font-size:1.3em;line-height:1.55em;font-weight:400;text-decoration:none;text-transform:uppercase;}
/*2*/
.col2 .content{padding-left:20px;}
.col2{background:#f2f0b2;border:3px solid #c2c082;}
.col2 #gallery a{margin-right:10px;}
.col2 #gallery a img{margin-bottom:10px;margin-top:10px;}
.col2 table img{margin-right:20px;}
.col2 p{padding-right:10px;}

/*GENERAL FONT STYLES*/
body{font-family:futura,arial,sans-serif;font-size:100%;line-height:1em;}
#main{font-size:0.8125em;}
pre{font:inherit;}
pre.ital{font-style:italic;}
h1, h2{margin-bottom:0.5em;}
h1{font-size:1.4em;line-height:1.1em;}
h2, h3{font-size:1em;}
h3{font-style:italic;font-weight:normal;}
p{margin-bottom:1em;}
p.def{font-family:monotype;}
p.poem{font-size:1.25em;line-height:1.4em;color:#524012;font-style:italic;margin-top:25px;margin-left:170px;}
p.poem span{font-size:0.8em;margin-left:40px;line-height:2.8em;font-style:normal;}

/*image gallery*/
#gallery img{border:2px solid #f2f0b2;margin-right:4px;}
#gallery img:hover{border-color:#fff;background:#fbf9bb;}
#viewer{width:650px;height:auto;z-index:99;cursor:pointer;padding:10px;padding-bottom:0;background:#f2f0b2;}
#viewer img{padding:10px;padding-bottom:0;}
#caption{color:#000;padding-left:10px;padding-right:10px;margin-top:5px;}

/*unfocus*/
:link:focus, :visited:focus, :active:focus {-moz-outline:0px;}

