/* Remove default margins from ul, h3 and p elements */
ul, h3, p
{
 margin: 0;
 padding: 0;
}

body {
margin-top:5px;
margin-left:4px;
margin-right:4px;
}

div.center {
width: 100%;
text-align: center;
}

img.storefront {
margin-top:20px;
margin-left:5px;
}

img.logo {
margin-top:8px;
margin-bottom:6px;
}

/* Home page intro */
p.intro
{
 background-color:#C9B29C;
 margin-top:16px;
 margin-left:0px;
 margin-right:4px;
 padding:5px;
 border:none;               /* dotted thin #167A58; */
}


a.navbar
{
float: left;
width: 133px;
padding: 3px;
border-top: 0px solid maroon;
border-bottom: 0px solid maroon;
border-right: 1px solid white;
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
text-align: center;
}

a.navbar:link
{
color: white;
background-color: #805540;
}

a.navbar:visited
{
color: white;
background-color: #805540;
}

a.navbar:hover 
{
color: white;
background-color: #000000;
}

a.navbar:active 
{
color: white;
background-color: brown;
}


.link:link
{
 font-family: arial, helvetica, sans-serif;
 font-size: 13px;
 text-decoration: none;
 color: maroon;
}


.link:visited
{
 font-family: arial, helvetica, sans-serif;
 font-size: 13px;
 text-decoration: none;
 color: maroon;
}


.link:hover 
{
 font-family: arial, helvetica, sans-serif;
 font-size: 13px;
 text-decoration: underline;
 color: #00008d;
}


.link:active 
{
 font-family: arial, helvetica, sans-serif;
 font-size: 13px;
 text-decoration: none;
 color: maroon;
}


p.textbox
{
float: left;
width: 350px;
padding: 0px;
border-top: 0px solid maroon;
border-bottom: 0px solid maroon;
border-left: 0px solid black;
border-right: 0px solid black;
font-family: arial, helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
text-decoration: none;
text-align: left;
}

font.header
{
   color: #000000;
   font-style: normal;
   text-align: center;
   font-family:quill,arial;
   font-size: 36pt;
   font-weight: normal;
}

font.subheader
{
   color: #000000;
   font-style: normal;
   text-align: center;
   font-family:arial,helvetica, sans-serif;
   font-size: 11pt;
   font-weight: bold;
 }

font.email
{
   color: brown;
   font-style: normal;
   text-align: center;
   font-family:arial, helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
 }


font.reg
{
   color: #000000;
   font-style: normal;
   text-align: left;
   font-family:arial, helvetica, sans-serif;
   font-size: 11pt;
   font-weight: bold;
}


font.sansbold
{
   color: #000000;
   font-style: normal;
   text-align: left;
   font-family:arial, helvetica, sans-serif;
   font-size: 11pt;
   font-weight: normal;
}

font.red
{
   color: red;
   font-style: normal;
   text-align: left;
   font-family:arial, helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
}

font.green
{
   color: green;
   font-style: normal;
   text-align: left;
   font-family:arial, helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
}

font.blue
{
   color: blue;
   font-style: normal;
   text-align: left;
   font-family:arial, helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
}

font.navy
{
   color: #000099;
   font-style: normal;
   text-align: left;
   font-family:arial, helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
 }

font.maroon
{
   color: #770000;
   font-style: normal;
   text-align: left;
   font-family:arial, helvetica, sans-serif;
   font-size: 8pt;
   font-weight: bold;
 }

font.high
{
   font-size: 12pt;
   line-height: 20pt;
 }


h1.intro
{
   color: #00008D;
   font-family:'times new roman',times, serif;
   font-style: normal;
}

.adobe:link
{
 font-family: arial, helvetica, sans-serif;
 font-size: 13px;
 text-decoration: none;
 color: maroon;
}

.adobe:visited
{
 font-family: arial, helvetica, sans-serif;
 font-size: 13px;
 text-decoration: none;
 color: maroon;
}

.adobe:hover 
{
 font-family: arial, helvetica, sans-serif;
 font-size: 13px;
 text-decoration: underline;
 color: #00008d;
}

.adobe:active 
{
 font-family: arial, helvetica, sans-serif;
 font-size: 13px;
 text-decoration: none;
 color: maroon;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
visibility: hidden;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

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