body{background-color:#fff7d5;font-family:verdana,arial;font-size:8pt;text-align:justify;margin-left:0pt;background-image:url();margin-right:0pt;margin-top:0pt;margin-bottom:0pt;margin-height:0pt;margin-width:0pt;scrollbar-face-color:#ffffff;scrollbar-3dlight-color:#fff7d4;scrollbar-arrow-color:#003300}

a:link{color:#004600;text-decoration:none;font-family:verdana,arial,serif;font-size:8pt;font-weight:bold}
a:active{color:#009900;text-decoration:none;font-family:verdana,arial,serif;font-size:8pt;font-weight:bold}
a:visited{color:#006666;text-decoration:none;font-family:verdana,arial,serif;font-size:8pt;font-weight:bold}
a:hover{color:#006666;font-family:verdana,arial,serif;font-size:8pt;font-weight:bold;text-decoration:underline;background-color:}
a.book:link{color:#C00000;text-decoration:none;font-family:verdana,arial,serif;font-size:8pt;font-weight:bold}
a.book:visited{color:#C00000;text-decoration:none;font-family:verdana,arial,serif;font-size:8pt;font-weight:bold}
a.book:hover{color:#004600;font-family:verdana,arial,serif;font-size:8pt;font-weight:bold;text-decoration:underline;background-color:}
a.book:active{color:#C00000;text-decoration:none;font-family:verdana,arial,serif;font-size:8pt;font-weight:bold}
h1{font-family:"lucida sans",tahoma,arial,serif;font-size:10pt;color:#ffffcc;font-weight:normal;margin-left:0px;margin-right:0px;margin-bottom:0px;margin-top:7px;line-height:15pt;text-align:center}
h2{font-family:"lucida sans",tahoma,arial,serif;font-size:14pt;color:#660000;font-weight:bold;margin-left:0px;margin-right:0px;margin-bottom:25px;margin-top:15px;line-height:12pt;text-align:center;text-decoration:underline}
h3{font-family:verdana,arial,serif;font-size:12pt;color:#000066;font-weight:bold;margin-left:0px;margin-right:0px;text-decoration:underline}
P{font-family:arial,serif;font-size:8pt;color:#003300;font-weight:bold;margin-left:10px;margin-right:10px;margin-top:30px;line-height:24px;text-align:left}
P.head{font-family:"lucida sans",tahoma,verdana,serif;color:#009900;font-size:8pt;margin-left:12px;margin-right:0px;margin-top:15px;margin-bottom:0px;font-weight:normal;line-height:normal;text-align:center}
P.web{font-family:verdana,arial,serif;font-size:7pt;color:#006633;font-weight:bold;margin-left:0px;margin-right:0px;margin-top:180px;line-height:12px;text-align:left;}
P.web2{font-family:verdana,arial,serif;font-size:7pt;color:#006633;font-weight:bold;margin-left:0px;margin-right:0px;margin-top:300px;line-height:12px;text-align:left}
P.web3{font-family:verdana,arial,serif;font-size:7pt;color:#006633;font-weight:bold;padding-left:5pt;margin-left:0px;margin-right:0px;margin-top:60px;line-height:12px;text-align:left}
P.bot{font-family:arial,serif;color:#003300;font-size:7pt;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;font-weight:normal;line-height:normal;text-align:center}
P.con{width:50%;border-style:solid;border-size:2px;border-color:#000066;font-family:tahoma,verdana,serif;color:#000066;font-size:8pt;margin-left:12px;margin-right:0px;margin-top:15px;margin-bottom:0px;font-weight:bold;line-height:normal;text-align:center}
P.body{font-family:tahoma,verdana,serif;color:#000066;font-size:8pt;margin-left:12px;margin-right:0px;margin-top:15px;margin-bottom:0px;font-weight:bold;line-height:normal;text-align:left}
P.box{width:160px;font-family:verdana,serif;color:#660000;font-size:7pt;padding:3pt;margin-left:4px;margin-right:0px;margin-top:-6px;margin-bottom:0px;font-weight:normal;line-height:normal;text-align:left;border-style:solid;border-width:1pt;float:left; background-color:#ffffff}
P.form{font-family:tahoma,verdana,serif;color:#006600;font-size:7pt;margin-left:12px;margin-right:0px;margin-top:0px;margin-bottom:0px;font-weight:normal;line-height:normal;text-align:left}
P.lnk{font-family:tahoma,verdana,serif;color:#660000;font-size:8pt;margin-left:12px;margin-right:20px;margin-top:0px;margin-bottom:0px;font-weight:normal;line-height:10pt;text-align:justify}
P.dest{font-family:"lucida sans",tahoma,verdana,serif;color:#660000;font-size:12pt;margin:0px;font-weight:bold;text-align:center}
table
{font-family:arial,verdana,serif;color:#000066;font-size:8pt;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;width:99%;font-weight:normal;background-color:#fff7d4;padding-right:0pt;
border-top-style:none;border-top-width:0px;border-top-color:;
border-right-style:none;border-right-width:10px;border-right-color:#ffffff;
border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;border-left-color:;line-height:0pt;text-align:left}
table.gallery{font-family:arial,verdana,serif;font-size:9pt;color:;border-style:none;line-height:12pt}
tr.gallery{border-bottom-style:solid;border-width:2px;border-color:black;}
table.b1
{font-family:"lucida sans",tahoma,verdana,serif;color:#000066;font-size:8pt;margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;width:98%;font-weight:normal;background-color:#ffffff;border-top-style:none;border-top-width:0px;border-right-style:solid;border-right-width:10px;border-right-color:#ffffff;border-bottom-style:none;border-bottom-width:0px;border-left-style:solid;border-left-width:0px;border-left-color:#ffffff;line-height:14px;text-align:center}

td.a{width:45%;margin-left:40px;margin-right:30px;margin-top:0px;padding-right:3pt;text-align:justify}
td.b{width:45%;margin-left:40px;margin-right:20px;margin-top:0px;text-align:center}
td.c{margin-left:40px;margin-right:30px;margin-top:0px;padding-right:25pt;text-align:justify}

table.b
{margin-left:0px;margin-right:0px;margin-top:0px;margin-bottom:0px;width:98%;background-color:#002d00;border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:10px;border-right-color:#ffffff;border-bottom-style:none;border-bottom-width:0px;border-left-style:solid;border-left-width:0px;border-left-color:#ffffff;height:5px;line-height:0px;text-align:left}

table.b2{}
li{ font-family:"lucida sans",tahoma,verdana,arial, non-serif; font-size:8pt; font-weight: normal; color: #006600; margin-top: 0px; margin-left: -15px; margin-bottom:4pt; margin-right: 2px; text-align: justify; overflow: visible;list-style-image:url(arrow1.gif)}
hr.{width:98%;height:3px;margin-top:0px;line-height:0px;color:green;align:center}

img{border-style:outset;border-color:#003300;border-weight:3px}

.item a {
font-weight:bold;
}

.item{
margin:4px;
padding:4px;
font-size:9px;
display:inline;
width:20%;
float:left;
}

.item p {
margin:4px 0px 4px;
font-size:11px;
}

.item img {

}

.item_filename{
margin:0px; 
color:#999;
display:none;
font-size:9px;
}

.item_title{
font-weight:bold;
}

.item_description{

}


.item_admin{
border:2px solid #ddd;
background-color:#fff;

}



#paging {
font-weight:bold;
}

#paging a {
white-space:nowrap;
margin-right:8px;
margin-bottom:2px;
}




/* the current path, this is sort of the 'simple navigation' */
#cdg { 
font-weight:bold;
font-size:12px;
}


/* other directories in this one.. subdirs.. or 'sets' section*/

#subdirs {
font-weight:bold;
font-size:12px;
clear:left;
}


/* The .clear class is applied to a div between the output (the output are
the thumbnails in the class="item" divs )
and the footer. If .item class is floated left, and #subdirs is right then
this div should clear both */

.clear { 
clear:both
}

#login {
position:absolute;
top:4px; right:4px;
}

#login input {
border:1px solid #eee;
background-color:#eee;
text-align:right;
}