* { margin:0; padding:0; }  /* Removes default browser settings so I can set my own page alignment */

header, section, footer, aside, nav, article, figure { display: block; }  /* for browsers do not understand HTML5 as of yet */

html { font-size:125%; }  /* Default font-size is 16.  This makes it 20.  Then it's set back to 10 below */ 

body { margin: 0; padding:0px; font-size:50%; font-family:Verdana, Helvetica, Arial, sans-serif; color:#200; background: url('images/bg2.gif'); background-attachment: fixed; }  /* 50% Sets font-size to 10.  Now em's are easier, eg. 1.2em = 12 */


/* **************************************  */

#container { margin: 0 auto; width: 980px; }

#header { width: 980px; height: 304px; border-top: 8px solid #823728; background: url('images/header.jpg') no-repeat; }
#header2 { width: 980px; height: 157px; border-top: 8px solid #823728; background: url('images/header2.jpg') no-repeat; }

#signlink {
float: left;
height: 150px;
width: 210px;
margin-left: 15px;
background-color: transparent;
}

#section 
{
float: left;
width: 978px;
padding: 8px 0;
background: #FFE;
border-left:1px solid #333;
border-right:1px solid #333;
}

#leftside
{
float: left;
width: 200px;
padding: 10px;
margin: 0;
text-align: center;
display: inline;
}

#middlecontent
{
float: left;
width: 416px;
padding: 10px;
margin: 0;
border-right: 1px dotted #999;
}

#rightside
{
float: right;
width: 281px;
padding: 10px 20px;
margin: 0;
display: inline;
}

#footer {
clear: both;
width: 980px;
margin: 0 0 20px 0;
padding: 7px 0;
background: #112;
color: #FFD;
}



#nav ul { padding:25px 20px 0 0; list-style-type:none; text-align: right; line-height: 30px; }
#nav a { text-decoration:none; color: #FF9; padding:0.2em 0.7em; font-size: 2.0em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; text-transform: uppercase; }
#nav a:hover { text-decoration:underline; color:#F61; }
#nav li {display:inline;}

.textbox1 { width: 170px; background: #311; border: 3px double #FFF; padding:10px 6px;
font:italic bold 1.8em Georgia,serif; color:#FFF;
margin-left: auto; margin-right: auto;}

#middlecontent p { font-size: 1.6em; font-weight: bold; color:#533; padding:0 0 25px 0; }

#rightside h1 { font-size: 2.1em; font-family: Georgia,serif; color: #200; margin: 0 0 2px 0; }
#rightside h1 a { color: #300; }
#rightside a { color: #600; text-decoration: none; font-weight: bold; }
#rightside a:hover { text-decoration:underline; color:#C00; }
#rightside p { font-size: 1.4em; margin: 0; }
#rightside p.small { font-size: 1.2em; margin: 0 0 10px 0; }

#footer p { font-size: 1.2em; color: #FFD; margin: 5px; text-align:center; }

.imgR { float:right; margin:5px 0 14px 12px; border:1px solid #666; }
.imgL { float:left; margin:5px 14px 14px 0; border:1px solid #666; }
img  { border:1px solid #666; }
.img-noborder { border: none; }

/* ************* END *************************  */






/* ************* History page **************  */

#history { display: block; margin-left: auto; margin-right: auto; width: 700px; }
#history h1 { font-size: 2.8em; font-weight: bold; color:#433; text-align:center; padding:6px 0 16px 0; }
#history h2 { font-size: 2.2em; font-weight: bold; color:#433; text-align:center; padding:20px 0; }
#history p { font-size: 1.6em; font-weight: normal; color:#200; padding:0 0 16px 0; }
#history .imgR { float:right; margin:6px 0 12px 12px; border:1px solid #666; }
#history .imgL { float:left; margin:6px 12px 12px 0; border:1px solid #666; }

/* ************* END History page **************  */







/* ************* Photos Page **************  */

#section2 
{
float: left;
width: 978px;
padding: 8px 0;
background: #FFE;
border-left:1px solid #333;
border-right:1px solid #333;
background-color: #fff;
background: url('images/Milts-bg.jpg' ) no-repeat;
} 
.gallerycontainer{ position: relative; padding:12px; /*Add a height attribute and set to largest image's height to prevent overlaying*/ }

.thumbnail img{ border: 1px solid white; margin: 0 5px 5px 0; }

.thumbnail:hover{ background-color: transparent; }

.thumbnail:hover img{ border: 1px solid blue; }

.thumbnail span{ 
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dotted #999;
visibility: hidden;
color: black;
text-decoration: none;
} /*CSS for enlarged image*/

.thumbnail span img { border-width: 0; padding: 2px; } /*CSS for enlarged image*/

.thumbnail:hover span{ 
visibility: visible;
top: 0;
left: 420px; /*position where enlarged image should offset horizontally */
z-index: 50;
} /*CSS for enlarged image*/

/* ************* END Photo Gallery **************  */








/* ************* Find Us page **************  */

p.intro1 { text-align: center; font:italic bold 2.1em Arial, Helvetica, sans-serif; color:#544; }
p.intro2 { text-align: center; font:italic bold 1.8em Arial, Helvetica, sans-serif; color:#322; }

#leftcolumn
{
float: left;
width: 459px;
padding: 10px;
margin: 0;
}

#location { display: block; margin-left: auto; margin-right: auto; width: 320px; text-align:center; }
#location h1 { font-size: 2.8em; font-weight: bold; color:#533; padding:4px 0; }
#location h2 { font-size: 2.4em; font-weight: bold; color:#533; padding:4px 0; }
#location p { font-size: 1.8em; font-weight: bold; color:#533; padding:0; }
#location p.directions { font-size: 1.5em; font-weight: normal; color:#322; padding:5px 0; text-align:left; }

#rightcolumn
{
float:right;
width: 459px;
padding: 10px;
margin: 0;
}

/* ************* END Find Us page **************  */