
body {
margin : 0;
padding : 0;
font : 73% "Trebuchet MS", verdana, tahoma, sans-serif;
color : #555;
background : #E8FFFF  repeat-y center;
line-height : 1.5em;
}
#container {
width : 750px;
margin-left : auto;
margin-right : auto;
padding : 0;
border : 5px solid #FF66FF;
}
#navlist {
padding : 3px 0;
margin : 0;
text-align : center;
font : bold 110% "Trebuchet MS", verdana, sans-serif;
color : #000;
background : #99e8e6;
}
#navlist li {
list-style : none;
margin : 0;
display : inline;
}
#navlist li a {
padding : 3px 1.5em;
margin : 0;
color : #333;
background : #99e8e6;
text-decoration : none;
}
#navlist li a:link, #navlist li a:visited {
color : #333;
background : #99e8e6;
}
#navlist li a:hover {
color : #fff;
background : #6bd1e7;
}
#navlist li a#current {
color : #fff;
background : #6bd1e7;
}
#banner {
width : 750px;
height : 150px;
padding : 0;
margin : 0;
color : #fff;
background : #72A2A7;
}
#banner h1 {
margin : 0;
padding : 20px;
font : normal 175% "Trebuchet MS", tahoma, verdana, sans-serif;
letter-spacing : 5px;
text-transform : none;
border-bottom : none;
color : #000;
background : transparent;
}
#content {
padding : 5px;
margin-left : 220px;
margin-bottom : 5px;
color : #555;
background : E8FFFF;
}

#sidebar-a {
float : left;
width : 180px;
margin : 0 10px 10px 10px;
padding : 5px;
border-right : 1px solid #fff;
color : #555;
background : #eef6fb;
}

#sidebar-c {
float : left;
width : 200px;
margin : 0 10px 10px 10px;
padding : 5px;
border-right : 1px solid #fff;
color : #555;
background : #eef6fb;
}


#footer {
clear : both;
padding : 5px;
margin : 0;
text-align : left;
border-top : 10px solid #6BD2E4;
color : #333;
background : #72a2a7;
}

.hdrstyle {
text-align: center;
font-size: 16pt;
font-family: "Arial Black";
line-height: 100%;
}

.smlhdrstyle {
text-align: center;
font-size: 12pt;
font-family: "Arial Black";
line-height: 90%;
}

.eventstyle {
padding : 3px 10px 10px 5px;
text-align: center;
font-size: 10pt;
font-family: "Arial Black";
line-height: 90%;
}

.eventpast {
padding : 3px 10px 10px 5px;
text-align: center;
font-size: 10pt;
font-family: "Arial Black";
line-height: 90%;
  color: #C0C0C0
}

.areastyle {
padding : 3px 10px 10px 5px;
text-align: center;
font-size: 10pt;
font-family: "Arial Black";
}

p {
padding : 3px 10px 10px 5px;
}
p.small {
  line-height: 90%
  }
p.med {
  line-height: 110%
  }
h1 {
margin : 10px 0 10px 10px;
padding : 0;
font : 140% "Trebuchet MS", verdana, tahoma, sans-serif;
text-transform : uppercase;
color : #738ca5;
background : inherit;
}

h2 {
margin : 0;
font : 140% "Trebuchet MS", verdana, tahoma, sans-serif;
padding : 0;
border-bottom : 0 solid #738ca5;
text-transform : none;
color : #738ca5;
background : inherit;
}

a {
text-decoration : none;
color : #666;
background : inherit;
}

a:hover {
text-decoration : underline;
color : #66a0e0;
background : inherit;
}
a img {
border : 0;
}
.img {
float : left;
padding : 5px;
margin : 10px;
border : 1px solid #556b2f;
}
blockquote {
font-weight : bold;
font-style : normal;
color : #000000;
  margin-left: 10%;
  padding-left: 10%
}




 ================================
table.highlights
{ width: 580px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
  empty-cells: hide
}

td.highlightTitle
{ border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 14px;
color: #404040;
}

td.highlightDay
{ font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040;
}


 ================================
table.contacts
{ width: 580px;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
  empty-cells: hide
}

td.contactDept
{ background-color: #FFFF99;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040;
}

td.contact
{
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 10px;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }

td.contacth
{
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: bolder;
font-size: 10px;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }

td.contactr
{
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 10px;
color: #404040;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px;
border-left: 1px #6699CC dotted;
}
 =======================
table.shoods
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 260px;
background-color: #fafafa;
border: 1px #d79900 solid;
border-collapse: collapse;
border-spacing: 0px;}

.shoodsbod p
{ text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
line-height: 12px;
color: #404040;
background-color: #fafafa;
text-indent: -8px;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;}