/*
   Stephenson County Antique Engine Club Web Site External Style Sheet
   Author: Don Hennen
   Date:   20090911   

   Filename:         scaec.css
   Supporting Files: none

*/

body {background-color: rgb(255,255,204); font-family: Arial, Helvetica, sans-serif}
/********************************************************************************
** The code below gets around internet explorer not implimenting the CSS2 feature
** max-width.  The expression sets the width for IE and is ignored by other 
** browsers.  Other browsers use max-width and ignore the expression.
** If the body > 800 pixels, limit width to 800, else use automatic width.
** This does, however, panic IE about a security issue regarding using a script
** in a web page.
*******************************************************************************/ 
#whole {max-width: 800px} 
/*     width:expression(document.body.clientWidth > 800? "800px": "auto" )}
******************************************************************************/
address   {font-style: normal}
img       {border-width: 0px}
#logo     {float: left; display: block}
#intro    {margin-left: 125px; border: 0px; padding: 0px}
.logoline {clear: left; width: 0px}
/*******************************************************************************
* Define buttons to link between pages
*******************************************************************************/
#links   {float: left; text-align: center; width: 120px}

#links a {float: left; clear: left; display: block; text-decoration: none; margin-top: 3px; 
          padding: 0px 2px 0px 2px; width: 110px; background-color: rgb(204,255,255)}
#links a:link    {border: 4px outset gray; color: black}
#links a:visited {border: 4px outset gray; color: black}
#links a:hover   {border: 4px outset gray; color: red}
#links a:active  {border: 4px inset gray; color: red}

/*******************************************************************************
* Define container for page-specific content
*******************************************************************************/
.content {margin-left: 5px; border-left: 3px solid blue; padding-left: .5em;
          border-top: 3px solid blue; padding-top: .5em; 
          border-right: 3px solid blue; padding-right: .5em; 
          border-bottom: 3px solid blue; padding-bottom: .5em; 
          background-color: white; float: left; width: 650px}

.content img {clear:none; float: right}
.content hr.logoline {width: 100%}

/*******************************************************************************
* Define buttons to skip within pages
*******************************************************************************/
.local span {float: left; clear: left; display: block; text-decoration: none} 
.local a {float: left; clear: left; display: block; text-decoration: none; 
          margin-bottom: 3px; padding: 0px 2px 0px 2px; background-color: rgb(255,255,204)}
.local a:link    {border: 4px outset gray; color: black}
.local a:visited {border: 4px outset gray; color: black}
.local a:hover   {border: 4px outset gray; color: red}
.local a:active  {border: 4px inset  gray; color: red}
#IX a            {clear: none; margin-right: .25em}

/*******************************************************************************
* Define Misc Fonts
*******************************************************************************/
a p {text-align: center; border: 2px solid black; float: right}
pre {font-style: normal; font-family: Lucida Console, Courier New}
dt  {font-weight: bold}

/*******************************************************************************
* Define table format for schedule
*******************************************************************************/
table, th, td {border: 1px solid black; border-collapse: collapse}
th, td        {vertical-align: top}
col.datecol {width: 4em}

/*******************************************************************************
* Define pictures in "photos" pages
*******************************************************************************/
div.thumbnail p    {float: left; clear:left; margin: 0px 0px 18px 0px; border: 0px; padding: 0px}
div.thumbnail img  {float: left; clear:left; margin: 0px; border: 0px; padding: 0px}
div.caption        {margin-left: 266px}