body {
   margin: 0px 0px 0px 0px;
   padding:  0px 0px 0px 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #ffffff;
   background-color: #000000;
   background-image: url(stationback.jpg);
   font-size: small;
}

a:link, a:visited {
   color: #B7BFD9;
   text-decoration: none;
}

a:hover, a:active {
   color: #FFFFFF;
   text-decoration: underline;
}

a.fadelink img {
   filter:alpha(opacity=70);     /* IE */
   -moz-opacity: 0.7;            /* mozilla */
   opacity: 0.7;                 /* CSS3 */
}

a.fadelink:hover img {
   filter:alpha(opacity=100);    /* IE */
   -moz-opacity: 1.0;            /* mozilla */
   opacity: 1.0;                 /* CSS3 */
}

h1 {
   font-family: Georgia, "Times New Roman", Times, serif;
   color: #D9C0B7;
   font-size: x-large;
   font-weight: bold;
   margin-left: 5px;
   letter-spacing: 1px;
   margin-top: 0em;
   margin-bottom: 0.5em;
}

h2 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: medium;
   font-weight: bold;
   letter-spacing: 2px;
   color: #B8B8B8;
   margin-bottom: 0.5em;
   margin-top: 0.8em;
}

h3 {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: medium;
   font-weight: bold;
   letter-spacing: 2px;
   color: #B8B8B8;
   margin-bottom: 0.5em;
   margin-top: 1.2em;
}

ul {
   padding: 0px 0px 0px 0px;
   margin-top: 0.5em;
   margin-bottom: 0px;
   margin-left: 30px;
}

li {
   list-style-image: url(list.gif);
   padding-bottom: 2px;
   padding-top: 0px;
}

hr {
   color: #545c81;
   background-color: #545c81;
   height: 2px;
   border: none;
}

.copyright {
   margin-top: 3em;
   margin-bottom: 5px;
   text-align: center;
   font-size: 7pt;
}

.small, .small a:link, .small a:visited, .copyright a:link, .copyright a:visited {
   font-size: 7pt;
}

.title {
   background-color: #545c81;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   padding: 4px 4px 4px 4px;
   color: #ffffff;
   font-size: medium;
}

.date {
   text-align: left;
   font-family: Georgia, "Times New Roman", Times, serif;
   color: #D9C0B7;
   font-size: large;
   font-weight: bold;
   padding-left: 5px;
   letter-spacing: 1px;
   margin-top: 0em;
   margin-bottom: 0.2em;
}

p.news {
   margin-top: 0.2em;
   margin-left: 14px;
   margin-right: 10px;
}

.commentlink {
   text-align: right;
   padding-right: 5px;
   font-size: smaller;
}

div.screenshotleft {
   border: 1px solid #545c81;
   float: left;
   width: auto;
   text-align: center;
   padding: 0px;
   margin: 5px 5px 5px 5px;
   clear: left;
}

div.screenshotright {
   border: 1px solid #545c81;
   float: right;
   width: auto;
   text-align: center;
   padding: 0px;
   margin: 5px 5px 5px 5px;
   clear: right;
}

div.screenshotleft h1, div.screenshotright h1 {
   background-color: #545c81;
   color: white;
   font-size: 7pt;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 1px;
   margin: 0px 0px 0px 0px;
   padding: 1px 1px 1px 1px;
}


table.columns {
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #7382AD; 
}
table.columns th {
   text-align: center;
   background-color: #525D84;
   font-weight: bold;
   padding: 3px 5px 3px 5px;
   border-top: 1px solid #7382AD;
   border-left: 1px solid #7382AD;
   border-right: 1px solid #485175;
   border-bottom: 1px solid #485175;
}
table.columns td {
   padding: 2px 5px 2px 5px;
}


table.rowsummary {
   margin-left: auto;
   margin-right: auto;
   border: none;
   padding-bottom: 20px;
}
table.rowsummary th {
   text-align: right;   
   font-weight: bold;
   padding: 3px 5px 3px 5px;
   width : 400px;
}
table.rowsummary td {
   text-align: left;
   padding: 3px 5px 3px 5px;
   width : 400px;
}


