/*

(c) 2009 jmcopelandcemetery.com	

*/

body { background-image: url(images/creamflower.jpg); background-attachment: fixed; }

#container {
	margin: 10px auto;
	width: 756px;
	height: auto;
	padding: 5px;
	background-color: #bcaa92;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#storecontainer {
	margin: 10px auto;
	width: 756px;
	height: auto;
	padding: 5px;
	background-color: #bcaa92;
}

#container_text {
	margin: 10px auto;
	width: 700px;
	height: auto;
	padding: 5px;
	background-color: #bcaa92;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#header {
    height : 99px;
    width:756px;
    background-image: url(images/jmccheader.png);
	text-align:center;
}

.solidblockmenu{ 
	float:left; 
	font: bold 13px Arial; 
	margin: 0; 
	overflow: hidden; 
	padding: 0; 
	width: 100%; 
	color: #ffffff; 
	background: url(images/blockbrown.gif); 
	position: relative; 
	height: 26px; 
	border: solid 1px; 
	clear: both;
}

.solidblockmenu li{
	display: inline;
}

.solidblockmenu li a{
	float:left;
	padding: 9px 11px;
	border-right: 1px solid white;
	bottom: 40px;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: url(/images/blockred.gif) repeat-x center center;
}


#menubar {
	background-color: transparent;
	width:746px;
	height:30px;
}


#menubar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}

#menubar li {
	display: inline;
}

#menubar a {
	padding: 5px 25px;
	text-decoration: none;
	color: #FFFFFF;
}

#menubar a:hover {
	background-color: #fff;
	color:#FFFFFF;
}


#footer {
	width: 756px;
	height: 60px;
	background-image: none;
	margin: auto;
	
}

#footer_text {
	text-align: center; 
	font-family: verdana, "Microsoft Sans Serif", Times, serif;
	font-size: 8pt;
	margin-top: 15px;
	color: #FFFFFF;
	line-height: 12pt;
}

#footer_text a {
	text-decoration: none;
	color: #fff;
}

#footer_text a:hover {
	color: #fff;
	text-decoration: underline;
}

/*gallery stuff */
#gallery {width:534px; position:relative; height:60px; padding-top:356px; margin:0 113px 90px 113px;}

#gallery img.left {width:55px; height:62px; background:#981818; float:left;cursor:pointer;}
#gallery img.right {width:55px; height:62px; background:#981818; float:left;cursor:pointer;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; background:#981818; border:2px solid #981818; border-width:5px 2px;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #981818; cursor:pointer;}

#gallery ul li.hide {display:none;}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {display:block; width:50px; height:50px;}

#gallery ul li span {display:none; position:absolute; left:61px; top:430px; width:411px;font-family:verdana, arial, sans-serif; color:#666; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li b {color:#981818;}

#gallery ul li.chosen {border-color:#fff; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:532px; height:355px; background:#981818; border:1px solid #000; border-width:1px 1px 0 1px;}
#gallery ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;}
#gallery ul li.chosen span {display:block;}


/* vertical align for IE */
#gallery ul li.chosen i {display:block;}
#gallery ul li.chosen i em {width:0; height:100%; display:inline-block; vertical-align:middle;} 
#gallery ul li.chosen i img {display:inline-block; vertical-align:middle;}
/* for IE6 initial photo size  */
#gallery ul li.chosen i img.start {width:390px; height:259px;}