@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */
/*@media all
{*/
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Formatting YAML's  basic layout elements
*/
/* (en) Marginal areas & page background */
body {
background: #F3F3F5;
padding: 0;
}
#page_shadows {
width: 1000px;
background: url(/image/view/-/736/data/70/-/s0f7mlz/-/bg_page.png) repeat-y top center;
margin: 0 auto;
}
/* (en) Layout: width, background, borders */
#page_margins {
min-width: 990px;
max-width: 990px;
margin: 0 auto;
}
#page {
background: #fff;
}
/* (en) Centering layout in old IE-versions */
body { text-align: center }
#page_margins { text-align:left }
/* (en) Designing main layout elements */
#header {
color: #000;
background: #fff repeat-x top left;
padding: 20px 20px 1em 20px; 
width: 948px;
}
/* (en) adjustment of top navigation */
#topnav {
background: #F3F3F5;
border-bottom: 1px solid #D7D7D7;
top: 0;
right: 0;
width: 965px;
text-align: right;
padding: 5px 25px 5px 0px;
position: relative;
}
#topnav span {
margin: 0 5px;
}
/* (en) adjustment of main navigation */
#nav { position: relative; z-index: 100; }
#main { background: #fff; padding: 10px 20px; }
#footer {
padding-bottom: 5px;
}
#footer_content {
text-align: left;
color: #666; 
border-top: 5px solid #6D6E72;
    border-bottom: 1px solid #DADADA;
    padding: 5px;
  margin: 0 20px 40px 20px;
}
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Formatting content container
* (de) Formatierung der Inhalts-Container
*
* |-------------------------------|
* | #header                       |
* |-------------------------------|
* | #col1   | #col3     | #col2   |
* | 25%     | flexible  | 25%     |
* |-------------------------------|
* | #footer                       |
* |-------------------------------|
*/
#col1 { width: 25% }
#col1_content { padding: 10px 10px 10px 20px; }
#col2 { width: 25% }
#col2_content { padding: 10px 20px 10px 10px; }
#col3 { margin: 0 25% }
#col3_content { padding: 10px }
/*------------------------------------------------------------------------------------------------------*/
/**
* (en) Main Navigation
*/
#nav_main {
margin-left: 20px;
width: 950px;
height: 27px;
background: #4A4A4C url(/image/view/-/732/data/68/-/rub3or/-/bg_mainnav.png) repeat-x top left;
}
.ddcolortabs {
float: left;
}
.ddcolortabs ul {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.ddcolortabs ul li {
float: left;
margin: 0;
padding: 0;
}
.ddcolortabs ul li a {
color: #FFFFFF;
margin: 0;
padding: 5px 10px;
display: block;
text-decoration: none;
}
.ddcolortabs ul li a:hover {
background: url(/image/view/-/734/data/69/-/15shidx/-/bg_mainnav_active.png) repeat-x top left;
color: #FFFFFF;
text-decoration: none;
}
/*currently selected tab*/
.ddcolortabs ul li a.current {
background: url(/image/view/-/734/data/69/-/15shidx/-/bg_mainnav_active.png) repeat-x top left;
color: #FFFFFF;
text-decoration: none;
}
.tabcontainer {
clear: left;
width: 950px; /*width of 2nd level sub menus*/
margin-left: 20px;
height: 1.5em;
margin-top: 5px;
color: #CCCCCC;
}
.tabcontainer a {
margin: 0 5px;
color: #333333;
}
.tabcontent {
display:none;
}
#headerleft{
float: left;
width: 78%;
}
#headerright{
float: right;
width: 16%;
}
#channelinhousead{
padding: 2px;
margin: 1px 1px 0px 4px;
width:100%;
}
#social{
float: left;
width: 48%;
padding: 1px;
}
#inhousead{
float: right;
width: 48%;
margin: 2px 0px;
}
#dn2Overall{
width: 100%;
float: center;
display: block;
}
.dn2LeftOverall{
float: left;
width: 215px;
margin: 5px;
text-decoration: none;
}
.dn2RightOverall{
float: right;
border-left:1px solid #DADADA;
width: 215px;
margin: 5px;
text-decoration: none;
}
.dn2TopTitle  a{
font-size: 14px;
text-align: left;
text-decoration: none;
color: #33333;
}
.dn2TopTitle  a:Hover{
font-size: 14px;
text-align:left;
text-decoration: Underline;
color: #33333;
}
.topDN2List li {
background:url(/image/view/-/598/data/43/-/uvxjyc/-/ico_plus.png) no-repeat scroll 0 6px transparent;
border-bottom:1px solid #DADADA;
line-height:1.3em;
list-style:none outside none;
margin:0;
padding:4px 4px 4px 16px;
}
.topDN2List li a{
color:#4D4D4D;
}
.topDN2List li a hover {
color:#4D4D4D;
}
.dn2TopPhoto{
float: left;
border: 0px;
}
.dn2Clear{
height; 3px;
}
#NewsTicker{
border:solid 1px #eaeaea;
width:98%;
height:25px;
margin:0 auto;
}
#NewsTicker h1{
padding:6px;
margin:0;
border:0;
background:#dfe7ed;
color:#000000;
font-size:11px;
font-weight:bold;
}
#NewsVertical {
width: 600px;
height: 34px;
display: block;
overflow: hidden;
position: relative;
}
/* --------------- */
/* Ticker Vertical */
#TickerVertical {
width: 600px;
height: 25px;
display: block;
list-style: none;
margin: 0;
padding: 0;
}
#TickerVertical li {
width: 600px;
color: #ccc;
text-align: left;
font-size: 1.0em;
margin: 0;
padding: 4px 10px;
float: left;
height: 25px;
display: inline;
}
#TickerVertical li .NewsTitle{
display: block;
color: #333;
font-size: 1.0em;
font-weight: 600;
margin-bottom:4px;
font-family: Arial, "Times New Roman", Times, serif;
}
#TickerVertical li .NewsTitle a:link,
#TickerVertical li .NewsTitle a:Visited {
display: block;
color: #333;
margin-bottom:4px;
text-decoration: none;
}
#TickerVertical li .NewsTitle a:hover {
text-decoration:none;
}
#elecstr{
height: 20px;
margin:2px.;
padding: 0px,0px,4px, 0px;
}
/*Wingo*/
#wingoContainer{
width: 98%;
border-color: #EAEAEA;
border-width: 1px;
border-style: solid;
margin: 5px;
min-height: 800px;
}
#wingomast{
background-image: url('/image/view/-/999568/data/190976/-/8jh6r7z/-/wingomast.png');
width: 100%;
height: 172px;
}
#wingocontent{
width: 100%;
}
#wingofooter{
width: 100%;
height: 100px;
border-color: #EAEAEA;
border-width: 1px;
border-style: solid;
}
.wingoclear {
clear:both;
  }
