/* CSS Document for the "Boulder" CoffeeCup Software HTML Editor Template
   Copyright 2008 CoffeeCup Software - coffeecup.com */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        line-height: 1;
        font-family: inherit;
        text-align: left;
        vertical-align: baseline;
}

/* table {border-collapse: collapse; border-spacing: 0} */
ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}
span.highlight {background-color:#ffff00;}

/*#######################
  Element Styles
#######################*/

body {font-size:15px; font-family:Century Gothic, Courier New, Century, Verdana, times, Arial, sans-serif; color:#050505; background-image:images/paper.png; background:#050504}
h1 {margin-bottom:0px; padding-left:0px; font-size:2.5em; font-family:"Arial Black"; color:#ffe; background:url(../images/rr8.bmp) left 50% no-repeat}
h2, h3, h4, h5, p, ul, ol, dl {margin:15px 0}
h2, h3, h4, h5, h6 {font-weight:bold; color:#45c6bb}
h2 {font-size:1.5em}
h3 {font-size:1.25em}
h4 {font-size:1.15em}
h5 {font-size:1em; font-style:italic; color:gray}
a {color:#1ab2c0; outline:none}
/*##        a:hover {color:#5f318c; text-decoration:none} */
a:hover {background-color:red; }
dt {margin:15px 0; font-weight:bold}
dd {margin:5px 0 5px 15px}
ol {margin-left:25px}

/*#######################
  Floating Images
#######################*/

img.floatleft {
    float: left;
    margin-right: 20px;
}
img.floatright {
    float: right;
    margin-left: 20px;
}
img.center {
    border: 0;
    margin-left: 80px;
}

/*#######################
  Classes
#######################*/

.intro {font-size:1.15em}
.figlabel {font-size:1.1em; text-align:center; font-weight:bold}
.description {font-size:.85em; font-style:italic}

/*#######################
  Layout Styles
#######################*/

#wrapper {width:930px; padding:15px; margin:0 auto}

#header {padding:15px 0}
#navigation li {float:left; display:inline; margin-right:0px; font-size:1.4em}
        #navigation li a {display:block; padding:15px 20px; text-decoration:none; color:#fff; background-color:#635b4a}
                #navigation li a:hover,
                #homepage #homepage_link a,
                #tree_page #tree_link a,
                #family_page #family_link a,
                #history_page #history_link a,
                #checkers_page #checkers_link a,
                #puzzles_page #puzzles_link a,
                #bench_page #bench_link a,
                #contact_page #contact_link a {color:#5f318c; background-color:#fff}

#content {clear:both; float:left; display:inline; padding:15px; background-color:#fff}
        #content p {line-height:1.25em}
        #content ul {margin-left:25px; list-style-type:disc}
                #content li {margin:10px 0}
        #left_column {float:left; display:inline; width:665px; margin-right:15px}
        #right_column {float:left; width:220px}
        #content .two_columns {float:left; display:inline; width:420px; margin-right:15px; margin-left:15px}
        #content .three_columns {float:left; width:205px; margin-right:15px; font-size:.9em}
                #content #info_headline {padding:2px 0 2px 20px; background:url(../images/info_icon.jpg) left 0 no-repeat}
                #content #scedule_headline {padding:2px 0 2px 20px; background:url(../images/calendar_icon.jpg) left 0 no-repeat}
                #content #mail_headline {padding:2px 0 2px 23px; background:url(../images/envelope_icon.jpg) left 0 no-repeat}

/* Form Styles */
input, textarea {padding:3px; font-size:.95em; font-family:Helvetica, Arial, Verdana, sans-serif; font-style:italic; color:gray}
input {width:250px}
textarea {width:350px; height:150px}
#submit {width:100px; font-weight:bold; color:#000; font-style:normal}

#theend {clear:both; padding:5px 0 5px 0; font-size:.9em; font-style:italic; text-align:center;}
#footer {clear:both; padding:20px 0 10px 0; font-size:.9em; font-style:italic; color:gray}