/* general style */
* {
  margin: 0;
  padding: 0;
}

html {
  color: #ffefdd;
  background-color: #d2c1ac;
  font: 60% palatino, georgia, trebuchet, sans-serif;
}

a { color: #ffefdd;
  text-decoration: none;
}

a:hover { color: #d2c1ac; }

h1 {font-size: 2em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1em;}

img {border-style: none;}

ul, li {
  list-style: none;
  list-style-type: none;
}

body {
  width: 800px;
  margin: 10px auto 0px auto;
}

/* container, nav & content */

#wrapper {
  
  background-color: #44311b;
  width: 800px;
  float: left;
  margin: 0 auto;
}

#container {
  width: 800px;
  float: left;
  margin: 0 auto;
}

#header {
  margin: 5px;
  float: left;
}

/* main navigation style */

#main_nav {
  height: 2.5em;
  width: 786px;
  margin: 0 5px;
  border: 2px solid #93826c;
  padding-top: 0px;
  float: left;
  background-color: #d2c1ac;
}

#main_nav a {
   color: #38260e;

}

#main_nav ul {
  /*font-size: 150%;*/
  font-size: 1.5em;
  float: right;
  margin: 3px;
}

#main_nav ul li {
  width: 5.5em;
  float: left;
/*padding: 5px 0px 0 0px; */   
  text-align: center;
}

#main_nav ul li ul{
  display: none;
  margin: 0;
  /*font-size: 75%;*/
  font-size: .75em;
  width: 7em;
  float: left;
  overflow: hidden;
}

#main_nav ul li:hover ul,
#main_nav ul li:hover li {
  width: 7em;
  /*padding-left: 1px;*/
  display: inline;
  position: relative;
  /*float: left;*/
  z-index: 100;
  /*background-image: url('images/opaque.gif');*/
  /*background-color: #44311b;*/
  background-color: #d2c1ac;
  filter: alpha(opacity=85);
  opacity: .85;
}

/* #main_nav .last {
  width: 3em; 
  padding-left: 1.75em;
} */

/* main content style */

#main_content {
  width: 800px;
  margin-top: 15px;
  float: left;
  text-align: center;
  z-index: -1000;
}

#main_content h2 {
  margin: 50px 0;
  font-size: 250%;
} 

#main_content h3 { 
  margin-bottom: 10px;
}

#main_content p {
  margin: 0 20px 5px 20px;
  text-align: left;
}

#main_content ul {
  text-align: left;
  margin-left: 30px;
}

#main_content .page_image {
  float: left;
  margin: 0 8px 8px 10px;
}

#main_image {
  clear: both;
  z-index: -1000;
}

#images {
  width: 560px;
  margin: 25px auto 0 auto;
}

#images .image_wrapper {
  float: left;
  width: 110px;
  height: 13em;
  margin: 5px 15px;
}

#images .image {
  float: left;
  height: 110px;
  width: 110px;
  padding-top: 5px;
  margin-bottom: 2px;
}

#images .image p {
  width: 110px;
  margin: 2px 0 0 0;
  font-size: 10px;
  text-align: center;
}

.events {
  border-bottom: 1px solid #d2c1ac;
  margin: 10px;
  float: left;
  width: 20em;
} 

#main_content .events ul {
  margin-left: 0;
} 

.events li {
  text-align: left;
  padding-left: 5px;
} 

.events .event_date {
  font-size: 125%;
  color: #d4d0af;
}

#events_heading {
  margin: 20px 10px 10px 10px;
  float: left;
  width: 20em;
}

#contact_info,
#contact_form {
  width: 45%;
  float: left;
  margin: 5px 2% 5px 2%;
  font-size: 1.25em;
}

#contact_info li {
  margin-top: 5px;
  text-align: left;
}

form label {
  float: left;
  clear: left;
  margin: 5px 0;
}

form input,
form textarea {
  float: left;
  clear: left;
  margin-bottom: 5px;
}

form textarea {
  width: 350px;
}

form span.warning {
  float: left;
  color: red;
}

#main_content li {
  margin: 0 0 10px 0;
}

/* footer */

#footer {
  width: 800px;
  float: left;
  margin: 50px 0 10px 0;
  text-align: center;
}

#footer h4 {
  /*font-size: 125%;*/
	font-size: 1.25em;
  margin: 0 auto 0 auto;
}

/* admin specific style */

#log {
  float: left;
  clear: left;
  /*font-size: 110%;*/
  font-size: 1.1em;
  margin: 55px 5px 0 20px;
  padding: 3px;
}

#log h3 {
  float: left;
	clear: left;
  margin: 8px 0 2px 0;
}

#log p {
  margin-bottom: 5px;
}

#admin_title {
 float: left;
 margin: 10px 5px 0 35px; 
}

#admin_nav {
  border: 1px solid #808080;
  float: left;
  clear: left;
  /*font-size: 110%;*/
  font-size: 1.1em;
  margin: 15px 5px 0 20px;
  padding: 3px;
}

#admin_nav li {
  border-bottom: 1px solid #808080;
  padding: 6px 2px 6px 2px;
}

#admin_nav li.top {
  border-top: 1px solid #808080;
  margin-top: 6px;
}

#admin_nav li.last,
#admin_nav ul li ul li {
  border: 0;
}

#admin_nav #sub_nav li a,
#sub_nav li.top a {
  margin-left: 10px;
}

#admin_nav a {
  white-space: nowrap;
}

#admin_nav #sub_nav {
  display: none;
}

#admin_nav .drop_down:hover #sub_nav {
  display: inline;
}

#sub_nav_2 {
  white-space: nowrap;
} 

#sub_nav_2 li {
  font-size: 1em;
  margin: 0 8px 0 0;
}