.wingologo{
background-image: url('/image/view/-/999564/data/190977/-/drknu2/-/wingologo.png');
margin: 10px;
float:left;
width: 228px;
height: 151px;
}
#wingocolumnleft{
margin: 0px;
width: 85%;
float: left;
}
.wingocolumnleft_left{
margin: 2px,1px;
width: 42%;
float: left;
}
.wingocolumnleft_right{
margin: 2px,1px;
width: 57%;
float: right;
}
#wingocolumnright{
margin: 5px;
border-left-color: #EAEAEA;
border-left-width: 1px;
border-left-style: solid;
width: 13%;
float:right;
color: #333;
}
/*carousel*/
#carousel_inner {
float:left; /* important for inline positioning */
width:900px; /* important (this width = width of list item(including margin) * items shown */
margin: 5px,0px;
height: 90px;
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
}
#carousel_ul {
position:relative;
left:-10px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}
#carousel_ul li{
float: left; /* important for inline positioning of the list items */
width:140px;  /* fixed width, important */
/* just styling bellow*/
padding:0px;
height:90px;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
margin-right:5px;
}
#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand;
border:0px;
}
#left_scroll, #right_scroll{
float:left;
height:32px;
width:20px;
padding-top: 30px;
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}
#carousel {
margin: 10px;
width: 400px;
height: 390px;
padding: 0;
overflow: scroll;
border: 2px solid #eaeaea;
}
#carousel ul {
list-style: none;
width: 1500px;
margin: 0;
padding: 0;
}
#carousel li {
display: inline;
}
.textholder {
text-align: left;
font-size: small;
padding: 6px;
}
.wingomaintitle{
color: #E03595;
font-type: Arial;
font-size: 1.8em;
text-align: left;
margin: 2px, 10px;
font-weight: 700; 
}
.wingosmalltitle{
color: #E03595;
font-type: Arial;
font-size: 1.5em;
text-align: left;
margin: 0px, 10px;
font-weight: 700; 
}
.wingodraw{
padding-top:8px;
margin: 20px,0px;
width: 96%;
height: 100px;
}
.wingodrawright{
float: right;
margin: 0px,2px;
width: 82%;
border-color: #EAEAEA;
border-width: 1px;
border-style: solid;
}
.wingodrawleft{
float: left;
margin-top: 15px;
margin-left: 0px;
width: 17%;
}
.wingosteps{
margin: 20px,0px;
width: 96%;
height:160px;
border: 1px, solid, #333;
}
.wingovideo{
margin: 20px,0px;
width: 96%;
border: 1px, solid, #333;
height: 350px;
}
.wingosponsorslogo {
float: right;
height: 71px;
width: 155px;
background-image: url('/image/view/-/999566/data/190978/-/2lj8iy/-/wingosponsors.png');
}
div.tkcontainer {
 width:96%;
 height:25px;
}
.clear{
clear:both;
}
tp.tabnav {
 margin: 0;
 padding: 0;
 width: 100%;
 overflow: hidden;
}
tp.tabnav a {
 display: block;
 width: 100%;
 height: 25px;
 background-image:url('/image/view/-/999576/data/190979/-/70c7d5z/-/tabs_up.jpg');
 background-repeat:no-repeat;
 text-decoration:none;
 font-size:1.2em;
 color: #fff;
 text-align:center;
 }
