/* default elements*/
* {margin: 0; padding: 0;}

body {
    background: #000000 url(img/BG4.png);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:bottom center; 
	font-size: 10px;
	font-family: Sans-Serif;
	padding: 2% 0;
}

a {color: #642;}
a:hover {color: #963;}

big {font-size: 1.1em;}

h1,h2,h3 {color: #442; padding: 7px 0 0px;}

h1 {font: normal 2.4em serif,sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em serif,sans-serif;}
h3 {font: bold 1.2em serif,sans-serif;}

blockquote {
	background: url('img/quote.gif') no-repeat;
	display: block;
	font: normal 8px Georgia,serif;
	padding-left: 26px
}

table {
	border: 1px solid #666666;
	width:575px;
	border-collapse: collapse;
	}
td { border: 1px solid #666666; }
th { border: 1px solid #666666; }


form,table {margin-bottom: 1.2em;}
img {border: none;}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}
ul {padding: 0 2em 1.2em;}


/* structure */
#DROPDOWNwrapper
{
	margin: 0 auto;
	width: 630px;
}

#wrapper {
	background: #000000;
	margin: 0 auto;
	width: 630px;
}

#container {
	background: #FBF9F4;
	border-top: 6px solid #000000;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto;
	width: 620px;
}

/* header */
.title {
	background: #E2DED4;
	border-top: 1px solid #996;
}
.title h1 {
	color: #441;
	font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
	padding: 10px 0 10px 18px;
}

.header {
	background: url(img/header.png) no-repeat center bottom;
	height: 248px;
}


/* main */
.main {
	background: #FFF url(img/textboxbg.png) repeat-y;
}

/* bottom */
.bottom {
	background: #DCDAC9 url(img/bottom.gif) no-repeat left bottom;
	border-top: 1px solid #AA8;
	color: #444;
	padding: 14px 20px;
}
.bottom .left,.bottom .right {width: 49%;}

/* footer */
.footer {
	background: #000000;
	color: #EED;
	padding: 10px;
	font: normal 10px sans-serif;
}
.footer .left {width: 66%;}
.footer .right {
	width: 33%;
	text-align: right;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover, .footer .right a:hover {
	color: #FFF;
	text-decoration: underline;
}
.footer .right, .footer .right a {color: #7D7D75;}

/* gallery */
.gallery td {
	vertical-align: top;
	text-align: center;
}
.gallery em {display: block;}

/* misc */
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width: 64%;}
.col2 .right .content {background: #FFF;}
.col2 .right {width: 33%;}
.content {
	padding: 18px 20px;
	font: normal 12px sans-serif;
	}
.left {float: left;}
.right {float: right;}
.right .content {padding: 18px 12px 12px;}

/* block list */
ul.block {
	border-top: 1px dashed #BCBAAC;
	margin: 4px 0;
	padding: 0;
	width: 90%;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.block li a,.block li em {
	color: #553;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	background: #D2D0C0;
	color: #553;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}


/* -------------------------------------------------------------------------------------Begin CSS Drop Down Menu -------------------------------------------------------------------------*/
#menuh-containers
	{
	width:595px;
	margin-left: auto;
	margin-right: auto;
	}

#menuh
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	background-color: #333322;
	/*--------------------------
	margin:1em;
	margin-top: 1em;
	-------------------------*/
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #000000;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: black;
	background-color: #dfd2b8;  /*that's a tan color */
	text-decoration:none;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: white;
	background-color: cornflowerblue;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:85px;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/*--------------------------------------------------------------------------------------- End CSS Drop Down Menu -------------------------------------------------------------------------------------*/