body {	
	font-family: Geneva,arial,Helvetica,sans-serif,sans;
	margin: 0px;
	text-align: left;
	font-size: 14px;
/*	background-color: #DDEEDD;*/
}
body.main {
	background: url(img/Banner.jpg);
	background-size: 1100px;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #111111;
}
body.page {
	background-image: url(img/silhouette.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center top;
}
#menuright {
	left: 640px;
	top: 12px;
	position: absolute;
}
/* Structure
------------------------------------------*/
#menu,
#menu ul {
	list-style: none;
	margin: 0px;
	float: left;
	padding-left: 60px;
	padding-right: 140px;
}
#menu {
	float: left;		
}
#menu > li {
	float: left;
}
#menu li a {
	display: block;
	/*height: 2em;*/
	line-height: 2em;
	padding: 0 1.5em;
	text-decoration: none;
}
#menu ul {
	position: absolute;
	display: none;
	z-index: 999;
}
#menu ul li a {
	width: 120px;
}
#menu li:hover ul.noJS {
	display: block; 
}


/* Main menu
------------------------------------------*/
#menu {
	font-size: 12px;
	background: #576764;
	opacity:0.8;
}
#menu > li > a {
	color: #fff;
	font-weight: bold;
	padding: 14px;
}
#menu > li:hover > a {
	background: #88FF00;
	color: #000;
}


/* Submenu
------------------------------------------*/
#menu ul {
	background: #88FF00;
	padding: 0px;
	/*opacity: 0.8;*/
}
#menu ul li a {
	color: #000;
}
#menu ul li:hover a {
	background: #c9ff7c;
}

#content {
	border: 2px solid;
	border-radius: 8px;
	-moz-border-radius:8px;
	border-width: 2px 8px 0px 16px;
	border-style: solid;
	border-color: #DDEEDD;
	clear: both;			
	top: 280px;
	bottom: 20px;
	left: 30px;
	right: 30px;
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;

	background-image: url(img/silhouette.jpg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center top;
	background-color: #DDEEDD;
}
#footer {
	position: absolute;
	bottom: 0px;
	text-align: center;
	color: white;
	font-size: 10px;
	width: 100%;
}
div.panel {
	box-shadow: 6px 6px 10px #888888;
	border-width: 10px 16px 16px 16px;
	border-style: solid;
	border-color: #FFF;
	background: #FFF;
	margin-left: 0px;
	margin-bottom: 16px;
	margin-right: 10px;
}
div.left {
	margin-right: 16px;
}
div.panelright {
	float: left;
	margin-left: 16px;
}
h1 { 	font-size: 24px; 
	color: #446644; 
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 26px;
}
h2 { font-size: 20px; color: #797; 
	background: url(img/shuttle.png) no-repeat; 
	background-size: 30px;
	text-indent: 40px;}
h3 { font-size: 16px; color: #797; }
a:link { color: #66BB00; }
a:visited { color: #448800; }
a:hover { color: lime; }
a.news { text-decoration: none; }
a.external {
	background: url(/img/link.png) center right no-repeat;
	padding-right: 15px;
}
div.logo {
	position: absolute;
	top: 80px;
	left: 50px;
	width: 440px;
	background: black;
	padding: 10px;
	opacity:0.7;
	border: 1px solid green;
}
div.news {
	border: 1px solid green;
	width: 100%;
	margin-bottom: 5px;
	background: #F8FFF8;
}
div.content {
	-webkit-overflow-scrolling:touch;
}
img.logo {
	height: 100px;
	padding-right: 10px;
}
span.logo {
	font-size: 40px;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	/*font-family: Impact, Charcoal, sans-serif;*/
}
iframe.main {
	display: block; /* inline; /* inline-block; */
}
table.league {
	margin-left: 40px;
}
table.league td {
	text-align: right;
	width: 25px;
	padding: 4px 20px 4px 0px;
	margin-right: 0px;
}
font.score {
	font-size: 16px;
	font-weight: bold;
	color: #008800;
	padding: 10px;
}
        #Tabs ul {
                padding: 0px;
                margin: 0px;
                margin-left: 6px;
                list-style-type: none;
        }

        #Tabs ul li {
                display: inline-block;
                clear: none;
                float: left;
                height: 24px;
        }
        #Tabs ul li a {
                position: relative;
                margin-top: 0px;
                display: block;
                margin-left: 3px;
                line-height: 30px;
                /*padding-left: 10px;*/	
                background: #DDFFDD;
                z-index: 9999;
                border: 1px solid #008800;
                border-bottom: 10px;
		text-align: center;
		opacity:0.6;

                /* The following four lines are to make the top left and top right corners of each */
                -moz-border-radius-topleft: 4px;
                border-top-left-radius: 4px;
                -moz-border-radius-topright: 4px;
                border-top-right-radius: 4px;
                /* end of rounded borders */

                width: 90px;
                color: #000000;
                text-decoration: none;
                /*font-weight: bold;*/
        }
        #Tabs a.active {
                background: #FFFFFF;
		opacity:1;
        }
        #Tabs ul li a:hover {
                background: #88FF00;
        }
	#Tabs a.active:hover {
		background: #FFFFFF;
	}
        #Tabs #Content_Area {
                /* this is the css class for the content displayed in each tab */
                clear:both;
                position: relative;
                top: 6px;
                z-index: 5;
                overflow-x: hidden;
                overflow-y: auto;
        }