p {
	font-family: "Myriad Pro", Arial, Serif;
	color: #333333;
	font-size: 15px;
	text-align: justify;
	padding: 8px;
} 

a {
	text-decoration: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

h1 {
	font-family: "Myriad Pro", Arial, Serif;
	text-align: left;
	color: #336699;
	font-size: 22px;
	font-weight: 700;
	text-shadow: #cccccc 3px 3px 2px;

}

h2 {
	font-family: "Myriad Pro", Arial, Serif;
	text-align: left;
	color: #336699;
	font-size: 18px;
	font-weight: 700;
	text-shadow: #cccccc 3px 3px 2px;
}

hr {
	border: 0;
	width: 100%;
	color: #cccccc;
	background-color: #cccccc;
	height: 2px;

}

body {
	background-color: #ffffff;
	margin: 0 auto;
	text-align: center;
	margin-top: 0px;
	padding: 0px;
	border: 0px;
	min-height: 100%;
}

#wrapper {
	margin: 0 auto;
	margin-top: 0px;
	padding: 0px;
	width: 988px;
	text-align: left;
	position: relative;
	border: 2px;
	border-color: #cccccc;
	border-style: solid;
	background-color: white;
	z-index:0;
}

#maincontent {
	position: relative;
	padding: 0px; 
	width: 926px; 
	background-color: #FFFFFF;
	border: 0px;
	margin: 0 auto;
	margin-top: 249px;
	z-index:1;
}

#footer {
	clear: both;
	margin: 0 auto;
	position: relative
	padding: 0px; 
	text-align: center;
	width: 986px; 
	background: #ffffff;
	border: 0px;
	z-index: 8;
}

div.img {
	margin:2px;
	border:0;
	height:auto;
	width:auto;
	float:left;
	text-align:center;
}

div.img img {
	display:inline-block;
	margin:6px;
	border:1px solid #cccccc;
}

div.img2 {
	margin:2px;
	border:0px;
	height:auto;
	width:auto;
	float:right;
	text-align:center;
}

div.img2 img {
	display:inline-block;
	margin:6px;
	border:1px solid #cccccc;
}

div.desc {
	font-family: "Myriad Pro", Arial, Serif;
	color: #000000;
	font-size: 11px;
	text-align: center;
	font-weight:normal;
	margin:2px;
}

#galleryholder {
	padding: 0px; 
	width: 740px; 
	background-color: #000000;
}

#galleryholder ul { list-style: none;}

#galleryholder ul li { display: inline;}

#galleryholder ul img {
		border: 5px solid #000000;
		border-width: 5px 5px 20px;}

#galleryholder ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;}

#galleryholder ul a:hover { color: #fff;}

img	 { border-style: none;}

.clear {
	clear: both;
}

.button1 { width: 145px; height: 185px; position: absolute; left: 406px; top: 66px; z-index:6;}
.button1 a { display: block; width: 145px; height: 185px; background: url(images/gideon_art_paintings_05.png) no-repeat bottom left;}
.button1 a:hover { background-position: bottom left;}

.button1_1 { width: 145px; height: 185px; position: absolute; left: 406px; top: 66px; z-index:6;}
.button1_1 a { display: block; width: 145px; height: 185px; background: url(images/gideon_art_paintings_05.png) no-repeat top left;}
.button1_1 a:hover { background-position: bottom left;}

.button1_2 { width: 145px; height: 185px; position: absolute; left: 406px; top: 66px; z-index:6;}
.button1_2 a { display: block; width: 145px; height: 185px; background: url(images/holocaust_buttons_05.png) no-repeat top left;}
.button1_2 a:hover { background-position: bottom left;}

.button2 { width: 145px; height: 185px; position: absolute; left: 551px; top: 66px; z-index:6;}
.button2 a { display: block; width: 146px; height: 185px; background: url(images/gideon_art_paintings_06.png) no-repeat top left;}
.button2 a:hover { background-position: bottom left;}

.button2_1 { width: 145px; height: 185px; position: absolute; left: 551px; top: 66px; z-index:6;}
.button2_1 a { display: block; width: 146px; height: 185px; background: url(images/gideon_art_paintings_06.png) no-repeat bottom left;}
.button2_1 a:hover { background-position: bottom left;}

.button2_2 { width: 145px; height: 185px; position: absolute; left: 551px; top: 66px; z-index:6;}
.button2_2 a { display: block; width: 146px; height: 185px; background: url(images/holocaust_buttons_06.png) no-repeat top left;}
.button2_2 a:hover { background-position: bottom left;}

.button3 { width: 145px; height: 185px; position: absolute; left: 697px; top: 66px; z-index:6;}
.button3 a { display: block; width: 145px; height: 185px; background: url(images/gideon_art_paintings_07.png) no-repeat top left;}
.button3 a:hover { background-position: bottom left;}

.button3_1 { width: 145px; height: 185px; position: absolute; left: 697px; top: 66px; z-index:6;}
.button3_1 a { display: block; width: 145px; height: 185px; background: url(images/gideon_art_paintings_07.png) no-repeat bottom left;}
.button3_1 a:hover { background-position: bottom left;}

.button3_2 { width: 145px; height: 185px; position: absolute; left: 697px; top: 66px; z-index:6;}
.button3_2 a { display: block; width: 145px; height: 185px; background: url(images/holocaust_buttons_07.png) no-repeat top left;}
.button3_2 a:hover { background-position: bottom left;}

.button4 { width: 145px; height: 185px; position: absolute; left: 842px; top: 66px; z-index:6;}
.button4 a { display: block; width: 146px; height: 185px; background: url(images/gideon_art_paintings_08.png) no-repeat top left;}
.button4 a:hover { background-position: bottom left;}

.button4_1 { width: 145px; height: 185px; position: absolute; left: 842px; top: 66px; z-index:6;}
.button4_1 a { display: block; width: 146px; height: 185px; background: url(images/gideon_art_paintings_08.png) no-repeat bottom left;}
.button4_1 a:hover { background-position: bottom left;}

.button4_2 { width: 145px; height: 185px; position: absolute; left: 842px; top: 66px; z-index:6;}
.button4_2 a { display: block; width: 146px; height: 185px; background: url(images/holocaust_buttons_08.png) no-repeat bottom left;}
.button4_2 a:hover { background-position: bottom left;}

.info {
color: #00529B;
background-color: #cccccc;
}