/* Pergrossi Stylesheet */ 

body { 
scrollbar-3d-light-color:#FFFFFF;
scrollbar-arrow-color:#666666;
scrollbar-base-color:#FFFFFF;
scrollbar-face-color:#DAEEF4;
scrollbar-shadow-color:#666666;
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-highlight-color:#666666;
margin: 0;
padding: 0;
border: 0;
overflow: scroll;
background-image: url(images/background.gif); background-repeat: repeat-y; 
}
h1 {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 60px;
font-style: italic;
font-weight: bold;
color: #000000;
text-align: center;
vertical-align: middle;
}
h1.pos_abs {
position:absolute;
top:1px;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 60px;
font-style: italic;
font-weight: bold;
color: #660000;
text-align: center;
vertical-align: top;
margin-top: 0px;
height:159px; 
width: 100%;
z-index:1;
}
h6.pos_abs {
position:absolute;
top:70px;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 20px;
font-style: italic;
font-weight: bold;
color: #660000;
text-align: center;
vertical-align: middle;
margin-top: 0px;
height:159px; 
width: 100%;
z-index:1;
}
h2 {
font-family: veranda, arial;
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #660000;
vertical-align: middle;
text-decoration: none;
}
h3 {
font-family: veranda, arial;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #660000;
text-align: right;
text-decoration: none;
vertical-align: text-bottom;
}
h5 {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 20px;
font-style: normal;
font-weight: bold;
color: #000000;
text-align: left;
vertical-align: top;
}
h6 {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 26px;
font-style: normal;
font-weight: bold;
color: #660000;
text-align: center;
vertical-align: top;
}
.text {
color: #000000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-align: justify;
}
h5.center {
color: #000000;
font-family: Arial;
font-size: 26px;
font-style: normal;
font-weight: normal;
text-align: center;
}
.center {
color: #000000;
font-family: Arial;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-align: center;
}
.grapevine {
color: #000000;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 50px;
font-style: italic;
font-weight: bold;
text-align: center;
}
.buttonscontainer {
width: 120px;
padding-left: 6px;

}
.buttons a { 
border: 3px solid;
background-color: #ffffff;
padding: 0px 10px 0px 10px;
padding-left: 6px;
font: 11px Arial, sans-serif;
font-weight: bold;
text-decoration: none;
color: #660000;
border-color: #bcbcbc #000000 #000000 #bcbcbc;
display: block;
margin: 5px;
width: 120px;
text-align: center;
background-image: url(blank.jpg);
background-repeat: no-repeat;
}
.buttons ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}
.buttons a:hover {
border: 1px solid;
padding-left: 3px;
padding-top: 0px;
padding-bottom: 1px;
padding-right: 1px;
background-color: #A9D7E6;
border-color: #000000 #bcbcbc #bcbcbc #000000;
color: #0000cc;
border: 3px solid;
text-decoration: none;
}
.links {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #660000;
text-align: left;
vertical-align: top;
text-decoration: none;
}
.flyer a:link {
color: #000000;
font-family: Arial;
font-size: 11px;
font-style: normal;
font-weight: bold;
text-align: center;
text-decoration: none;
}
.flyer a:visited {
color: #0000ff;
font-family: Arial;
font-size: 11px;
font-style: normal;
font-weight: bold;
text-align: center;
text-decoration: none;
}
a.button1 {
font-weight: bold;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 4px 6px;
border-top: 1px solid white;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid white;
text-align: center;
min-width: 75px;
text-transform: uppercase;
}
a.button1:link { 
background-color: #060; 
color: #FFF;
text-decoration: none;
}
a.button1:visited {
background-color: #060; 
color: #fff;
text-decoration: none;
}
a.button1:hover { 
background-color: #060; 
color: #ffff33;
border-color: black white white black;
text-decoration: none;
}
a.button1:active { 
background-color: #369; 
color: #ccc; 
text-decoration: none;
}
#header  {
margin:0;
padding:0;
width:100%;
}
#leftnav {
position : fixed;
width : 130px;
height : 100%;
margin-right : 15px;
padding-bottom : 20px;
}
#content {
position : absolute;
left : 160px;
top : 80px;
max-width: 50%;
border: 4px outset;
padding-left: 10px;
padding-right: 10px;
} 
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px; }
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#wrapper{float:right;width:100%;margin-left:-200px}
div#content{margin-left:200px}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:200px}
div#footer{clear:both;width:100%}

#tablemenu { /* style for table based menu */
  text-align: center;   margin: auto;}
#tablemenu a { display: block; width: 11em; margin: 0 .2em;
  color: #fff; background: #08c; border: 2px outset #fff;
  text-decoration: none; }
#tablemenu a:focus, #tablemenu a:hover { color: #fff; background: #3bd; }
.holdmenu { /* containing div to center fixed and flexible width menus */
  text-align: center; }
#menu1 { /* style for fixed width menu */
  width: 23.4em; padding: 0; margin: 0 auto; list-style-type: none; }
#menu1 li { float: left; margin: 0 .2em; }
#menu1 a { display: block; width: 5em;
  color: #fff; background: #08c; border: 2px outset #fff; text-decoration: none; }
#menu1 a:hover { color: #fff; background: #3bd; }