/* CSS Document */

body {margin:0px; background-color:#CCCCCC;}

p {
	font-family: Georgia, Garamond, Times, serif;
	font-size: 10pt;
	letter-spacing: 1pt;
	color: #333;
	line-height: 16pt;
	text-align:justify;
	padding-left: 40px;
	padding-right: 40px;
	}
	
p.lineheight {
	line-height:14pt;
}

p.quote {
	padding-left: 60px;
	font-style:italic;
	width: 400px;
}


a {
	font-family: Georgia, Garamond, Times, serif;
	color: #333;
	text-decoration: none;
	letter-spacing: 2pt;
}

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

a.button {
	border: 1px;
	border-style: solid;
	border-color:#333333;
	padding: 5px;
}

a.button:hover {
	background-color: #999;
	color: #FFFFFF;
}

a.menu {
	font-size: 15px;
}

img {
	float: none;
	border: 0;
}

img.right {
	float: right;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 10px;
}

img.left {
	float: left;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 10px;
}

h1 {
	font-family: Georgia, Garamond, Times, serif;
	color: #333;
	letter-spacing: 3pt;
	font-weight: bold;
	font-size: 24px;
}


h2 {
	font-family: Georgia, Garamond, Times, serif;
	font-size: 12pt;
	letter-spacing: 1pt;
	color: #333;
	line-height: 20pt;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	text-align:center;
	}
	
	
h3 {
	font-family: Georgia, Garamond, Times, serif;
	font-size: 12pt;
	letter-spacing: 1pt;
	color: #000;
	text-transform: uppercase;
	padding-top: 20px;
	padding-left: 20px;
}


h4 {
	font-family: Georgia, Garamond, Times, serif;
	font-size: 10pt;
	letter-spacing: 1pt;
	color: #000;
	text-transform: uppercase;
	margin-bottom:2px;
	padding-left:30px;
}


h5 {}
h6 {}

li {
	font-family: Georgia, Garamond, Times, serif;
	font-size: 10pt;
	letter-spacing: 2pt;
	color: #333;
	text-align:justify;
}

ul {
	margin-top: 0px;
	padding-left: 60px;
	padding-right: 60px;
}



/* custom */

#content {
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	background-color:#FFFFFF;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 60px;
}

#menua > a:hover {
	text-decoration: overline;
}

#header {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 700px;
	padding-top: 100px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position:center;
	font-size:12px;
	font-weight: bold;
	text-align:center;
}

#pictmenu {margin-left: 40px; padding: 1px; height: 450px; width: 160px; float: left; display:block; overflow: auto;}
#pictmenu img {	height: 25px; width: 25px; border: 0;}
#pictmenu img:hover {border: 1px solid #000; margin: -1px;}

#pictmenu2 {margin-left: 40px; padding: 1px;  width: 100px; float: left; display:block; }
#pictmenu2 img {height: 25px; width: 25px; border: 0;}
#pictmenu2 img:hover {border: 1px solid #000; margin: -1px;}

.pictmenu2 {margin-left: 40px; padding: 1px;  width: 100px; float: left; display:block; }
.pictmenu2 img {height: 25px; width: 25px; border: 0;}
.pictmenu2 img:hover {border: 1px solid #000; margin: -1px;}


.center {
	text-align: center;
}

.background {

}

.viewer {width: 440px; border: 0px; margin-left: 15px;}
.viewer2 {width: 500px; border: 0px; margin-left: 15px;}


img.thumbnail {
	height: 25px;
	width: 25px;
	border: 0;
	}
	


#menu {
	text-align:center;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-variant:small-caps;
}

#mediaframe {width: 540px; height: 500px; padding: 0; margin: 0; border: 1px solid #000;}

.picture {width: 500px; height: 500px; padding: 0; margin: 0; }

#pdflist {width: 400px;}

#pdflist li {
	list-style-type:none; margin-top: 11px; text-align: justify; text-indent: -20px;
}

#pdflist p {width: 400px;}


#imagecolumn {float: right; width: 200px;}
#imagecolumn img {margin-bottom: 30px; width: 195px;}