/* Top
-------------------------------------------------------------------- */

#top{float:left; margin:0.7em 0 0 0; padding:0 0 0.7em 0; border-bottom:1px solid #ddd;}

#top #hours-and-phone{float:left; width:269px; font-size:1.4em; line-height:1.5em;}

#top #hours-and-phone address{font-weight:bold;}

/*   --- Nav ---   */

#nav{float:right;}

#nav ul li{float:left; width:87px; border-left:1px solid #aaa; font-size:1.2em;}

#nav ul li a{display:block; height:28px; padding:1px 0 0 3px; text-decoration:none; color:#333;}

#nav ul li a:hover{background:#8E001C; color:#eee;}


/* Banner
-------------------------------------------------------------------- */

#banner{float:left; /*clear:both;*/ margin:4px 0;}

#banner #logo{display: none; /*height:149px; clear: none; background:#eee; float:left; width:200px; text-align:center; padding:9px 0 0 0; margin: */;}

#banner #diaporama{background:#eee url(/images/homelogo.jpg) no-repeat left center; clear: none; float:left; height:158px; width:528px; padding:0 0 0 270px; margin: 0;}

#banner #quote{float:left; font-size:1.8em; margin:2px 0 0 0; line-height:1.5em; font-style:italic; letter-spacing:-0.5px; padding:0 7px; background:url(/images/quote.png) no-repeat right; height:107px; width:786px;}

#banner #quote .serif{margin:12px 0 0 0;}



/* Main
-------------------------------------------------------------------- */

#main{float:left; width:100%; clear:both}

#main p{font-size:1.4em; line-height:1.5em; margin-bottom:1.5em;;}

/*   --- Left ---   */

#main #left{background:#eee; border-bottom: 1px solid #ccc; border-top:  1px solid #ccc; float:left; width:252px; padding:0 4px; /*This should be temporary*/ margin-top:8px;}

#main #left h2{font-size:1.4em; margin: 1.4em 0 1.5em 0; text-transform:uppercase; letter-spacing:0.0555em;}

#main #left h3{font-size:1.4em; font-weight:bold; line-height:1.5em;}

#main #left h4{font-size:1.2em; font-style:italic; line-height:1.75em;}

#main #left p {font-family:verdana,sans-serif; font-size:1.1em; margin-bottom:2.1em; line-height:1.909em;}

#main #left .fleft{float:left; margin:0 10px 0 0;}

#main #left .fake-image{border:1px solid; width:78px; height:55px;}

/*   --- Right ---   */

#main #right{float:left; width:530px; margin-left:10px;}

#main #right h2{font-size:2.8em; line-height:1.5em; letter-spacing:-0.0357em;}

#main #right p{font-size:1.4em; line-height:1.5em; margin-bottom:1.5em;}

/*   --- Thirds ---   */

#main .thirds{float:left; width:258px; padding:0.5em 0px 0 2px; margin:0;}

#main .two-thirds{float:left; width:524px; padding:0.5em 2px 0.5em 4px; margin:0 0 4px 0;}

#main .image-thirds{float:left; width:258px; margin-right:10px;}

#main .highlight{background:#FFF1AF; border-top:1px solid #F2D544; border-bottom:1px solid #F2D544; }

#main h1{border-top:1px solid #ccc; font-size:3.6em; line-height:1.5em; margin-bottom:0.25em; letter-spacing:-0.05em;}

#main .thirds h2, #main .two-thirds h2{font-variant:small-caps; font-size:1.8em; margin-bottom:1.0em;}

#main .thirds p, #main .two-thirds p{font-size:1.2em; line-height:1.5em;}

#main .thirds h2 a, #main .two-thirds h2 a{text-decoration:none; color:#00a;}

#main .thirds h2 a:hover, #main .two-thirds h2 a:hover{text-decoration:underline;}

#main .two-thirds img{float:left; margin-right:8px;}

/* Menu
-------------------------------------------------------------------- */

#main .menu-heading{letter-spacing:2px; padding:0.5em 0; border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; font-variant:small-caps; font-size:1.8em; text-align:center; margin:0.75em 0;}

#main .menu-item{ text-align:center;}

#main .menu-item .item-name{font-size:1.4em; line-height:1.25em}

#main .menu-item .item-info{font-family:verdana, sans-serif; margin:0 0 1.75em; padding:0; font-size:1.0em;}

#main .menu-info{font-family:verdana, sans-serif; color:#666; text-align:center; display:block; margin-bottom:1.5em;}


/* See Also
-------------------------------------------------------------------- */

#see-also{float:left;clear:left;width:inherit;height:36px;background:#fff url(/images/see_also_block.png);margin-top:2.5em;font-size:1.4em;width:800px;}

#see-also *{display:block; float:left;}
#see-also .see-also-title{padding:0.7142em 0 0.7142em 0.7142em; margin:1px 0 0 1px; font-family:Helvetica,Arial, sans-serif; font-weight:bold; width:90px; background:#fff url(/images/see_also_title.png) no-repeat;}
#see-also .see-also-item{padding:0.7142em 0; margin-left:1.0em;}


/* Map
-------------------------------------------------------------------- */

#main #map {border: 1px solid #aaa; margin-right:10px; width:348px; clear:both; float:left;}
#main #map iframe{padding: 5px; }
#main #map p{padding: 0 0 0 5px; margin:0 0 5px 0;}

#main #directions{width:440px; float:left;}


#main #directions h2{font-size:1.8em; margin-bottom:1.3333em;}

#main #directions h3{font-weight:bold; font-size:1.2em; font-variant:small-caps; letter-spacing:1px;}

#main #directions p{font-size:1.2em;}

#main #directions p #click-me{border-bottom: 1px dotted #aaa; cursor: pointer;}

/* Person
-------------------------------------------------------------------- */

#main #right .person{margin-bottom:1.5em;}
#main #right .person *{margin:0;}
#main #right .person .name{text-transform: uppercase;  line-height:1.0em; font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:1.8em; letter-spacing:-1px;}
#main #right .person .name a{font-weight:bold;}
#main #right .person .title{color:#666; font-style:italic;}
#main #right .person .email{color:#666; font-style:italic;}



/* History
-------------------------------------------------------------------- */

.history #history-title{float:left; margin-right:1.0em;}
.history p{padding:0 80px;}
.history .left-pic{float:left;}
.history .right-pic{float:right;}
.history h1{margin-bottom:1.0em !important;}


/* Footer
-------------------------------------------------------------------- */

#footer{color:#CFC09B; margin-top:2.0em; line-height:1.5em; background: url(/images/footer.png) no-repeat top; padding-top:26px; float:left; width:800px; clear:both;}

.small-caps{font-variant:small-caps;}
strong{font-weight:bold;}

#footer{font-size:1.3em; margin-bottom: 1.5em;}
#footer div{width:259px; float:left; margin: 0;}

#footer #left{word-spacing:-1px;}
#footer #center{}
#footer #right{}

/* Awards
-------------------------------------------------------------------- */

#main .award{border-top:1px dotted #ddd; padding:1.0em 1.0em 0 1.0em; margin:0 80px;}

#main .award h2{font-size:1.8em; margin-bottom:1.2em;}

#main .award .summary{font-family:verdana,sans-serif; font-size:1.1em;}

#main .award .award-image{float:left; display:block; width:80px; margin-right:10px;}

