/* --------------------------------------------------------------
START - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */

a.button, button { display: block; float: left; margin: 0 0.583em 0.667em 0; padding: 5px 10px 5px 7px; /* Links */ border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer;}
button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; /* IE6 */ }
button[type] { padding: 4px 10px 4px 7px; /* Firefox */ line-height: 17px; /* Safari */ }
*:first-child+html button[type] { padding: 4px 10px 3px 7px; /* IE7 */ }
button img, a.button img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none; }

/* Button colors ------------------------------------------ */

/* Standard */
button:hover, a.button:hover { background-color: #dff4ff; border: 1px solid #c2e1ef; color: #336699; }
a.button:active { background-color: #6299c5; border: 1px solid #6299c5; color: #fff; }

/* Positive */
body .positive { color: #529214; }
a.positive:hover, button.positive:hover { background-color: #E6EFC2; border: 1px solid #C6D880; color: #529214; }
a.positive:active { background-color: #529214; border: 1px solid #529214; color: #fff; }

/* Negative */
body .negative { color: #d12f19; }
a.negative:hover, button.negative:hover { background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19; }
a.negative:active { background-color: #d12f19; border: 1px solid #d12f19; color: #fff; }

/* Override */
a.button, button { border: 1px solid #999; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
body .positive { color: #333; }
/* --------------------------------------------------------------
END - Based on buttons.css by Kevin Hale [particletree.com]
particletree.com/features/rediscovering-the-button-element
-------------------------------------------------------------- */



body { margin: 0; padding: 0 0 2em 0; font-family: Georgia,Times,serif; color: #333; background: #a32e18 url("images/global/template_background.gif") repeat 50% top; }

a { color: #c00; }
a:hover { color: #000; }
a:active { outline: none; }

img.photo { padding: 1px; border: 1px solid; }
a img.photo { border: 1px solid #c00; }
a:hover img.photo { padding: 0; border: 2px solid #c00; }

h1 { color: #000; font-size: 2em; }
h2 { color: #333; font-size: 1.5em; margin-bottom: 0; }
h3 { color: #333; font-size: 1.25em; margin-bottom: 0; }

#wrapper { margin: 1em auto 2em auto; width: 950px; border: 4px solid #000; border-bottom: 12px solid #000; background: #f7f5ea url("images/global/wrapper_background.jpg") repeat 50% top; }

#header { background: transparent url("images/headers/default.jpg") no-repeat 1px 1px; }
body#Home #header { background-image: url("images/headers/default.jpg"); }
body#Menu #header { background-image: url("images/headers/menu.jpg"); }
body#Events #header { background-image: url("images/headers/events.jpg"); }
body#Photos #header { background-image: url("images/headers/photos.jpg"); }
body#About #header { background-image: url("images/headers/about.jpg"); }
body#Contact #header { background-image: url("images/headers/contact.jpg"); }
#header a img { float: right; margin: 18px; margin-bottom: 17px; }

#global-menu { text-align: center; height: 36px; overflow: hidden; border-top: 1px solid #000; border-bottom: 2px solid #000; background: #fff url("images/global/global_menu_background.jpg") repeat-x left top; }

#content-wrapper { background: transparent url("images/global/global_menu_shadow.jpg") repeat-x left top; }
#content-wrapper.container { width: 870px; padding: 2em 40px 0 40px; } /* This override effectively creates a 22 col grid instead of default 24 */

dl { margin: 1em 0; }
dt { margin-top: 1em; clear: both; }
dd { margin-left: 40px; clear: both; }
dd span { float: right; font-weight: normal; margin-left: 10px; }

body#menu dd { background: transparent url("images/dotted_rule.gif") no-repeat right 1.25em; }

.callout-outer { padding: 1px; border: 1px solid #666; }
.callout-inner { padding: 10px; border: 1px solid #666; }

#sidebar { color: #666; }

.driver-outer { padding: 1px; border: 1px solid #000; margin-bottom: 2em; }
.driver-inner { padding: 5px; border: 1px solid #000; background: #fff url("images/default_driver_background.gif") no-repeat center top; }

#footer { margin-top: 1em; margin-bottom: 1em; color: #666; }
#footer.container { width: 870px; padding: 1em 40px 0 40px; } /* This override effectively creates a 22 col grid instead of default 24 */
#footer ul { list-style: none; margin-left: 0; }
#footer ul li { display: inline; }
#footer ul li a { padding-left: 0.5em; margin-left: 0.5em; border-left: 1px solid #666; }
#footer ul li a.first { padding-left: 0; margin-left: 0; border-left: none; }

th { font-weight: bold; background: #ccc; }
tr td { border-bottom: 1px solid #ccc; }
tr.even td { background: #eee; }

.intro { line-height: 2em; }

input.text, textarea { width: 90%; padding: 3px; }
textarea { height: 8em; }