tp.tabnav a.hover {
 background-image:url('/image/view/-/999578/data/190980/-/i6dmnmz/-/tabs_hover.png');
 background-repeat: no-repeat;
 height: 25px;
 text-decoration: none;
 color: #fff;
 font-size:1.2em;
 text-align:center;
}
tp.tabnav t {
 float: left;
 width:132px;
 margin:0;
 padding:0px;
 text-align:left;
}
div.tabcontents {
 height: 290px;
 overflow:hidden;
 padding:3px;
}
div.tabcontents div.content {
 float: left;
 width: 100%;
 height: 102%;
 overflow-y: auto;
 border-top: 1px solid #eaeaea;
}
div.tabcontents div.content h2 {
 margin: 5px;
}
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url('/image/view/-/1105394/data/236288/-/p2kxd3z/-/shade.gif') top left repeat-x;
}
.shadetabs li a:visited{
color: #2d2b2b;
}
.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}
.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}
.shadetabs li a.selected{ /*selected main tab style */
background-image: url('/image/view/-/1105398/data/236289/-/ycfbq1/-/shadeactive.gif');
border-bottom-color: white;
}
.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */
.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}
.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}
.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}
.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}
.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}
/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}
.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url('/image/view/-/1105400/data/236290/-/ut2ebl/-/indentbg2.gif') center center repeat-x;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}
.indentmenu ul li a:visited{
color: black;
}
.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url('/image/view/-/1105542/data/236290/-/9u1ouq/-/indent2.gif') center center repeat-x;
}
#countynavcontainer{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
width: 96%;
border: solid 1px #EFEFEF;
margin: auto;
}
#countynavlist li{
display:inline-table;
list-style-type: none;
padding: 5px 10px 0 0;
}
#countynavlist a:link{
color: #339;
text-decoration:none;
background-color: transparent;
}
#countynavlist a:visited{
color: #888;
text-decoration:none;
background-color: transparent;
}
#countynavlist a:hover,#countynavlist a:active{
color: #600;
text-decoration:underline;
background-color: transparent;
}
.stripad{
padding: 10px 20px;
}