body {
   font-family: Arial, Helvetica, sans-serif;
	background-color: #333333;
   color: white;
   text-align: center; /* this is kind of a hack for a body element */
   margin: 0;
}

a {
	text-decoration: none;
}

#subtitle {
   font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	color: #66CCFF;
}

.dot {
   color: #FF0000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   vertical-align: 35%;
}

/* to center the div, width must be defined and left/right margins==0 */
div#container {
   position: relative;
   float: none;
   width: 870px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0;
   padding: 0;
   background-color: black;
   text-align: left;
}

/* Just a top spacer div to push all content down. */
div#topspacer {
   width: 870px;
   height: 20px;
   margin: 0;
   text-align: center;
}

div#headerimages {
   position: absolute;
   width: 600px;
   height: 95px;
	text-align: center;
	left: 135px;
	margin: 0px auto 0px auto;
	background-color: black;
}

div#navleft, div#navright {
   display: none;
}

div#navleft {
   display: none;
}

div#navright {
   display: none;
}

.navlabel {
   display: none;
}

#welcomemessage {
   position: absolute;
	left: 262px;
	top: 115px;
	text-align: left;
}

.cyan_p {
	font-size: 16px;
	font-weight: normal;
	color: #000;
}

.caption01 {
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	color: #000;
}

.white_p, .white_ptop {
	font-size: 16px;
	color: #000000;
	text-align: left;
	margin: 10px 62px 15px 40px;
	line-height: 1.25em;
}
.white_ptop {
	margin-top: 30px;
}
.white_p a, .white_ptop a {
	color: #000;
	text-decoration: underline;
}
.white_p a:visited, .white_ptop a:visited {
	color: #000;
}

#indexdiv {
	position: absolute;
	top: 115px;
	margin-top: 0px;
	width: 600px;
	height: 415px;
   left: 135px;
	background-color: black;
	text-align: center;
}

#gallerydiv {
	position: absolute;
	top: 115px;
	margin-top: 0px;
	width: 600px;
	height: 415px;
   left: 135px;
	text-align: center;
}

#thumbdiv {
	position: absolute;
	width: 130px;
	left: 40px;
	top: 25px;
	height: 380px;
	overflow: auto;
	text-align: left;
}

img.thumbnail {
	border: 4px black solid;
	text-align: left
}

/* the following two styles help hover work for img
   since simple img:hover does not work well in IE.
*/
a img.thumbnail {
	border: 4px solid black;
}
a:hover img.thumbnail {
	border: 4px solid #337777;
}
a:focus img.thumbnail {
   /* border: 4px solid #337777; */
}

#previewdiv {
	position: absolute;
	width: 250px;
	height: 250px;
	left: 245px;
	top: 38px;
}

.previewimg {
   width: 240px;
}

#footer {
   position: absolute;
   background-color: black;
   width : 870px;
   height: 35px;
	top: 530px;
	left: 0px;
	margin: 0 auto 0 auto;
}

div#footer p {
	text-align: left;
	position: absolute;
	font-size: 13px;
	margin-top: .5em;
	color: #000;
	padding-left: .9em;
}

.bctitlediv {
	background: black;
	height: 59px;
	width: 553px;
	margin: 18px auto 0px auto;  /* required to center the div */
	text-align: center;
}

/*
.bctitleimg {
	display: block;
	background: black;
	background-image: url("../images/bottlecapshrinestitle.jpg");
	background-repeat: no-repeat;
	height: 59px;
	width: 553px;
	margin: 18px auto 0px auto;
	text-align: center;
}
*/
/* Special handling to get a different background image for printing.
   Display image has a black background--used to accommodate IE6 and
   older that have no png transparency capability. */
.bctitleimg {
	display: list-item;
	list-style-image: url("../images/bottlecapshrinestitle_print.jpg");
	list-style-position: inside;
	letter-spacing: -1000em;
	font-size: 1pt;
	color: #fff;
	background-repeat: no-repeat;
	height: 59px;
	width: 553px;
	margin: 18px auto 0px auto;
	text-align: center;
}

.bcrulediv {
	display: block;
   margin: 40px auto 0px auto ;
	height: 7px;
	text-align: center;
}

#ruleimgtop {
	margin: 10px auto 0px auto;  /* top-bottom, left-right or top right bot left */
}

#ruleimgbottom {
	position: relative;
   top: 275px;
	z-index: 500;
	margin: 0 auto;
}

ul.links {
	font-family: Arial, Helvetica, sans-serif;
   width: 116px;
   margin: 0px 0px 0px 0px;
   padding: 40px 0px 0px 9px;  /* top right bottom left */
   font-size: 16px;
   font-weight: bold;
}

li {
   list-style-type: none;
   padding-bottom: 13px;
}

/* For list item, choose display: block so item is hot all the way over,
   not just over the text. */
li a {
   display : block;
   color: white;
}

li a:hover {
   background : #009999 url(../images/4frame_0tween_layerprops.gif) no-repeat;
   width: 119px;
}

#imagecenter {
	position: absolute;
   left: 40px;
	top: 70px;
}

#virtualmagnet {
	height: 136px;
	width: 125px;
	text-align: center;
}

#magnet_p {
	text-align: center;
}

/* Special handling to get a different background image for printing.
   Display image has a black background--used to accommodate IE6 and
   older that have no png transparency capability. */
/*
.bctitleimg {
	display: list-item;
	list-style-image: url("../images/bottlecapshrinestitle_print.jpg");
	list-style-position: inside;
	letter-spacing: -1000em;
	font-size: 1pt;
	color: #fff;
	background-repeat: no-repeat;
	height: 59px;
	width: 553px;
	margin: 18px auto 0px auto;
	text-align: center;
}
*/