/* ________________ general ________________ */

body
	{
	margin: 0;
	padding: 0;
	background: #554 url('../images/bg.gif');
	xfont: small/1.5em georgia, times, serif;
	font: small/1.5em verdana, arial, sans-serif;
	color: #333331;
	xtext-align: center;
}
	
a
	{
	color: #c50;
	text-decoration: none;
	border-bottom: 1px solid #dca;
	}
	
a:visited
	{
	color: #a86;
	border: none;
	}
	
a:hover
	{
	color: #000;
	border-bottom: 1px solid #333331;
	}
	
acronym
	{
	cursor: help;
	font-style: normal;
	border: none;
	}
	
h1
	{
	display: none;
	}
	
h2
	{
	font-size: 2em;
	font-weight: normal;
	color: #922;
	margin: 0 0 0.7em 0;
	padding: 0;
	}
	
h3
	{
	width: 520px;
	height: 20px;
	margin: 0.4em 0 0.4em 0;
}
	
h3 span
	{
	xdisplay: none;
	xvisibility: hidden;
	}
	
p
	{
	text-indent: 1.5em;
	font-size: 88%;
	margin: 0 0 0.6em 0;
	}

/* The following hack is to correct paragraph text size in IE/WIN */

/* \*/ * html body p { font-size: 80%; } /* */


/* ________________ containers ________________ */


#container
	{
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 855px;
	background: #fff url('../images/main_02.png') repeat-y;
	border-bottom: 15px solid #000;
}
#intro
	{
	width: 855px;
	background: #fff url('../images/main_02.png') repeat-y;
}
#supportingText
	{
    left: 190px;
	position: absolute;
	top: 315px;
	width: 560px;
	margin-left: 10px;
}

#portfolioIndexText
	{
	left: 190px;
	width: 585px;
	margin-left: 10px;
	position: relative;
	height: 1200px;
}

#paintingThumbs
	{
	padding: 0px;
	left: 205px;
	width: 585px;
	margin-left: 10px;
	position: relative;
	height: 720px;
}


#Index_Portfolio_ThumbNail
	{
	left: 0px;
	top: 0px;
	width: 550px;
	margin-left: 0px;
	position: absolute;
}

#Index_Portfolio_ThumbNail_02
	{
	left: 250px;
	top: 0px;
	width: 385px;
	margin-left: 10px;
	position: absolute;
}


#preamble
	{
	position: relative;
	left: 190px;
	margin-left: 30px;
	width: 550px;
}
#pageHeader
	{
	width: 855px;
	height: 225px;
	background: url('../images/top_2012-04-18_TEST03.jpg') no-repeat;
}

X#quickSummary
	{
	position: absolute;
	left: 510px;
	width: 210px;
	background: url('css/header_3D%20animation.gif') no-repeat 0 0;
	border-bottom: 1px solid #923b09;
	}
	
#footer
	{
	margin: 3em 0 0 0;
	font: bold 9px/3em tahoma, verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 2em;
	}
	
#linkList
	{
	position: absolute;
	top: 225px;
	left: 510px;
	width: 210px;
	margin-right: 30px;
	}
	

	
/* ________________ lists & typo ________________ */
	
#pageHeader h1,
#pageHeader h2
	{
	display: none;
	}

#quickSummary p.p2
	{
	text-indent: 0;
	font: 10px/16px tahoma, verdana, sans-serif;
	color: #efece3;
	padding: 5px 17px;
	margin: 25px 0 0 0;
	background: #bd4d0d url(list-bg.jpg);
	border-top: 1px solid #923b09;
	}
	
#quickSummary p.p2 a
	{
	color: #efece3;
	border: none;
	font-weight: bold;
	}
	
#quickSummary p.p2 a:hover
	{
	color: #ec9;
	}

#quickSummary p.p1
	{
	display: none;
	}
	
#footer a
	{
	background: #cb9;
	padding: 2px 5px;
	color: #edb;
	border: none;
	margin: 0;
	}
	
#footer a:hover
	{
	background: #000;
	border: none;
	}
	
#linkList h3
	{
	width: 210px;
	height: 25px;
	margin: 1em 0 0 0;
	padding: 0;
	}
	
#linkList p,
#linkList li
	{
	font: x-small/1.6em tahoma, verdana, sans-serif;
	color: #efece3;
	text-indent: 0;
	}
	
#linkList ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #923b09;
	background: #bd4d0d url(list-bg.jpg);
	}
	
#linkList li
	{
	color: #000;
	border-bottom: 1px solid #923b09;
	line-height: 1.5em;
	padding: 0.5em 17px;
	}
	
#linkList li:hover
	{
	background: #b64a0b;
	}
	
#linkList li a
	{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	display: block;
	color: #f4f0e6;
	font-weight: bold;
	margin-left: -12px;
	padding-left: 12px;
	background: url('css/arrow.gif') no-repeat 0 60%;
}
	
#linkList li a:hover
	{
	color: #ec9;
	background-position: -300px 60%;
	}
	
#linkList li a.c
	{
	display: inline;
	padding: 0;
	margin: 0;
	background: none;
	color: #000;
	font-weight: normal;
	}
	
#linkList li a.c:hover
	{
	color: #6e2308;
	}
	
#linkList #larchives li,
#linkList #lresources li,
#linkList #lfavorites li
	{
	padding: 0.5em 0;
	}

#linkList #larchives li a,
#linkList #lresources li a,
#linkList #lfavorites li a
	{
	background: transparent url(bullet.gif) no-repeat 5px 60%;
	display: inline;
	padding-left: 17px;
	margin: 0;
	}
	
#linkList #larchives li a:hover,
#linkList #lresources li a:hover,
#linkList #lfavorites li a:hover
	{
	background-position: -295px 60%;
	}
	
h3.select 
	{ 
	background: url('css/bg_brown.gif');
	border: 1px solid #800000;
    font-size: 12pt;
    font-weight: bold;
    padding: 3pt;
    color: white;
    letter-spacing: 1pt;
	xbackground: transparent url(h3-select.gif) no-repeat;
	}

xh3.resources { background: transparent url(h3-resources.gif) no-repeat;}
xh3.archives { background: transparent url(h3-archives.gif) no-repeat; }
xh3.favorites { background: transparent url(h3-favorites.gif) no-repeat; }

x#preamble h3 { background: url(h3-theroad.gif) no-repeat; margin-top: 0; }
x#explanation h3 { background: url('css/h3-sowhat.gif') no-repeat;
}
x#participation h3 { background: url(h3-participation.gif) no-repeat; }
x#benefits h3 { background: url(h3-benefits.gif) no-repeat; }
x#requirements h3 { background: url(h3-requirements.gif) no-repeat; height: 23px; margin-bottom: 0.7em; }