/* room16.css - el design */
body{
width:100%; height:100%; margin:0; padding:0; font-size:medium;
text-align:center; background:#e9e9e9 none;}
div#contain{
width:788px; margin:0 auto; font-family:"verdana", "geneva", sans-serif;
background:transparent none;}
a img{
border:none;}

div#head{
margin:0 auto; background:transparent url(imgs/header2.jpg) no-repeat 50% 0%;
height:109px;}
#head h1{
visibility:hidden; margin:0 auto; font-size:50%; color:#4796c9;}

div#main{
width:100%; margin:0 auto; background:transparent url(imgs/bkgnd-main.gif) repeat-y 46% 0%;
padding-bottom:15px;}
#main p#nav{
width:700px; margin:0 auto; padding:10px 0 5px 0; font-size:60%; text-align:center;}
#nav a{
margin:0 auto; padding:3px 10px; text-decoration:none;}
#nav a:link, #nav a:visited{
color:#a64f1a; border:1px dotted #cccecc; background:white none;}
#nav a:focus, #nav a:hover{
color:#4796c9; border-top:1px solid #ececec; border-right:1px solid silver;
border-left:1px solid #ececec; border-bottom:1px solid silver;
background:#f7f7f7 none;}
#nav a#selected{
color:#333333;}

#main div#content{
width:650px; text-align:center; margin:0 auto; padding:15px 0;}
#content h1{
margin:0 auto; padding:25px 0 0 0; color:#4796c9; font-size:90%; font-weight:normal;
font-variant:small-caps; letter-spacing:1px;}
#content h2{
margin:0 auto; color:#e32d2d; letter-spacing:6px; text-align:center;
font-size:110%; padding:5px 0;}
#content p{
color:#333333; text-align:center; font-size:70%; padding:25px 0; margin:0 auto; width:90%;}
#content p.alternate{
padding:0 0 5px 0; text-align:left; color:#666666; width:95%; font-size:60%;}
.alternate a:link, .alternate a:visited{
color:#a64f1a; text-decoration:underline;}
.alternate a:focus, .alternate a:hover{
color:#4796c9; text-decoration:none;}
#content p span{
display:block; margin:0 auto; width:80%; padding-bottom:20px; text-align:justify;}
#content p#pics{
padding:15px 0 0 0; width:100%;}
#content h3{
color:#e32d2d; margin:0 auto; font-weight:normal; font-size:70%; text-align:left; width:95%;
padding:5px 0; border-top:1px dotted #e9e9e9;}
#content h3 span{
color:#333333;}
#content h3 a:link, #content h3 a:visited{
color:#a64f1a; text-decoration:underline;}
#content h3 a:focus, #content h3 a:hover{
color:#4796c9; text-decoration:none;}

/* galleries */
#main div#content2{
width:650px; text-align:center; margin:0 auto; padding:15px 0;}
#content2 h2{
color:#e32d2d; padding:10px 0; margin:0 auto; letter-spacing:6px; font-size:90%;
text-transform:uppercase;}
#content2 h3{
color:black; margin:0 auto 5px auto; font-size:80%; padding:20px 0 2px 0; text-align:left;
width:95%; border-bottom:1px solid #a64f1a;}
#content2 h3 span{
color:#ff6600;}
#content2 p{
color:#666666; text-align:left; font-size:70%; padding:0; width:95%; margin:10px auto 0 auto;
line-height:1.55em;}
#content2 p span{
display:block; margin:0 auto; width:80%; padding:3px 0; color:#333333;}
#content2 p img{
display:block; margin:0 auto; text-align:center; padding:5px 0;}

#content2 p#notepic img{
float:left; padding:0 10px 0 0; width:125px; display:block; margin:0 auto;}
#content2 p#notepic span{
width:400px; display:block; float:left; margin:0 auto;}
#content2 p a img#artwk{
float:right; padding:0 0 0 10px;}

#content2 p a{
margin:0 auto;}
#content2 p a:link, #content2 p a:visited{
color:#4796c9; text-decoration:underline;}
#content2 p a:focus, #content2 p a:hover{
color:#333333; text-decoration:none;}

#content2 p#navskip{
text-align:center;}
#content2 p#navskip a{
margin:3px auto; padding:0;}
#content2 p#navskip a:link, #content2 p#navskip a:visited{
color:#4796c9; text-decoration:underline;}
#content2 p#navskip a:focus, #content2 p#navskip a:hover{
color:#a64f1a; text-decoration:none;}

#content2 p strong, #content2 ul li.caption strong{
cursor:help; text-decoration:underline;}
#content2 p strong :hover, #content2 ul li.caption strong:hover{
cursor:help; text-decoration:none;}

#content2 p img.fltd{
float:left; display:block; margin:0 auto; padding:10px 0 5px 15px;}

#content2 ul{
margin:0 auto; padding:10px 0 0 0; list-style-type:none; width:95%;}
#content2 ul li{
width:160px; height:150px; float:left; margin:5px 5px 0 5px; padding:0 0 0 10px;}
#content2 ul li.clear{
width:1px; height:5px; float:none; clear:both; margin:0 auto;}
#content2 ul li.caption{
margin:15px auto 0 auto; font-size:70%; color:#666666; padding:0; text-align:left; width:125px; float:left;}
#content2 p#bottom{
padding:25px 0 0 0; margin:0 auto; text-align:center;}
#content2 p#bottom a{
text-decoration:none; margin:0 auto; padding:0; display:block;}
#content2 p#bottom a:link, #content2 p#bottom a:visited{
color:silver;}
#content2 p#bottom a:focus, #content2 p#bottom a:hover{
color:gray;}
a.goup{
margin:5px auto; padding:0; width:95%; font-variant:small-caps;
display:block; text-align:right; font-size:90%;}
a.goup:link, a.goup:visited{
color:silver; text-decoration:underline;}
a.goup:focus, a.goup:hover{
color:#666666; text-decoration:none;}
#bottom a#toplink{
padding:0; font-size:80%; width:15%;}

#content2 ul.list{
width:90%; margin:0 auto; padding:10px 0 0 10px; list-style-type:none;}
#content2 ul.list li{
width:80%; height:auto; float:none; display:block; margin:0 auto; padding:0 0 5px 0;
text-align:left; font-size:70%; color:#666;}
#content2 ul.list li span{
color:#333333; font-weight:normal;}
#content2 ul.list li ul li{
font-size:90%;}
.list a{
display:block; font-weight:bold;}
li a:link, .list li a:visited{
color:#4796c9; text-decoration:underline;}
.list li a:focus, .list li a:hover{
color:#333; text-decoration:none;}

#content2 ul#gall2 li{
width:200px; height:200px; float:none; display:inline; margin:0 auto; padding:5px; float:none;}

div#foot{
width:100%; margin:0 auto; background:transparent url(imgs/footer.gif) no-repeat 0% 0%;}
#foot p{
text-align:left; margin:0 auto; font-size:60%; color:gray; padding:20px 0 10px 15px;
width:85%;}
#foot p a:link, #foot p a:visited{
color:black; text-decoration:none;}
#foot p a:focus, #foot p a:hover{
color:#666666; text-decoration:underline;}