@charset "UTF-8";

h1 {
margin: 0px;
padding: 3px 3px 3px 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #8A0012;
font-weight: 100;
}

.changeareaNolink {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.65em;
color: #333333;
font-weight: 100;
line-height: 1.1em;
}

#changearea {
padding: 7px;
}

#changearea a:link {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
font-weight: 100;
}
#changearea a:hover {
text-decoration: underline;
}
#changearea a:visited {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #333333;
font-weight: 100;
}

.arrowlistmenu{
width: 361px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
margin: 0px;
padding: 3px 3px 3px 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #989898;
font-weight: 100;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
cursor: pointer;
cursor: hand;
text-align: left;
}

.arrowlistmenu .menuheader a{ /*CSS class for menu headers in general (expanding or not!)*/
text-decoration: none;
color: #FFFFFF;
}

.arrowlistmenu .menuheader a:hover { /*CSS class for menu headers in general (expanding or not!)*/
text-decoration: underline;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
margin: 0px;
padding: 3px 3px 3px 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #226388;
font-weight: 100;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
cursor: pointer;
cursor: hand;
text-align: left;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
}

.videolistmenu{
width: 277px; /*width of accordion menu*/
}

.videolistmenu a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
}
.videolistmenu a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
text-decoration: none;
}
.videolistmenu a:hover {
text-decoration: underline;
}

.videolistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
margin: 0px 0px 2px;
padding: 2px 2px 2px 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-color: #CBCBCB;
font-weight: 100; /*bottom spacing between header and rest of content*/
cursor: pointer;
cursor: hand;
text-align: left;
}

.videolistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
margin: 0px 0px 2px;
padding: 2px 2px 2px 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
background-color: #989898;
font-weight: 100;
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
cursor: pointer;
cursor: hand;
text-align: left;
}

.videolistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
padding: 0 0 0 12; /*bottom spacing between each UL and rest of content*/
height: 100px;
margin: 0px;
}


.quicklinks {
margin: 0px;
padding: 3px 3px 3px 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 100;
color: #FFFFFF;
}

.newsArchive { /*CSS class to apply to expandable header when it's expanded*/
margin: 0px;
padding: 3px 2px 3px 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color: #989898;
font-weight: 100; /*bottom spacing between header and rest of content*/
cursor: pointer;
cursor: hand;
text-align: left;
text-decoration: none;
display: block;
}

#slider {
/* You MUST specify the width and height */
width:186px;

position:relative;
overflow:hidden;
}

#mask-gallery {
overflow:hidden;
margin:0px;
padding:0px;
border:0px;
}

#mask-gallery ul {
margin:0px;
padding:0px;
border:0px;
}


#mask-gallery li {
margin:0px;
padding:0px;
border:0px;
height:105px;
}

.gallery ul li a {
display: block;
height:105px;
vertical-align: bottom; /* This fixes the IE5 Win gap! */
}

#gallery {
width:186px;
}

#simplegallery1{
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
}