﻿
body  { color: #666; font-size: 11px; font-family: Verdana, sans-serif; line-height: 1.17; background-color: white; background-image: url(../images/Top.jpg); background-repeat: repeat-x; margin: 0; padding: 0; }
a:visited{ color: #6284b3; text-decoration: none; }
a:link{ color: #6284b3; text-decoration: none; }
a:hover{ color: #ffa726; }
img { border:0 }
h1 { color: #6284b3; font: bold 120% Verdana, sans-serif;}

h2 { color: #ccc; font: bold 114% Verdana, sans-serif;}

h3 { color: #ccd2d2; font: bold 100% Verdana, sans-serif;}

h4 { color: #a7b5ba; font: 100% Verdana, sans-serif;}

h5 { color: #a7b5ba; font: 100% Verdana, sans-serif;}
ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}
/*Classes*/
.date { color: #875545; font-size: 13px; text-align: right; padding: 10px 10px 0; border-bottom: 1px dotted #ccc }
.event { color: #666; font-size: 13px; padding: 10px 0 0 10px; border-bottom: 1px dotted #ccd2d2; border-left: 1px dotted #ccc }
.story { font-size: 13px; text-align: left; padding: 10px 0 0 10px   }
.story h3 { color: #ffa726; font: bold 125% Arial, sans-serif }
.story_nav { color: #ccd2d2; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; }
a:visited { color: #333; text-decoration: none; }
.story_nav a:link { color: #333; text-decoration: none; }
.story_nav a:hover { text-decoration: underline; }
.underline { position: relative; left: 10px; border-top: 1px dotted #6284b3 }
.imageTable { border: solid 1px #ccc }
.captionUnderline { color: #666; font-size: 11px; text-align: center; border-bottom: 1px dotted #6284b3 }
.caption { color: #666; font-size: 11px; text-align: center }
.captionOrange { color: #333; font-size: 12px; text-align: left; padding: 10px 10px 0 }
/*Header Division*/
.header { background-image: none; width: 100%; height: 40px; }
.header p { 
	color: #fff; 
	font-size: 13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center; 
	}
.header a:link { color: #f3c7a0; text-decoration: none; }
.header a:visited { color: #f3c7a0; text-decoration: none; }
.header a:hover { color: #ffa726; }
.header img  { position:relative; left: 20px; top: 0px }
/*Bottom navigation division*/
.bottomNav { }
.bottomNav p { color: #333; font-size: 13px; text-align: center; }
a:visited { color: #6284b3; text-decoration: none; }
a:link { color: #6284b3; text-decoration: none; }
a:hover { text-decoration: underline; }
/*mainContent division*/
.mainContent { float: none;margin:auto;position:relative;width:800px;}
.mainContent p { font-size: 13px; }
.mainBanner {position: absolute; left:-50px;; top: 170px;}
.audioplayer {left:640px;
position:absolute;
top:342px;}

/*gallery */
.gallery {
width: 400px;
}
.gallery img {margin: 0 5px 5px 0;
float: left;
border:1px solid #ccc;
}

.left {
	text-align:left;
	clear:both;
	}
#container {margin-bottom:auto;
margin-left:auto;
margin-right:auto;
position:relative;
top:100px;}
.playerbg {width:327px; height:60px; background:url(../images/playerbg.jpg) no-repeat;padding-top:10px;}

.newsflash {
	background:url(../images/newsflash.png) transparent repeat-x 0 bottom; text-align:left; width:496px
}
 .newsflash p {
	padding: 10px 0 0 10px; font-size:11px; font-weight:bold
}

.newsflash li {padding-bottom:5px}

#disclaimer p {font-size:10px}

.photocaption {    font-size: 1em !important;
    margin: 0;
    padding-right: 5px;
    text-align: right;}
	
.teaserbox {float:left; width:320px; margin-right:20px}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
