﻿/* CSS layout */
body {
	margin: 0;
	padding: 0;
	background-color:#ffffff;
	font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif !important;
	background-image: url('../images/bgstrip.png') !important;
	background-repeat:repeat-x !important;
}


a {
	color:#022E62;
}

a:visited {
	color:#355ECA;
}

a:hover{
	text-decoration:none;
}

#maincontain {
	width:850px;
	position:relative;
	margin:0 auto;	
}

#shadowbox {
	width:100%;
	float:left;
	margin: 0;
	position:relative;
	background-color:antiquewhite;
	box-shadow: 0 0 10px black;
	-moz-box-shadow: 0 0 10px black;
	-webkit-box-shadow: 0 0 10px black;
	overflow:hidden;
	border-bottom-right-radius:6px;
	border-bottom-left-radius:6px;
}

#masthead {
	width:100%;
	height:160px;
	background-image:url('../images/web_masthead.png?nocache=001');
	background-repeat:no-repeat;
	float:left;
	position:relative;
	overflow:hidden;
}

#contentcontainermain {
	width:100%;
	float:left;
	background-color:white;
	position:relative;
	overflow:hidden;
}

#containerleft {
	width:100%;
	float:left;
	position:relative;
	right:75%;
	background-color:beige;
	border-right:2px;
	border-right-color:#999999;
	border-right-style:solid;	
}

#leftcontentcolumn {
	float:left;
	width:24%;
	position:relative;
	left:75.5%;
	top:1px;
	overflow:hidden;
}

#centercolumn {
	float:left;
	width:48.5%;
	position:relative;
	left:77%;
	top:1px;
	overflow:hidden;
}

#secondcolumn {
	float:left;
	width:73%;
	position:relative;
	left:77%;
	top:1px;
	overflow:hidden;
}

#rightcontentcolumn {
	float:left;
	width:25%;
	position:relative;
	left:77.5%;
	top:1px;
	overflow:hidden;	
}

#bottombar {
	width:100%;
	float:left;
	background-color:#eac11d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#022E62;
	text-align:center;
	border-bottom-right-radius:6px;
	border-bottom-left-radius:6px;		
}

#streamMenu {   
	padding:0px;   
	margin:0;
}   
#streamMenu li {   
	list-style-type:none;
	margin:0 0 0.7em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#022E62;
}  
#streamMenu a, #streamMenu a:visited {
	display:block;
	width:96%;
	border:1px solid #022E62;
	border-top-right-radius:6px;
	font-family:arial, verdana, sans-serif;
	text-align:left;
	text-decoration:none;
	font-variant:small-caps;
	font-weight:normal;
	background-color:#022E62;
	color:#ddd;
	padding:1em 0.25em 1em 0.25em;
}
#streamMenu a:hover {
  background:#ddd;
  color:#022E62;
}

#streamMenuHorz {   
	padding: 3px 0 3px 4px;
	background-color:beige;
	display: flex;
	flex-wrap: wrap;	
	list-style-type:none;
}   
#streamMenuHorz li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#022E62;
	width:245px;
	margin: 4px 4px 4px 16px;	
}  
#streamMenuHorz a, #streamMenuHorz a:visited {
	display:block;
	width:96%;
	min-height:120px;
	border:1px solid #022E62;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	font-family:arial, verdana, sans-serif;
	text-align:left;
	text-decoration:none;
	font-variant:small-caps;
	font-weight:normal;
	background-color:#022E62;
	color:#ddd;
	padding:1em 0.25em 1em 0.25em;
}
#streamMenuHorz a:hover {
  background:#ddd;
  color:#022E62;
}

.streamTabs {
	border:1px solid #022E62;
	padding:0px 10px 0px 10px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	background:#ddd;
}
.streamDate {
	color: #ccf;
	font-size:0.8em;
}

#noStreamMenu {   
	padding:0px;   
	margin:0;
	list-style-type:none;
}   
#noStreamMenu li {   
	margin:0 0 0.7em 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#022E62;
}  
#noStreamMenu a, #noStreamMenu a:visited {
	display:block;
	width:96%;
	border:1px solid #022E62;
	border-top-right-radius:6px;
	font-family:arial, verdana, sans-serif;
	text-align:left;
	text-decoration:none;
	font-variant:small-caps;
	font-weight:normal;
	background-color:#022E62;
	color:#ddd;
	padding:1em 0.25em 1em 0.25em;
}
#noStreamMenu a:hover {
  background:#ddd;
  color:#022E62;
}

#noStreamMenuHorz {   
	padding: 3px 0 3px 4px;
	background-color:beige;
	display: flex;
	flex-wrap: wrap;	
	list-style-type:none;	
}   
#noStreamMenuHorz li {   
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#022E62;
	width:245px;
	margin: 4px 4px 4px 16px;
}  
#noStreamMenuHorz a, #noStreamMenuHorz a:visited {
	display:block;
	width:96%;
	min-height:100px;
	border:1px solid #022E62;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;	
	font-family:arial, verdana, sans-serif;
	text-align:left;
	text-decoration:none;
	font-variant:small-caps;
	font-weight:normal;
	background-color:#022E62;
	color:#ddd;
	padding:1em 0.25em 1em 0.25em;
}
#noStreamMenuHorz a:hover {
  background:#ddd;
  color:#022E62;
}

.noStreamTabs {
	border:1px solid #022E62;
	padding:0px 10px 0px 10px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	background:#ddd;
}
.noStreamDate {
	color: #ccf;
	font-size:0.8em;
}

.moreStreamTab{
	border:1px solid #022E62;
	padding:6px 10px 6px 10px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	background:#ddd;	
	color:#022E62;	
}

.areaheadergold {
margin: 0;
color: #022E62;
font-size: 90%;
padding: 3px 5px 3px 10px;
border-bottom-width: 2px; 
border-bottom-style: solid; 
border-bottom-color: #022E62;
font-weight: bolder;
font-family: Georgia, "Times New Roman", Times, serif;
background-image: url('../images/heading_bkgd_gray.png');
background-repeat:repeat-x;
}

.areaheaderblue {
width:92%;
float:left;
position:relative;
clear:left;
margin-top:8px;
border-bottom-width: 2px; 
border-bottom-style: solid; 
border-bottom-color: #022E62;
font-weight: bold;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:.9em;
}

.areaheaderbluetext {
	color:#ffffff;
	background-color:#022E62;
	padding: 2px 10px 0px 10px;
	border-top-right-radius:6px;
	border-top-left-radius:6px;
}

.iconstyle {
	vertical-align: middle;
	margin-right: 5px;
}

.cupDate {
	color:gray;
	font-size:0.6em;
}
.cupTitle {
	color:#022E62;
	font-size: 0.75em;
	font-weight:bold;
	text-transform:uppercase;
}
.cupStart{
	color:steelblue;
	font-size: 0.75em;
}

.tab-text {
	float:left;
	position:relative;
	padding-top:7px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
}
.tab-links,.tab-links a,.tab-links a:visited {
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
	text-decoration:none;
}
.tab-links a:hover {
	text-decoration:underline;
}
.tab-divider {
	color: #eac11d;
	font-size:medium;
}
.roundybutton {
	float:left;
	margin-top:9px;
	margin-right:9px;
	border-radius:4px;
	cursor:pointer;
}
.roundyrightbutton {
	float:right;
	margin:9px;
	border-radius:4px;
}
