/* framework styles */
body {background: #f49ac2 url('/images/pink-back.jpg') repeat-x; color: #000; font-family: arial, verdana, helvetica, sans-serif; margin: 0px; margin-top: 0px; padding: 0px; text-align: left; font-size: 0.9em; line-height: 1.2;}
#page_body {margin: 0px 94px 0px 0px; width: auto; padding-left: 10px; padding-right: 10px; text-align: left; overflow: hidden; position: relative; background: #fff url('/images/fritillary-backdrop.jpg') top left no-repeat;}
td {font-size: 1em;}

#page_header {}
#page_nav {float: left; width: 150px;}
#page_content {color: #2d2d2d; margin-left: 160px; margin-right: 160px;}
#page_content_wide {color: #2d2d2d; margin-left: 195px; margin-right: 10px;}
#page_features {position: absolute; top: 93px; right: 10px; width: 150px; overflow: hidden; background: #fff;}
#page_container {min-width: 850px; max-width: 1200px; margin: 0px auto; background-image: none;}
#left_gutter {background-image: url('/images/lace-left.png'); background-position: top left; background-repeat: repeat-y;}
#right_gutter {margin-left: 94px; background-image: url('/images/lace-right.png'); background-position: top right; background-repeat: repeat-y;}

/* navbar styles */
ul.navbar  {margin:0px; padding:0px; border: 0px none; list-style: none;}
ul.navbar li {margin:1px 1px 0px 1px; padding: 3px 5px 3px 5px; height: 22px; border: solid 1px #fce4ec;}
ul.navbar li:hover {background-color: #fce4ec;} 
.navbar a {display: block; width: 100%; height: 100%; text-decoration: none;}

/* footer styles */
.footer {text-align: right; padding: 10px;}

/* header styles */
.header {}
.header_left {text-align: center;}
.header_right {text-align: right; padding-top: 10px; padding-right: 10px;}

/* generic */
.clear {clear: both;}
.space {clear: both; height: 10px;}
.image {border: 1px solid #ccc; padding: 1px; float: left; margin-right: 10px;}
img {border: 0px;}
.center {text-align: center;}
p {margin-top: 0px; margin-bottom: 10px;}
.lstrip {position: absolute; width: 148px; height: 25px; bottom: 0px; left: 0px; right: 0px; background: url('/images/lace-strip.png') repeat-x; text-align: right; padding-top: 18px;}
.lstrip a {color: #666; font-weight: bold; text-decoration: none; display: block; width: 100%; height: 100%;}
.line {color: #b65087; background: #b65087; height: 1px; margin: 10px;}
.fleft {float: left;}
.fright {float: right;}
.small {font-size: 80%;}
.button {border: 1px solid #b65087; padding: 4px; background: #f49ac2; color: #fff; font-weight: bold; text-decoration: none;}
.mt0 {margin-top: 0px;}

/* lists */
dd {margin-bottom: 10px; font-size: 90%;}

/* text */
h1 {background-color: #fff0f5; padding: 2px 2px 2px 10px; color: #666; margin-top: 0px;}
h2 {background-color: #fff0f5; padding: 2px 2px 2px 10px; color: #666;}
h3 {background-color: #fff0f5; padding: 2px 2px 2px 10px; color: #666;}
h4 {background-color: #eee; color: #333; margin-top: 0px; margin-bottom: 3px; padding: 2px 4px; border-bottom: 2px solid #ccc;}

/* dates */
.date {width: 70px; height: 70px; background: url('/images/date-back.gif') no-repeat; text-align: center; font-family: arial, helvetica, sans-serif; font-weight: bold;}
.month {font-size: 18px; color: #fff; display: block;}
.day {font-size: 36px; display: block; color: #000;}
.year {font-size: 8px; display: block; color: #000; position: relative; top: -7px;}
.workshop .date {background: url('/images/date-back-green.gif') no-repeat;}
.meeting .date {background: url('/images/date-back-purple.gif') no-repeat;}
.fritillary .date {background: url('/images/date-back-red.gif') no-repeat;}
.christmas .date {background: url('/images/date-back-christmas.gif') no-repeat;}
.committee .date {background: url('/images/date-back-deeppurple.gif') no-repeat;}
.exhibition .date {background: url('/images/date-back-yellow.gif') no-repeat;}

/* tables */
.events_table .col1 {width: 75px;}
.events_table td {vertical-align: top;}
.standard_table td {border: 1px solid #ccc;}
.standard_table td:hover {background-color:#eee ;}

/* ie 6 fixes */
* html #page_container {width: 980px;}
* html #right_gutter {margin-left: 0px;}
* html #page_body {width: 980px; margin: 0px;}