.background {
	background-color: #FFFFFF;
	background-image: url(../images/dot_grey.gif);
}

#headerfooter {
padding: 0px;
margin: 0px;
width: 980px;
background-image: url(../images/dot_white.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align:inherit;
text-indent:0px;
color: #FFFFFF;
border:solid;
border-width:0px;
border-color:#000000;
}

.text {
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
color:#FFFFFF;
text-align:inherit;
text-indent:0px;
}

.table {
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
color:#777777;
text-indent:0px;
}

.headertext {
	font-size: 14px;
	font-family: Tahoma, Arial, sans-serif;
	font-weight:bold;
	text-indent:0px;
	color: #FFFFFF;
}

.headertext a {
color: #FFFFFF;
text-decoration:underline;
}
		
#pagetext {
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
color: #777777;
text-align:justify;
text-indent:0px;
padding: 0 20 0 19;
}

p a:link {color: #777777; text-decoration:underline;}
p a:visited {color: #777777; text-decoration:underline;}
p a:active {color: #777777; text-decoration:underline;}
p a:hover {color: #777777; text-decoration:none;}

li a:link {color: #777777; text-decoration:underline;}
li a:visited {color: #777777; text-decoration:underline;}
li a:active {color: #777777; text-decoration:underline;}
li a:hover {color: #777777; text-decoration:none;}

#container {
font-size: 14px;
font-family: Tahoma, Arial, sans-serif;
}

#centertd {
width:780px;
vertical-align:top;
}

#centerblock {
height:auto;
display:block;
margin:0px;
padding:0px;
background-color:#FFFFFF;
border: none;
}

#lefttd {
width:200px;
vertical-align:top;
}

#leftblock {
display:block;
margin:0 10 0 0;
padding:0px;
border: none;
}

h1 {
	font-size: 20px;
	font-family: "Times New Roman", Times, serif;
	text-align:center;
	color:#FFFFFF;
	display:block;
	font-weight:normal;
margin: 0px;
padding: 0px;
border: none;
}

h1 a {
	color:#FFFFFF;
	text-decoration: underline;}
	
h2 {
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
	font-weight: bold;
	text-align:left;
	text-indent:0px;
	color:#FF3300;
padding:0px;
margin:0px;
}

h2 a {
	color:#FF3300;
	text-decoration: underline;}
	
h3 {
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
	font-weight: bold;
	text-align:center;
	text-indent:0px;
	color: #777777;
padding:0px;
margin:0px;
}

h3 a {
	color:#777777;
	text-decoration: underline;}
	
h3 a:hover {
	color:#000000;
	text-decoration: none;}

ul {
      list-style-image: url(../images/bullet.gif);
}

/* Breadcrumbs links */
.gallerymenu {
font-family: Tahoma, Arial, sans-serif;
font-size: 14px;
	font-weight: bold;
	text-align:left;
	text-indent:0px;
	color: #858585;
padding:0px;
margin:0px;
}
		
.gallerymenu a {color: #858585; text-decoration: underline;}
.gallerymenu a:hover {color: #858585; text-decoration: none;}

/* Image (and folder) Title */
.imagetitle {
	color: #858585;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	text-decoration: underline;
}

.imagetitle a {COLOR: #858585; text-decoration: underline}

.foldertitle {
	color: #858585;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	text-decoration: underline;
	font-weight: bold;
}

.foldertitle a {COLOR: #858585; text-decoration: underline}

/* Gallery Image thumbnail */
.galleryimage {
	border: 5px solid #E0E0E0;
	background-color: #EEEEEE;
	padding: 2px;
	}
		
.galleryimage:hover {border: 5px solid #BBBBBB;}

.gallerytd {background-color: #EEEEEE; border: solid 1px #FFFFFF;}

/* Links in large img view mode */
.navlink {
	display:block;
	margin: 2 0 2 0;
}

.navlink a, .navlink span {
	background-color:#FFFFFF;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 2 6 2 6;
	COLOR: #BBBBBB;
	border:1px solid #BBBBBB;
	text-decoration: none;}
	
.navlink a:hover {COLOR: #858585; border:1px solid #858585; text-decoration: none}

.navlinkactive {
	background-color:#BBBBBB;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 2 6 2 6;
	COLOR: #858585 !important;
	border:1px solid #858585 !important;
	text-decoration: none;}


/*////// GALLERY MENU //////*/

#menu{
z-index:1;
width:190px;
height: 90%;
margin:0px;
padding:0px; /* To allow room for bottom dropdown */
}

#menu a {
	font-size: 14px;
	font-family: Tahoma, Arial, sans-serif;
	font-weight:bold;
	text-align: right;
	color: #FFFFFF;
	display:block;
	width:150px;
margin:0;
padding: 4 10 4 5;
text-decoration:none;
}

#menu a:hover{
position: relative;
left: 10px;
z-index: 2;
background-position: right;
background-repeat: no-repeat;
}

#menu ul ul a {
border-bottom:1px solid #000000;
}

#menu ul{
list-style:none;
padding:0;
width:180px;
}

#menu ul ul {
z-index:2;
border:1px solid #000000;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover {
z-index:2;
position:relative;
}

div#menu li ul{
z-index:2;
position:absolute;
top:0;
left:99.9%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul ul ul ul,
div#menu ul ul ul ul ul,
div#menu ul ul ul ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul,
div#menu ul li:hover ul ul ul ul,
div#menu ul li:hover ul ul ul ul ul,
div#menu ul li:hover ul ul ul ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
background:#eee url(gallery/css/sub.gif) no-repeat bottom right;
}

#menu a.x:hover{
color:#ffffff;
background-color:#383838;
}

#menu a.x:active {
color:#ffffff;
background-color:#383838;
}

.pages {font-family: Tahoma, Arial, sans-serif; font-size: 20px; }

.b1 {background-color: #FF6600;}
.b2 {background-color: #ca71b0;}
.b3 {background-color: #6a9a3b;}
.b4 {background-color: #858585;}
.b5 {background-color: #438bc8;}
.b6 {background-color: #e99b0d;}
.b7 {background-color: #99FF00;}

.c1 {color: #FF6600;}
.c2 {color: #ca71b0;}
.c3 {color: #6a9a3b;}
.c4 {color: #858585;}
.c5 {color: #438bc8;}
.c6 {color: #e99b0d;}
.c7 {color: #99FF00;}

.c1 a {color: #FF6600;}
.c2 a {color: #ca71b0;}
.c3 a {color: #6a9a3b;}
.c4 a {color: #858585;}
.c5 a {color: #438bc8;}
.c6 a {color: #e99b0d;}
.c7 a {color: #99FF00;}

.c1 a:hover {text-decoration:none;}
.c2 a:hover {text-decoration:none;}
.c3 a:hover {text-decoration:none;}
.c4 a:hover {text-decoration:none;}
.c5 a:hover {text-decoration:none;}
.c6 a:hover {text-decoration:none;}
.c7 a:hover {text-decoration:none;}


#lid {
width: 780px;
height: 22px;
background-color:#FFFFFF;
float:left;
}

#lid2 {
width: 160px;
height: 22px;
background-color:#FFFFFF;
margin:0;
padding: 0 0 0 15;
float:right;
}

#active {
position: relative;
left: 10px;
z-index: 2;
}

.browserwarning {
color:#FF0000;
font-size:12px;
}

.browserwarning a {
color:#FF0000;
font-size:12px;
text-decoration:underline;
}

.transp {z-index:2;}
.opaque {opacity:.65; filter: alpha(opacity=65); -moz-opacity: 0.65;}

div.img {border: solid 2px #FFFFFF; background-color:#FFFFFF; z-index:2}

div.img125txt {position:relative; z-index:3; text-align:right; font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #999999;}
div.img125txt a {color: #777777; text-decoration:none;}

#recommend {padding-top: 2px; margin-bottom:60px; }
#recommend a {color:#808080;}
#recommend div#cat0 a {display:block; float:left; clear:none; width: 220px; margin: 0px 5px 5px 0px; padding: 5px; border: #FFBF00 1px solid;}
#recommend div#entry {* height:80px; min-height:80px; margin: 0px 5px 5px 0px; padding: 5px; border: #FFBF00 1px solid;}
#recommend .entryname {font-weight:bold;}
#recommend img.webthumb {clear:none; margin: 0px 5px 2px 0px; border: #FFBF00 1px solid;}