/* CSS Document */


*{margin:0; padding:0;}
body{ position:relative; width:980px; height:600px; background-color:#333333; font-size:16px; color:#666699; margin:
10px auto; font-family:Arial, Helvetica, sans-serif;}body{ position:relative; width:1000px; height:600px; background-image:url(../images/as_bg.jpg); background-color:#333333; font-size:14px; color:#FFFF00; margin:10px auto; font-family:Arial, Helvetica, sans-serif;}

ul{display:block;}

p{text-indent:15px; margin-bottom:3px; text-align:justify;}
h1{font-size:150%; text-align:center;}
h2{font-size:130%; text-align:center;}
h3{font-size:90%; font-weight:bold; color:#FFCC66; text-align:center;}
a:link img {filter:none;}  
a:hover img {filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60;}
#gallery img{ border:#CCCCCC 3px outset;}

#wrapper{ position:relative; width:975px; margin:10px auto; border:#FFF 5px outset; background-image:url(../resources/wood_2.jpg);}

.clear{clear:both}
.text{padding:5px 10px;  height:560px; overflow:auto;}
.pos{position:absolute; top:15px; right:15px; width:400px;}
.portrait{margin-top:10px;}
.landscape{margin-top:25px;}
.top{width:165px; float:left;}
.caption{font-size:90%; color:#FFFF99; font-weight:bold;}


a:link, a:visited{ color:#FFFFFF; text-decoration: none;  font-weight:bold; font-size:110%;}
a:active{ color:#FFFF99; text-decoration:none; font-weight:bold;} 
a:hover{ color: #FF0000;text-decoration: none; }

.cell{width:135px; height:120px; margin:1px;  float:left; background-color:#000000; text-align:center;}
.cell2 { display:block; width:135px; margin:1px;  float:left; background-image:url(../images/button_bg.jpg); text-align:center;}

#gallery{ float:left; width:800px; position:relative;}
.viewer{ width:690px; margin:0 auto; text-align:center;}

#nav{
background-color:#000000;
float:left;
width:165px;
border-bottom:1px solid #000000;
font-family:"Arial Narrow";
font-size:140%;
margin:0 3px;
}

#nav ul{
padding:0;
margin:0;
background-color:transparent;
list-style-type:none;
font-size:75%;
border:1px solid #000000;
}

#nav ul li{
padding:0;
margin:0;
}

#nav ul li a{
color:#FFF;
display:block;
background-image:url(../images/button_bg.jpg);
text-decoration:none;
padding:4px 0 6px 4px;
border-bottom:1px solid #000000;
height:1em;
}

#nav ul li a:hover, #nav ul li a:focus{
background-image:url(../images/button_mo_bg.jpg);
border-right:1px solid #000;
border-bottom:1px solid #000;
color:#FFFF66;
}


.logo{position:absolute; right:5px; bottom:5px;}

    #tab { float:left; width:100%; font-size:85%; font-weight:bold; line-height:normal; }
    #tab ul { margin:0; list-style:none; }
    #tab li { display:inline; margin:0; padding:0; }
    #tab a { width:135px; float:left; background-image:url(../images/button_bg.jpg); margin:1px; padding:2px 0; text-decoration:none; border-bottom:#000000 thin solid; }
    #tab a:hover { background-image:url(../images/button_mo_bg.jpg); color:#FFFF66; }