
/*   L A Y O U T   */
html {background:#161616; height:100%}
body {color:#FFFFFF; font-size:11px; font-family:verdana,ariel,times; height:100%; text-align:center;}
#wrapper {background-color:#161616; margin:0 auto; min-height:100%; position:relative; text-align:left; width:1000px;}
#header {border-bottom:1px solid #666666; margin:0px 20px; padding:20px 0pt 5px;}
#content {padding:20px; min-height:450px;}
#footer {border-top:1px solid #999999; bottom:0px; color:#999999; height:50px; margin:0px 20px; padding:5px 0pt 20px;}
.clear {clear:both;}
.hr {border-bottom:1px solid #999999; height:10px; margin-bottom:20px;}
#leftCol {float:left; width:160px;}
#rightCol {float:left;}
#phoenix {float:right;}

/*   T Y P E O G R A P H Y   */
h1 {color:#999999; font-size:300%; font-weight:normal; margin:0px;}
h2 {color:#FFFFFF; font-size:138.5%; margin-top:0;} /* 18px */
a {color:#FFFFFF; text-decoration:none;}
a:hover {text-decoration:underline;}
.highlight {color:#78690C;}


/*   M E N U   */
ul#menu {float:right; height:25px; margin:-18px 0 0; padding:0;}
ul#menu li {z-index:2; position:relative;color:#FFFFFF; display:block; float:left; list-style:none;}
ul#menu li div.link-container{border-right:1px solid #FFFFFF; padding:0 5px;}
ul#menu li div.last{border-right:none;}
ul#menu li.menuItemRight {border:0;}
ul#menu li a {color:#FFFFFF; display:block; font-size: 120%; text-decoration:none;}
ul#menu li a:hover, ul#menu li a.activeMenuItem  {color:#78690C; text-decoration:none;}
ul#menu li:hover ul{display:block;}

ul#menu ul.sub-menu{
	z-index:1;
	position:absolute;
	left:0;
	top:15px;
	width:200px;
	display:none;
	margin:0;
	padding:5px 0 0 0;
	background-color:#000;
}

ul#menu ul.sub-menu li{
	float:none;
	margin:0;
	padding:0;
}

ul#menu ul.sub-menu li a{
	display:block;
	padding:3px 5px;
	font-size:1em;
	color:#78690C;
}

ul#menu ul.sub-menu li:hover{
	background-color:#444;
}

ul#menu ul.sub-menu li:hover a{
	color:#fff;
}


/*   E T C   P A G E   */
#etcLeft {float:left; width:280px}
#etcLeft .imageFrame {margin-bottom:20px;}
#etcRight {float:left; margin-left:20px; width:660px}
#etcRight li {list-style:none; margin-top:10px;}
.etcText {padding:0 0 15px 20px;}


/*   H O M E   P A G E   */
#homeLeft {float:left; width:720px}
#homeLeft .imageFrame {float:right; width:450px}
#homeRight {float:left; margin-left:20px; width:220px}
#imageCaption {margin-top:365px;}

#rightCol p.bottom{
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
}


/*   F O R M S   */
form label {display:block; float:left; font-weight:bold; width:150px;}
form label .note {font-weight:normal; font-size:90%; padding-right:10px;}
form span.required {color:#DB0048;}
form input, form textarea {padding:3px; border:1px solid #DDDDDD; width:400px;}
form select {padding:3px; border:1px solid #DDDDDD; width:408px;}
form input.selectedInput, form select.selectedInput, form textarea.selectedInput {background-color:#E1E1E1; border:1px solid #D3EFBD;}
form .submitButton {background-color:#EEEEEE; color:#2E2E2E; cursor:pointer; margin-left:458px; width:100px;}
form .selectButton {background-color:#EEEEEE; color:#2E2E2E; cursor:pointer; margin-left:10px; width:100px;}
form div.error_message {color:#DB0048; font-weight:bold; padding:0 0 5px 150px;}
form div.grippie {background:#EEEEEE url(../img/grippie.png) no-repeat scroll center 2px; border-color:#DDDDDD; border-style:solid;  border-width:0pt 1px 1px; cursor:s-resize; height:9px; overflow:hidden; margin-left:150px; margin-bottom:1em;}
form p.date select {margin-right:20px; width:120px;}

form div#captcha-container{
  width:558px;
  padding-top:30px;
}

form div#captcha-container img#captcha{
  padding-left:150px;
}

form div#captcha-container label,
form div#captcha-container input{
  float:left;
  margin-top:10px;
}

form input.captcha{
  width:150px;
}

/*   G A L L E R Y   */
#gallerySelect {border-bottom:1px solid #999999; position:relative; height:40px;}
#gallerySelect form {position:absolute; right:0px; top:3px;}
#gallerySelect form select {width:200px;}
#gallerySelect form .submitButton {margin:0; width:auto;}
#gallerySelect h2 {color:#999999; font-size:200%; font-weight:normal; margin:0px;}
#gallerySelect h2 span {color:#78690C;}
#gallery ul {margin-left:30px;}
#gallery ul li {float:left; list-style:none; margin:10px 10px 10px 10px;}
