/* @override http://www.briarmist.com/styles/briarmist.css */
/* CSS Document */
div.content { background-color:#f9f9f1; width:642px; margin-top:15px; padding-top:8px; padding-left:8px; padding-right:8px; }
span#ImgDesc { color:#484826; font:11px Verdana, sans-serif; padding-top:10px; display:block;}
body { margin:0; padding:0; background-color:#FFFFFF; background-image:url(../img/pattern.gif); background-repeat:repeat; }
h1 { color:#666633; padding-bottom:5px; margin:0 auto 0 0; padding-top:15px; font:normal 20px Georgia, "Times New Roman", Times, serif; text-align:center; padding-left:10px; width:210px; }
span.ImgDesc { display:block; width:397px; float:right; font:11px "Lucida Grande", Lucida, Verdana, sans-serif; padding-top:10px; padding-bottom:10px; }
.clear { clear:both; }
div.displayImg { float:left; width:387px; }
p { font-family:verdana, sans-serif; font-size:10px; text-align:center; color:#990000; margin-bottom:5px; padding:0 0 0 0px; }
p.links { font-family:verdana, sans-serif; font-size:10px; text-align:left; color:#990000; margin-bottom:5px; padding:5 0 0 25px; }
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; text-align:center; color:#FFFFFF; padding-top:5px; }
a:link { color:#87CEFA; }
a:visited { color:#4169E1; }
a:hover { color:#FFA07A; }
table.flavor { background-image:url(../img/cakebg.jpg); background-repeat:no-repeat; }
div.content { background-color:#f9f9f1; padding:8px 8px 20px; }
div.content ul { list-style:none; padding:0; width:225px; float:left; display:inline; margin:0 10px; }
div.content ul li { display:inline; width:56px; float:left; margin-right:15px; margin-top:8px; height:56px; overflow:hidden; border:2px solid #c9c9a7; }
div.content ul li a { display:block; width:60px; height:60px; overflow:hidden;  margin-right:10px; margin-left:10px; }
div.content ul li a img { width:200px; position:relative; margin:-100px; border:2px solid #c9c9a7; }

/* Photo
---------------------------------------------*/

#PhotoBox { padding: 30px 0 0; height: auto; margin-right: 30px; margin-left: 56px; width: 498px;   }


#lftCol div.content.photoContent {}

	
	

#Container {
	position: relative;
	margin: 0 auto;
	background-color: #808080;
	border: none;
	font-size: 0px;
}


/* Photo Navigation
---------------------------------------------*/

#Controls {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;
	background: transparent url(../img/controls.gif) left top no-repeat;
	height: 28px;
	width: 67px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}

#Controls a {
	text-indent: -9000px;
	float: left;
	display: block;
	height: 28px;
}

#PrevLink { width: 25px; background: transparent url(../img/controls.gif) left top no-repeat; }
#PlayToggle { width: 17px; background: transparent url(../img/controls.gif) -25px top no-repeat; }
#NextLink { width: 25px; background: transparent url(../img/controls.gif) -42px top no-repeat; }

#PrevLink:hover { width: 25px; background: transparent url(../img/controls.gif) left -28px no-repeat; }
#PlayToggle:hover { width: 17px; background: transparent url(../img/controls.gif) -25px -28px no-repeat; }
#NextLink:hover { width: 25px; background: transparent url(../img/controls.gif) -42px -28px no-repeat; }


/* Loading
---------------------------------------------*/

#Loading {
	text-align: left;
	padding: 20px 0 0 20px;
	font-size: 11px;
	color: #ccc;
	font-weight: bold;
	vertical-align: middle;
}

#Loading img {
	vertical-align: -30%;
	margin-right: 3px;
}


/* Caption
---------------------------------------------*/

#CaptionContainer {
	margin: 0 auto;
	text-align: left;
	padding: 5px 0;
	width: 500px;
}

#CaptionContainer p {
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#Counter {
	padding-right: 5px;
	color: #999;
}


/* Thumbnail View
---------------------------------------------*/

#ViewThumbs {
	margin-top: 2px;
	display: block;
	float: right;
	text-indent: -9000px;
	height: 13px;
	width: 71px;
	overflow: hidden;
	background: transparent url(../img/thumbnails.gif) left top no-repeat;
}

#ViewThumbs:hover, #ViewThumbs:visited:hover {
	background: transparent url(../img/thumbnails.gif) left -13px no-repeat;
}

#ThumbContainer {
	display: block;}

#ThumbContainer img {
	display: block;
	border: none;
}


#ThumbContainer a {
	float: left;
	margin: 0 4px 4px 0;
}

#ThumbContainer a:link, #ThumbContainer a:visited { border: 2px solid #999; }
#ThumbContainer a:hover, #ThumbContainer a:visited:hover { border: 2px solid #0063DC; }
#ThumbContainer a.selected:link, #ThumbContainer a.selected:visited, #ThumbContainer a.selected:hover, #ThumbContainer a.selected:visited:hover { border: 2px solid #FF0084; }
div.galleryBtn { width: 150px; float: left; display: inline; margin-right: 20px; margin-left: 20px;}
#lftCol div.content div.galleryBtn a { display: block;}
#lftCol div.content div.galleryBtn a span { display: block; font-size: 11px; text-align: center; height: 32px; padding-top: 5px;}
#lftCol div.hicock { background: url(../img/hicock-logo.jpg) no-repeat 56px 35px; display: block; padding-left: 206px; height: 50px; line-height: 50px; font-size: 12px; padding-top: 25px;}
div.galleryBtnOld { padding-top: 25px; padding-left: 8px;}
#lftCol div.content.newGal { padding-top: 14px;}
#lftCol div.galleryBtn.olderGal { width: 100%; margin: 0; padding-top: 0; padding-bottom: 30px;}
#lftCol div.galleryBtn.olderGal a { background-image: none; width: 277px; float: left; display: inline; margin: 4px;}

#lftCol div.content.galMenu { text-align: center; color: #c83621; padding-bottom: 0;}
#lftCol div.content.galMenu a { width: 150px; padding: 0 10px; text-transform: capitalize;}
#lftCol div.content.galMenu p {  padding: 0; }
span#ImgSrc { width:279px; }
img#main { width:388px; border:2px none #c9c9a7; }
ul#nocallback img.thumbImage { width:95px; border:2px solid #c9c9a7; margin-left:-22px; margin-top:-6px; display:inline; }
#mainGal tbody tr td p a { color:#696; font-weight:bold; font-size:12px; }