/* This stylesheet is for most of Glenn Ritter's pages */
body {
	background: #CAFFFF; height:100%; background-attachment:fixed; margin:0; padding:0 10px 0 10px; border:0; 
	}
#content {
	position: relative;
	top: 0;
	left: 150px;
	font-family: Rockwell, Sans-Serif;
	width: 650px;
}
#content img {
	width: 350px;
}
#content p {
	text-align: center;
	font-family: 'ROCKWELL Bold', Serif;
	font-size: 16pt
}


em {
	display: in-line;
	font-family: 'Britannic Bold', Sans-serif;
	font-size: 16pt;
	font-weight: 300;
	font-style: normal;
}
h1 {
	text-align: center;
	font-family: 'Britannic Bold', Sans-serif;
	font-size: 28pt;
}
h2 {
	text-align: center;
	font-family: 'Britannic Bold', Sans-serif;
	font-size: 20pt;
}
h3 {
	text-align: center;
	font-family: 'Britannic Bold', Sans-serif;
	font-size: 16pt;
}
h4 {
	text-align: left;
	font-family: 'Britannic', Sans-serif;
	font-size: 16pt;
}
img {
	border: none;
}
a.contact, a.contact:visited {
	background-color: #CAFFFF;
	border: 8px outset #87CEEB;
	font: bold 18px;
	font-family: Rockwell, Sans-Serif;
	text-decoration: none;
	color: #000;
	text-align: center;
	width: 140px;
}
a.contact:hover {
	border: 8px inset #87CEEB;
}
#counter {
	background: #CAE4FF;
	font-family: Arial, Sans-Serif;
	font-size: 20px;
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 150px;
	padding: 5px 5px;
	z-index: 30;
}
#counter img {
	border: none;
	width: 135px;
}
#counter p {
	text-align: center;
}

#counter p.fineprint {
	font-size: 10px;
}

ul#gallery {
	padding: 10px 0 0 50px;
	margin: 0;
	width: 675px;
	height: 750px;
	position: relative;
}
#gallery a {
	text-decoration: none;
	position: relative;
	width: 133px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	z-index: 100;
	cursor: default;
	color: #000;
}
#gallery a img {
	position: relative;
	width: 133px;
	margin: 0;
	padding: 0;
	z-index: 100;
	border: none;
}
#gallery a span.caption {
	display: none;
}
#gallery a:active img, #gallery a:focus img {
	background: #eee;
	position: absolute;
	width: 450px;
	border: 10px outset #FFFCCF;
	z-index: 20;
}
#gallery a:active, #gallery a:focus {
	background: transparent;
	width: 500px;
	height: 375px;
	padding: 205px 0 170px 0;
	margin: 25px 0 0 35px;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 20;
	background: #CAFFFF;
}
#gallery a:hover span.caption, #gallery a:active span.caption, #gallery a:focus span.caption {
	display: block;
	text-align: center;
	font-family: 'ROCKWELL Bold', Serif;
	font-size: 16pt;
	color: #000;
}
#gallery a:hover {
	width: 500px;
	height: 375px;
	padding: 205px 15px 170px 10px;
	margin: 25px 0 0 35px;
	position: absolute;
	left: 0;
	top: 0px;
	z-index: 50;
	background: #CAFFFF;
}
#gallery a:hover img {
	background: #eee;
	position: relative;
	width: 450px;
	border: 10px outset #CBCAFF;
	z-index: 50;
}
#gallery li {
	list-style-type: none;
	width: 133px;
	height: 100px;
	left: 0px;
	margin: 0 5px 5px 0;
	padding: 0;
	float: left;
	z-index: 100;
}
#gallery p {
	text-align: left;
	font-family: 'ROCKWELL Bold', Serif;
	font-size: 12pt;
}
#gallery p:first-letter {
	font-family: 'Britannic Bold', Sans-serif;
	font-size: 20pt;
}
#NavBar .current {
	border: 3px inset;
}
#NavBar {
	font-family: 'Britannic Bold', Sans-serif;
	top: 0;
	left: 0;
	width: 150px;
	padding: 50px 5px;
	height: 100%;
	font-variant: small-caps;
	background: #CAE4FF;
position: absolute; display:block; z-index:20;
}

#NavBar a {
	display: block;
	padding: 5px;
	background-color: #CBCAFF;
	color: Black;
	border: 3px outset #E5CAFF;
}
#NavBar a:hover {
	border: 3px inset #E5CAFF;
}
#NavBar img {
	margin-bottom: 50px;
	width: 130px;
	display: block;
	padding: 5px;
}
#NavBar p {
	background: #996699;
	text-align: center;
	padding: 5px 0px;
}
/* hack for Internet Explorer */
#gallery li.pad {
	height: 415px;
	display: block;
	margin: 25px 0 0 -10px;
	width: 525px;
	font-size: 14px;
	padding: 10px 0 25px 0px;
	z-index: 0;
	border: none;
	text-align: center;
	font-weight: 600;
	font-family: 'Britannic', Sans-serif;
}
#gallery li.pad img {
	width: 325px;
}
#gallery li.pad p {
	text-align: center;
}
#gallery a:visited {
	color: #000;
}
/* hack for Opera 7+ */
@media all and (min-width:0px) {
#gallery a: hover {
	background: #888;
	width: 500px;
	height: 375px;
	padding: 215px 0 160px 35px;
	margin: 25px 0 0 0;
	position: absolute;
	left: 0;
	top: 180px;
	z-index: 50;
}
#gallery a:hover img {
	background: #aaa;
	position: relative;
	width: 450px;
	border: 10px outset #FFFCCF;
	z-index: 50;
}
}