table.scores {
   margin-left: auto;
   margin-right: auto;
   border: none;   
}
table.scores th {
   text-align: center;
   background-color: #525D84;
   font-weight: bold;
   padding: 3px 3px 3px 3px;
   border-top: 1px solid #7382AD;
   border-left: 1px solid #7382AD;
   border-right: 1px solid #485175;
   border-bottom: 1px solid #485175;
}
table.scores td {
   border: 1px solid #6F7483;
   padding: 1px 5px 1px 5px;
}
table.scores .header, table.scores .footer {
   text-align: center;
   border: none;
}
table.scores .header h1, table.scores .header h2 {
   margin-top: 0.8em;
}
table.scores .blank {
   border: none;
   background-color: transparent;
}
/* Used for the arrows pointing to a particular row in the scores table */
table.scores .highlight .highlight {
   border: none;
   background-color: transparent;
   font-weight: bold;
   font-size: medium;
}
table.scores .highlight td {
   font-weight: bold;
   background-color: #505561;
   color: #DEC3B5;
}

table.screenshots {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   border: none;
}

.inactive {
   color: #848484;
}

.center {
   text-align: center;
}

p {
   margin-top: 1.0em;
   margin-bottom: 1.0em;
}

p.Splash {   
   text-align: center; 
}
p.Splash img {
   border: 2px #7683ad solid;
}

#Header {
   margin-top: 0px;
   padding: 0px;
   height: 88px;
   text-align: center;
}

#Content {
   /* Note: do not change top or left margins!  They are set up to work with
      the screened background image */
   margin: 35px 20px 50px 220px;
   border: 2px #7683ad solid;
   width: auto;
   background-image: url(stationback_offset_site.jpg);   
}

#Content div.content {
   padding: 10px;
   text-align: justify;
}

#SubMenu {
   padding-left: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   font-size: small;
   text-transform: lowercase;
}

#SubMenu:first-letter {
   font-weight: bold;
}

#SubMenu a:link, #SubMenu a:visited {
   font-weight: bold;
   font-size: small;
}

#SubMenu a:hover, #SubMenu a:active {
   color: #FFFFFF;
   text-decoration: none;
}

#SubMenu a.current:link, #SubMenu a.current:visited {
   color: #FFFFFF;
   text-decoration: underline;
}

#Menu {
   position: absolute;
	top: 126px;
	left: 0px;
	width: 225px;
   height: 218px;
	padding: 0px;
	background-image: url(menu.jpg);
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 203px;
}
body>#Menu { width:203px; }

#Menu li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: absolute;
    left: 57px;
}

#Menu li, #Menu a {   
   display: block;
   height: 18px;
}

#Menu #MenuHome a {
   height: 22px;
}

#MenuHome { position: absolute; top: 45px; left: 28px; height: 22px; width: 155px; }
#Menu1 { top: 87px; height: 18px; width: 142px; }
#Menu2 { top: 105px; height: 18px; width: 142px; }
#Menu3 { top: 123px; height: 18px; width: 142px; }
#Menu4 { top: 141px; height: 18px; width: 142px; }
#Menu5 { top: 159px; height: 18px; width: 142px; }
#Menu6 { top: 177px; height: 18px; width: 142px; }
#Menu7 { top: 195px; height: 18px; width: 142px; }

#MenuHome a:hover {
    background: transparent url(menu.jpg) -208px -45px no-repeat;
}
#Menu1 a:hover {
    background: transparent url(menu.jpg) -209px -87px no-repeat;
}
#Menu2 a:hover {
    background: transparent url(menu.jpg) -209px -105px no-repeat;
}
#Menu3 a:hover {
    background: transparent url(menu.jpg) -209px -123px no-repeat;
}
#Menu4 a:hover {
    background: transparent url(menu.jpg) -209px -141px no-repeat;
}
#Menu5 a:hover {
    background: transparent url(menu.jpg) -209px -159px no-repeat;
}
#Menu6 a:hover {
    background: transparent url(menu.jpg) -209px -177px no-repeat;
}
#Menu7 a:hover {
    background: transparent url(menu.jpg) -209px -195px no-repeat;
}