/* Body properties */
body.banner {
	font-family: arial, sans serif;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url('images/sidebar.jpg');
	margin-left: 60px;
}

body.nobanner {
        font-family: arial, sans serif;
        background-color: #FFFFFF;
        background-repeat: no-repeat;
        margin-left: 70px;
}


/* Define the main page index */
.index {
	font-family: arial, san-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #CEDEFD;
	text-decoration: none;
	color: #0000CC;
	text-align: center;
}

.indextext {
	font-family: arial, san-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #0000CC;
	text-align: left;
}

.indexheader {
	font-family: arial, san-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	text-align: left;
}

/* Attributes for link to see all photos in a gallery */
.seeall {
	font-family: arial, san-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #0000CC;
	text-align: left;
}

.seeall a:link, .seeall a:visited {
	font-family: arial, san-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;  
	color: #0000CC;                 
	text-align: left;
}

.seeall a:hover {
	font-family: arial, san-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;   
	color: #CC0000;        
	text-align: left;
}


/* Define how the links for tiny, small, medium and large are displayed */
.resnav {
	font-family: arial, san-serif;
	font-size: 11px;
	font-stretch: wider;
	font-weight: bold;
}

.resnav a:link, .resnav a:visited  {
	font-family: arial, san-serif;
	font-size: 11px;
	font-stretch: wider;
	text-decoration: none; 
	color: #0000CC;
	font-weight: normal;
}

.resnav a:hover {
	font-family: arial, san-serif;
	font-size: 11px;
	font-stretch: wider;
	text-decoration: none;
	color: #CC0000;
	font-weight: bold;
}

.resnavgrey {
	font-family: arial, san-serif;
	font-size: 11px;
	font-stretch: wider;
	font-weight: normal;
	color: #CCCCCC;
}


/* Cell properties for the thumbnail view */
#thumbsheet {
	width: 800px;
}

#thumbnail, #thumbnail li {
	list-style-image: none;
	list-style: none;
	width: 187px;
	height: 205px;
	display: block;
	background-color: #CEDEFD;
	text-align: center:
        font-family: arial, san-serif;
        font-size: 11px;
        font-weight: bold;
        color: #000000;
}

#thumbnail a:hover {
	background-color: #90AFCE;
	text-align: center;
	display: block;
	font-family: arial, san-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

td.thumbcell { 
	background-color: #CEDEFD; 
	text-align: center;
	font-family: arial, san-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

/* Rollover property for the thumbnail view */
.thumbcellrollover {
	background-color: #90AFCE;
	text-align: center;
	font-family: arial, san-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

/* Image caption */
.thumbcaption {
	font-family: arial, san-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #000000;
}


/* Gallery name */
.galleryname {
	font-family: arial, san-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

/* Image name */
.imagename {
	font-family: arial, san-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

/* Image span ## of ### */
.imagespan {
	font-family: arial, san-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

/* Image count full */
.imagecount {
	font-family: arial, san-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

/* Image caption */
.imagecaption {
	font-family: arial, san-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}

/* Image top right spot */
.imagetopright {
	vertical-align: bottom;
	text-align: right;
}

/* VCR navigation */
.vcrnav {
	vertical-align: middle;
	font-family: arial, san-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

.vcrnav a:link, .vcrnav a:visited  {
	vertical-align: middle;
	font-family: arial, san-serif;
	font-size: 12px;
	text-decoration: none;
	color: #0000CC;
	font-weight: bold;
}

.vcrnav a:hover {
	vertical-align: middle;
	font-family: arial, san-serif;
	font-size: 16px;
	text-decoration: none;
	color: #CC0000;
	font-weight: bold;
}

.vcrnavgrey {
	vertical-align: middle;
	font-family: arial, san-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
}

.vcrnav td {
	vertical-align: middle;
	text-align: center;
}

/* Image navigation (prev and next) */
.imagenav {
	vertical-align: middle;
	font-family: arial, san-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

.imagenav a:link, .imagenav a:visited  {
	vertical-align: middle;
	font-family: arial, san-serif;
	font-size: 15px;
	text-decoration: none;
	color: #0000CC;
	font-weight: bold;
}

.imagenav a:hover {
	vertical-align: middle;
	font-family: arial, san-serif;
	font-size: 15px;
	text-decoration: none;
	color: #0000CC;
	font-weight: bold;
}


.imagenavgrey {
	vertical-align: middle;
        font-family: arial, san-serif;
        font-size: 15px;
        text-decoration: none;
        color: #AAAAAA;
        font-weight: bold;
}

/* Link to go back a level */
.uplevel a:link, .uplevel a:visited {
	vertical-align: middle;
        font-family: arial, san-serif;
        font-size: 15px;
        text-decoration: none;
        color: #CC0000;
        font-weight: bold;
}

/* Google Maps Link */
.mapimage {
        vertical-align: middle;
	text-align: center;
        font-family: arial, san-serif;
        font-size: 13px;
        font-weight: normal;
        color: #CC0000;
}

.mapimage a:link, .mapimage a:visited  {
        vertical-align: middle;
	text-align: center;
        font-family: arial, san-serif;
        font-size: 13px;
        text-decoration: none;
        color: #CC0000;
        font-weight: bold;
}

.mapimage a:hover {
        vertical-align: middle;
	text-align: center;
        font-family: arial, san-serif;
        font-size: 13px;
        text-decoration: none;
        color: #CC0000;
        font-weight: bold;
}

/* Subalbum support */
.subalbum {
        vertical-align: middle;
        text-align: center;
        font-family: arial, san-serif;
        font-size: 10px;
        font-weight: bold;
        color: #000000;
}

.subalbum a:link, .subalbum a:visited  {
        vertical-align: middle;
        text-align: center;
        font-family: arial, san-serif;
        font-size: 10px;
        text-decoration: none;
        color: #0000CC;
        font-weight: bold;
}

.subalbum a:hover  {
	vertical-align: middle;
	text-align: center;
	font-family: arial, san-serif;
	font-size: 10px;
	text-decoration: none;
	color: #CC0000;
	font-weight: bold;
}

/* Breadcrumb trail */
.breadcrumb {
	font-family: arial, san-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.breadcrumb a:link, .breadcrumb a:visited {
	font-family: arial, san-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #0000CC;
}

.breadcrumb a:hover {
	font-family: arial, san-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #CC0000;
}

/* Image display */
div.blackborder { 
	border-width: 10px;
	border-color: #131313;
	border-style: solid;
}

div.whiteborder {
	border-width: 40px;
	border-color: #F5F5F4;
	border-style: solid;
}

div.thinborder {
	border-width: 1px;
	border-color: black;
	border-style: solid;
}

/* EXIF Properties */
.exif {
	font-family: arial, san-serif;
        font-size: 10px;
        font-weight: normal;
        color: #000000;
}

/* Copyright */
.copyright {
	font-family: arial, san-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #000000;
}

/* Cache history display attributes */
.displaycache {
	vertical-align: middle;
	font-family: arial, san-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0000CC;
}

.displaycache a:link, .displaycache a:visited  {
	vertical-align: middle;
	font-family: arial, san-serif;
	font-size: 11px;
	text-decoration: none;
	color: #0000CC;
	font-weight: bold;
}

.displaycache a:hover {
	vertical-align: middle;
	font-family: arial, san-serif;
	font-size: 11px;
	text-decoration: none;
	color: #CC0000;
	font-weight: bold;
}