/* CSS Document */

body {
	min-height: 100%;
	position: relative;
	min-width: 780px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Helvetica Neue, arial, helvetica, sans-serif;
	color: #000;
	background-color: #887C67;
	text-align: center;

/* part 1 of 2 centering hack */
	}

/* DIVs must have a border value set in Netscape 4.x */

DIV { border: none; }

#wrapper {
	position: relative;
	min-width: 400px;
	max-width: 900px;
	min-height: 560px;
	height: auto !important;
	padding: 0px;
	margin-top:10px;
	margin-right: auto;
	margin-left: auto; 	/* opera does not like 'margin:20px auto' */	
	overflow:hidden;
	background: url(images/fountain.gif) no-repeat top left #fff;
	text-align:left; /* part 2 of 2 centering hack */
	width: 780px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 780px;
	height: 100%;
	}
html>body #wrapper {
	width: 86%;  
	height: 100%;/* ie5win fudge ends */

	}
	
#container
	{
	position:relative;
	background: transparent url(/css/home/l-col.gif) repeat-y scroll left center;
    width: 100%;
	min-height: 100%;
    float: right;
    margin-left: -230px;
	}

img.spacer {
	background: url(images/transparent.gif) repeat-x;
	}

#title {
	border: 0px;
	width: 100%;
	float: left;
	margin: 0px;
	font: 13px/19px Helvetica Neue, Arial, sans-serif;
	z-index: 3;
	}


h1 {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 160px;
	text-indent: -2000px;
	background: url(images/title.gif) no-repeat right;
	z-index: -1;
	}
h2 {
	font-size: 24px;
	line-height: 25px;
	font-weight: bold;
	font-family: Helvetica Neue, Arial, Sans-serif;
	color: #533022;
	margin-top: 20px;
	margin-bottom: 5px;
	}
h3 {
	font-size: 1.8em;
	font-weight: bold;
	font-style: italic;
	color: #533022;
	margin-bottom: 1px;
	margin-left: 30px;
	}

p {
	font-size: 1.2em;
	font-family: Helvetica Neue, Arial, sans-serif;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 5px; 
	margin-left: 30px;
	padding: 5px;
	}

p.highlight {
	font-size: 13pt;
	line-height: 14pt;
	font-family: Textile, Apple Chancery, Monotype Corsiva, cursive;
	color: #53222F;
	font-weight: bold;
	border: solid #53222F 3px;
	text-align: center;
	padding: 10px;
	margin-left: 40px;
	margin-right: 40px;
	}

.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}



.fountain {
	height: 560px;
	width: 167px;
	margin-top: 0px;
	padding:0px;
	background: url(images/fountain.gif) no-repeat top left #fff;
	min-height:100%;

	}

.extras  {
	border-top: 6px solid #533022;
	border-width: 100%;
 /*   border-bottom: 6px solid #533022; */
    padding: 0px;
    width: 97%;
    font-size: 1em;
    text-align: center;
    color: #533022;
    font-weight: bold;
    margin-top: 0px;
	margin-right: -20px;
	float: right;
	}

ul {
	margin-left: 60px;
	margin-top: 0px;
	font-family: Helvetica Neue, Arial, Sans-serif;
	font-size: 1.2em;
	}

#nav {
	border-style: solid;
	border-color: #533022;
	border-width: 1px 0px;
	height: 28px;
	background: #533022;
	padding: 0px 0px 0px 25px;
	margin-left: 16%;
	width: 83%;
	text-align: right;

	}
	
	#nav ul {
		margin: 0px;
		list-style-type: none;
		text-align: center;
		}
		
	#nav ul li {
		display: inline;
		padding: 0px 2pt 0px 20px;
		background: url(images/bullet.gif) no-repeat -12px 0px;

		}

	#nav ul li#frst {
		padding: 0px;
		background: none;
		
		}

	#nav ul li a {
		color: #fff;
		font: 18px/25px Helvetica Neue, Arial, sans-serif;
		height: 15px;
		width: auto;
		text-decoration: none;
		padding: 0px 8px;
		}

	#nav ul li a:hover {
		text-decoration: none;
		background-color:#e1e5db;
		color:#533022;
		}

	#navposition ul li a {
		color: #533022;
		background-color: #e1e5db;
		font: 18px/25px Helvetica Neue, Arial, sans-serif;
		height: 15px;
		width: 50px;
		text-decoration: none;
		padding: 0px 8px;
		}



#content {
	position: relative;
	min-width: 400px;
	max-width: 1200px;
	border: 0px;
	width: 80%;
	float: right;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	padding: 0px 20px 0px 0px;
	font: 13px/19px Arial, sans-serif;
	background: transparent url(/images/transparent.gif) repeat-y 50% 0;
	z-index: 3;
	}



a {
	text-decoration: underline;
	font-weight: bold;
	color:  #53322F;
	outline: none;
	}
a:visited {
	color:  #533022;
	}
a:active {
	color:  #533022;
	}
a:hover {
	color: #533022;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}

table.indent {
	margin-left: 30px;
	}

td.back {
	color: #fff;
	background: #533022;
	}
	
.question {
	color: #533022;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0px;
	}
	
#footer {
	position: relative;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	font-size:10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:0px;
	padding:0px;
	text-align:center;
	width: 700px;
	voice-family: "\";
	top: 19px;
}\"";
	voice-family:inherit;
	width: 700px;
	height: 10px;
	}
html>body #footer {
	width: 676px;
	height: 20px;  /* ie5win fudge ends */
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/
