/* shared font rules */
.font_sans, #page_header, #page_footer, .section_title, .update_date, .simple_title, .area_nav
  { font-family: "Lucida Grande", "Lucida Sans", "Trebuchet MS", Calibri, Helvetica, Arial, sans-serif; }
.font_serif, body
  { font-family: "Book Antiqua", "Times New Roman", serif; }

/* shared color rules */
.color_blue, .section_title, .section_title a { color: #316797; } /* soldier blue */
.color_gray, .update_date { color: #4C4C4C; } /* steel gray */
.color_green1, #page_header a { color: #243107; } /* dark gray-green */
.color_green2, .simple_title { color: #5D7F11; } /* forest green for page titles */
.color_green3 { color: #A3C47A; } /* brighter green */
.color_brown { color: #AD9675; }
.color_really_light_brown { color: #FFF8CF; }
.color_lightbrown { color: #FCEDA2; }
.color_medbrown { color: #EDCD81; }

body { margin: 7px; }

/* style rules for the main elements of each page */

#page_header, #page_footer, #page_body { width: 100%; min-width: 860px; } /* share width rule */

#page_header { font-size: 80%; border-bottom: #AD9675 solid 2px; float: left; background-color: #FCEDA2; }
#page_footer { clear: both; text-align: center; font-size: 70%; border-top: #AD9675 solid 2px; padding-top: 6px; padding-bottom: 7px; }
#page_body { clear: both; }

.section_title { font-size: 95%; font-weight: bold; padding: 0; margin: .4em 0; }
.section_text { margin-left: 1em; }
.section_divider { margin: 2em auto; width: 60%; border-top: #4C4C4C solid 2px; }
.update_date { font-style: italic; font-size: 80%; }
.simple_title { clear: both; letter-spacing: 2pt; font-size: 200%; text-align: center; padding: 19px 0; }
.simple_page { clear: both; margin: 0 auto 0; width: 640px; }
div.clear { clear: both; padding-bottom: 2em; }
.error_msg { background-color: #FFFF66; color: red; }
.noborder { border: none; }

/* rules for the nav links across the top of the page */ 
#page_header ul { list-style: none; margin: 0; padding: 0; margin-left: 7px; }
#page_header ul li { display: block; float: left; margin: 0; }
#page_header ul li a { display: block; margin: 0; padding: 4px 7px 7px ; }
#page_header ul li a:hover { background-color: #EDCD81; }
#page_header ul li a.active, #page_header ul li a.active:hover { background-color: #AD9675; }

/* rules for a right sidebar as on the home page */
.colmask { position: relative; clear: both; float: left; width: 100%; overflow: hidden; }
.rightbar { background: #FFF8CF; }
.rightbar .colleft { float: left; width: 200%; margin-left: -200px; position: relative; right: 100%; background-color: white; }
.rightbar .col1wrap { float: left; width: 50%; position: relative; left: 50%; }
.rightbar .col1 { margin: 0 13px 0 213px; }
.rightbar .col2 { float: right; width: 174px; position: relative; left: 187px; font-size: 85%; padding-top: .5em; }

/* rules for horizontal area navigation links, such as for shows or photos or calendars */
.area_nav { clear: both; float: left; width: 100%; }
.area_nav ul { clear: left; float: left; list-style: none; text-align: center; margin: 0; padding: 0; }
.area_nav ul li { display: block; float: left; margin: 1px; }
.area_nav ul li a { display: block; color: #316797; margin: 0; padding: 5px 11px 7px; } /* soldier blue */
.area_nav ul li a:hover { background-color: #FCEDA2; } /* light brown */
.area_nav ul li a.active, .cal_nav ul li a.active:hover { background-color: #A3C47A; }
.area_nav ul li a.disable { color: #777; }
.area_nav ul li a.disable:hover { background-color: white; }

/* combine this rule with area_nav to center the links */
.center_nav ul { position: relative; left: 50%; }
.center_nav ul li { position: relative; right: 50%; }