/* Classic Aligned 2 skin for Jalbum */
/*
skinVersion=2.7.4
bodyBgColor=#cccccc
bodyColor=#660000
spanTitleColor=#660000
slideTitleColor=#660000
slideBorderColor=#000000
thumbBorderColor=#000000
indexCommentColor=#660000
aColor=#000099
aHyperlinkColor=#000099
slideShColor=#4f4f4f
thumbShColor=#4f4f4f
fontSizeBody=14
fontSizeSlideBreadCrumbs=12
fontSizeThumbBreadCrumbs=12
fontSizeSlideCaption=14
fontSizeIndexCaption=14
fontSizeMetaBox=10
fontSizeCopyrightSlideFooter=10
fontSizeCopyrightIndexFooter=10
fontSizeSlideFreeText=10
fontSizeIndexFreeText=10
slideTitleAlign=center
slideInfoAlign=center
*/

html, body { border: 0; margin: 0; padding: 0; }
body {			/* The BODY contains the padding that pushes in the SIZER */
	padding: 0 390px;
	margin: 0;
	color: #600;
	background: #CCC url(/images/bkgrd_pagetop.gif) repeat-x;
	font-family: verdana, arial, helvetica, sans-serif;
	}
#sizer {			/* The SIZER takes a percentage of the space left by the BODY */
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 500px;
	}
#expander {		/* The EXPANDER uses negative margins to push out the sides and take back the space lost to BODY padding */
	margin: 20px -390px;
	min-width: 780px;	/* Critical Safari fix! */
	position: relative;
	}
/************** General Rules *************/
a { text-decoration: none; }
a:link { color: #009; }
a:visited { color: #639; }
a:active { color: #00c; outline: none; }
a:hover { color: #00c; }
img {
	margin: 0;
	padding: 0;
	border: 0;
	}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
p {
	margin: 0;
	padding: 0;
	}
/****************** Main Page Structures*****************/
#header h1 {
	margin: 0 0 0 20px;
	padding: 0;
	color: #880000;
	font: bold 185% arial, helvetica, sans-serif;
	}
#header h2 {
	margin: -8px 0 0 20px;
	padding: 0;
	color: #000033;
	font: bold 140% arial, helvetica, sans-serif;
	}
#navmenu {
	width: 90%;
	margin: 20px auto 10px;
	position: relative;
	background: url(/images/nav_right.gif) no-repeat top right;
	}
#nav_left {
	position: absolute;
	width: 10px;
	height: 40px;
	background: url(/images/nav_left.gif) no-repeat;
	}
#navmenu ul {
	display: table;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	background: url(/images/nav_separator.gif) no-repeat;
	}
#navmenu ul li {
	display: inline;
	}
#navmenu ul li a {
	float: left;
	display: block;
	padding: 12px 20px;
	background: url(/images/nav_separator.gif) no-repeat top right;
	}
#navmenu ul li#current a {
	background: url(/images/nav_current.gif) repeat-x;
	color: #fff;
	font-weight: bold;
	}
#navmenu ul li a:hover {
	background: url(/images/nav_hover.gif) repeat-x;
	color: #000;
	}
#navmenu ul li a:visited {
	color: #009;
	}
#homemenu {
	position: absolute;
	top: 35px;
	right: 20px;
	background: url(/images/nav_separator.gif) no-repeat top left;
	}
#homemenu li {
	float: left;
	padding-left: 7px;
	padding-right: 9px;
	font-size: 90%;
	background: url(/images/nav_separator.gif) no-repeat top right;
	}
#homemenu a:hover {
	color: #000;
	}
/***************************/
#content {
	margin: 0 20px;
	}
#content h1 {
	font: bold 120% verdana, arial, helvetica, sans-serif;
	background-color: #BFBFBF;
	padding: 5px 0;
	padding-left: 10px;
	margin: 0 -10px 20px;
	border-bottom: 1px solid #999;	
	}
/*****************************/
#footer {
	clear: both;
	padding: 20px;
	padding-bottom: 0;
	}
#footer ul {
	display: table;
	margin: 0 auto;
	padding: 0;
	background: url(/images/nav_separator.gif) no-repeat;
	font-size: 85%;
	}
#footer ul li {
	display: inline;
	}
#footer ul li a {
	float: left;
	display: block;
	padding: 0 20px;
	background: url(/images/nav_separator.gif) no-repeat top right;
	}
#footer ul li a:hover {
	color: #000;
	}
div.hr {
	height: 10px;
	width: 90%;
	margin: 10px auto;
	background: url(/images/hr_left.gif) no-repeat;
	}
div.hr hr {
	margin: 0;
	padding: 0;
	border: 0;
	margin-left: 8px;
	*margin-top: -5px;		/* IE hr margin won't go away */
	height: 10px;
	*height: 25px;
	background: url(/images/hr_right.gif) no-repeat top right;
	*background: url(/images/hr_right_big.gif) no-repeat top right;
	*zoom: 40%;		/* IE, shrinking big version of hr bkgrd pic to remove ugly border */
	}
#footer hr {
	clear: left;
	text-align: center;
	}
#footer p {
	color: #8C8C8C;
	font-size: 75%;
	}
#footer p a {
	color: #737373;
}
#footer p a:hover {
	color: #000;
	}
#printNotice {
	display: none;
	}
/*********************************/
div.indexTopControls {
  margin-top: 10px;  
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;  
  text-align: center;
}
div.indexBottomControls {
  margin-left: auto;
  margin-right: auto;  
  text-align: center;
}
div.indexTable {
  margin-top: 0px;  
  margin-bottom: 20px;
}
td {
  text-align: center;
  vertical-align: bottom;
}
td.indexThumbnail {
  vertical-align: bottom;
  width: 170px;

}
td.indexCaption {
  vertical-align: top;
  font-size: 14px;
  width: 170px;
}
div.indexCaption {
  margin-left: auto;
  margin-right: auto;
  max-width: 160px;
}
img.thumbnail {
  border-color: #000000;
  border-width: 0px;
  border-style: solid;
  margin-top: 20px;
}
div.container1 {
  position: relative;
  width: 100%;
}
div.slideTopControls {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  font-size: 75%;
  text-align: center;
}
div.slideBottomControls {
  position: absolute;
  top: 190px;
  left: 0;
  width: 100%;
}
#index {
	float: left;
	}
#slideshow {
	float: right;
	}
#previous {
	float: left;
	margin-left: 5%;
	position: relative;
	z-index: 3;
	}
#next {
	float: right;
	margin-right: 5%;
	position: relative;
	z-index: 3;
	}
div.container2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;  
}
div.imageBox {
  position: relative;
  z-index: 2;
  width: 624px;
  margin-left: auto;
  margin-right: auto;  
  text-align: center;

}
div.slideImage {
  margin-top: 0px;  
  margin-bottom: -12px;
  margin-left: 12px;
  margin-right: 0px;
}
p.margin10 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
p.thumbCaption {
  margin-bottom: 3px;
  margin-left: auto;
  margin-right: auto;
}
span.title {
  color: #660000;
  font-size: 14px;
}
img.slide {
  border-color: #000000;
  border-width: 0px;
  border-style: solid;
}
img.preload {
  display: none;
}
img.navButton {
  border: none;
}
.slideInfo {
  position: relative;
  z-index: 2;
  width: 570px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}