@charset "UTF-8";
/* CSS Document */

/* reset section - based on Eric Meyer's reset */
				html, body, div, span, applet, object, iframe,
				h1, h2, h3, h4, h5, h6, p, blockquote, pre,
				a, abbr, acronym, address, big, cite, code,
				del, dfn, em, font, img, ins, kbd, q, s, samp,
				small, strike, strong, sub, sup, tt, var,
				b, u, i, center,
				dl, dt, dd, ol, ul, li,
				fieldset, form, label, legend,
				table, caption, tbody, tfoot, thead, tr, th, td {
					margin: 0;
					padding: 0;
					border: 0;
					outline: 0;
					font-size: 100%;
					vertical-align: baseline;
					background: transparent;
				}
				body {
					line-height: 1;
				}
				ol, ul {
					list-style: none;
				}
				blockquote, q {
					quotes: none;
				}
				
				/* remember to define focus styles! */
				:focus {
					outline: 0;
				}
				
				/* remember to highlight inserts somehow! */
				ins {
					text-decoration: none;
				}
				del {
					text-decoration: line-through;
				}
				
				/* tables still need 'cellspacing="0"' in the markup */
				table {
					border-collapse: collapse;
					border-spacing: 0;
				}
/* end reset section */

body {font-family: "New Century Gothic", Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
text-align:center;
color:#000066;}

body h1 {font-size: 160%;
margin-top:1em;
margin-bottom:.5em;
text-align:left;
}

h2 {clear:both;
font-size: 105%;
margin-left: .5em;
margin-bottom: .5em;
margin-right: .5em;
margin-top: .5em;}

#container {

margin:0 auto;
width: 85%;

text-align:left;


}

p {margin: 1em;}


#header {height: 100px;

}




#nav {
}

#menu {margin-top:1em;
position:relative;

}


#menu li.on ul, #menu li.off ul {
		margin: 0;
		padding: 0;
	}

	#menu a {
		text-decoration: none;
	}

	#menu li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 15px;
	}

	#menu li ul {
		display: none;
	}

	#menu li.off ul, #menu li.on ul { /*put the subnav below*/
		position: absolute;
		top: 25px;
		*top: 25px;
		left: 0px;
		padding-top: 10px;
		background: #ffffff;  /* d6e3b0 */
		height: 28px;
		width: 640px;
		border-top: 1px solid #000066; 
	}

	#menu li a {
		color: #6B84CF;  /* d6e3b0 */
		font-weight: bold;
		display: block;
		height: 15px;
		width: 100px;
		border: 1px solid #6B84CF;  /* d6e3b0 */
		padding: 5px;
	}

	#menu li.on a {
		border-top: 2px solid #000066;  /* 7a8566 */
		border-left: 2px solid #000066;
		border-right: 2px solid #000066;
		border-bottom: 3px solid #ffffff;
		color: #000066;  /* 7a8566 */

	}

	#menu li.on ul a, #menu li.off ul a {
		float: left; /*ie doesn't inherit the float*/
		border: 0;
		color: #000066;
		width: auto;
		margin-right: 15px;
		text-decoration:underline;
	}

	#menu li.on ul {
		display: block;
	}

	#menu li.off:hover ul {
		display: block;
		z-index: 6000;
				}

	#menu li.off a:hover, #menu li:hover a {
		background: #ffffff; /* d6e3b0 */
		color: #000066;  /* 7a8566 */
		
	}



/* 
#container #header #nav li {
	display: inline;
	list-style-image: none;
	list-style-type: none;
	padding: 1em; 
	
}
*/


.clear {clear:both;}

/*
#header a {text-decoration: none;}

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

#header a.current {color: #00FF99;}
*/

#main {clear:both;

float: left;
/* width: 95%; */
background-color: #FFFFFF;
/* border: #000000 ridge; */
}



div#content {
float: left;

margin: 20px 0 0 10px;
display: inline;
}

#thumbnails {height: 500px;
width: 300px;
position: absolute;
margin-top: 20px;
margin-left: 20px;
z-index:1;
border:1px;}

img.thumbs {float:left;
height: 60px;
width: 60px;
margin-right: 2px;
margin-bottom: 2px;
}

#full_painting {position:absolute;
margin-left: 310px;
margin-top: 20px;
width: 450px;
height: 500px;
z-index:2;
border: 1px;
}

div#full_painting p{clear:both;}

img.full_img {float: left;
max-height: 800px;
max-width: 450px;
}

dt, dd {margin:.15em;
padding: .25em;}
dd {margin-left: .5em;}

#footer {clear: both;
}