#admin_main_content {
  float: left;
  margin: 15px 10px 0 10px;
}

#admin_main_content h2 {
  width: 10em;
  text-align: center;
  margin: 0 50% 10px auto; 
}

#admin_main_content h4 {
  float: left;
  clear: left;
  margin: 15px 0 5px 0;
}

#admin_main_content h5 {
  float: left;
  clear: left;
  margin: 5px;
}

#admin_main_content img#page_photo {
  float: left;
  clear: left;
}

#admin_main_content form,
#admin_main_content input,
table {
  float: left;
  clear: left;
}

#admin_main_content input.submit_button {
  margin-top: 5px;
}

table {
  background-color: white;
}

#admin_main_content ul {
  float: left;
  clear: left;
}

#admin_main_content li {
  float: left;
}

#admin_main_content ul.clear li {
  clear:left;
	margin: 1px 0;
}


#admin_main_content #user_heading li,
#admin_main_content #new_user_heading li  {
  text-align: center;
  width: 75px;
  margin: 4px;
  border-bottom: 1px solid #808080;
}

#admin_main_content #cat_heading li,
#admin_main_content #new_cat_heading li {
  text-align: center;
  width: 100px;
  margin: 4px;
  border-bottom: 1px solid #808080;
}

#admin_main_content #link_heading li,
#admin_main_content #new_link_heading li {
  text-align: center;
  width: 140px;
  margin: 4px;
  border-bottom: 1px solid #808080;
}


#admin_main_content #user_results {
  width: 500px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #808080;
}

#admin_main_content #link_results {
  width: 580px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #808080;
}

#admin_main_content #cat_results {
  float: left;
  clear: left;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #808080;
  }

#admin_main_content #cat_results li.border {
  width: 100px;
  border: 1px solid #808080;
  height: 18px;
  font-size: 125%;
  text-align: center;
  padding-top: 2px;
  }

#admin_main_content .users input {
 float: left;
 clear: none; 
 margin: 2px 3px 2px 1px;
 font-size: 15px;
 width: 75px;
}

#admin_main_content .cats input {
 float: left;
 clear: none; 
 margin: 2px 3px 2px 1px;
 font-size: 15px;
}

#admin_main_content .cats input.long {
  width: 100px;
}

#admin_main_content .links input,
#admin_main_content .links li img {
 float: left;
 /*clear: none;*/
 margin: 2px 3px 2px 1px;
 font-size: 15px;
}

#admin_main_content .links li.sized input,
#admin_main_content .links li img {
  width: 140px;
}

#admin_main_content #user_results form {
  padding-top: 2px;
  height: 24px; 
}

#admin_main_content #link_results form {
  padding-top: 2px;
}

#admin_main_content .mod_user input,
#admin_main_content .del_user input,
#admin_main_content .mod_link input,
#admin_main_content .del_link input {
}

#admin_main_content .del_user,
#admin_main_content .del_link,
#admin_main_content .del_cat {
  clear: none;
}

#admin_main_content #new_user_heading li,
#admin_main_content form #new_user_input li input {
 clear: none;
 width: 75px;
}

#admin_main_content #new_link_heading li,
#admin_main_content form #new_link_input li input {
  width: 140px;
}

#admin_main_content #new_image input,
#admin_main_content #new_image select {
  float: left;
  clear: left;
}

#admin_main_content .image h5 {
  float: none;
  clear: none;
  margin: 0;
}

#admin_main_content .images {
  width: 500px;
  float: left;
  clear: left;
}

#admin_main_content .image_container {
  border: 1px solid #808080;
  float: left;
  clear: none;
  width: 180px;
  height: 18em;
  margin: 5px;
  text-align: center;
}

#admin_main_content .displayed {
  border: 1px solid red;
  }

.image .art_order {
  width: 1em;
}

.image {
  height: 14.5em;
}

#admin_main_content .image img{
  margin-bottom: 5px;
}

.img_buttons {
  height: 20px;
  width: 156px;
  margin: 2px auto 0 auto;
}

.main {
  height: 20px;
  width: 162px;
  margin: 0 auto 0 auto;
}

.img_buttons input {
  font-size: 130%;
}

#admin_main_content .up {
  float: left;
  height: 20px;
  width: 20px;
  margin: 5px 2px;
}

#admin_main_content .down {
  float: left;
  height: 20px;
  width: 20px;
  margin: 5px 2px;
}

#admin_main_content .mod_image {
  float: left;
  height: 20px;
  width: 50px;
  margin: 5px 2px;
}

#admin_main_content .del_image {
  float: left;
   height: 20px;
  width: 50px;
  margin: 5px 2px;
}

#admin_main_content .display {
  float: left;
   height: 20px;
  width: 50px;
  margin: 5px 2px;
}

#admin_main_content .event select {
  width: 75px;
  margin: 5px 5px 0px 2px;
}

#admin_main_content .event label,
#admin_main_content .event input,
#admin_main_content .event select {
  float: left;
}

#admin_main_content .event .event_end,
#admin_main_content .event .event_details {
  clear: left;
}

#admin_main_content .event .event_start label,
#admin_main_content .event .event_end label,
#admin_main_content .event .event_details {
  clear: none;
}

#admin_main_content .events ul {
  float: none;
}

#admin_main_content .events li {
  float: none;
  margin: 5px 0 5px 0;
}

#admin_main_content .events span.event_date {
  font-size: 125%;
  border-bottom: 1px dashed gray;
}

#admin_main_content .events form {
  float: left;
  clear: none;
  padding: 0;
  margin: 5px 5px 15px 0;
}

#admin_main_content .events {
  height: 12em;
  width: 20em;
  float: left;
  clear: left;
  margin: 5px 0;  
}