@charset "utf-8";
/* CSS Document */
*{padding: 0px; margin:0px;}

body {
	background-color: #e7e6eb;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/site-bg.jpg);
	background-repeat: repeat-x;
}

a{
color: #A70303;
padding: 0;
text-decoration: none;
font-size: 1em;
}

a:visited{
color: #A70303;
}

a:hover{ /*hover state CSS*/
color: #A70303;
text-decoration:underline;
}

th {
	font-weight:bold;
	text-align:left;
}

form {
	margin:0px;
	font-size:0.7em;
}

form ul {
	margin:0px;
	list-style:none;
}

form li { 
	background:none;
	margin-bottom:10px;
	margin-left:0px;
}

p {
	margin-bottom:10px;
}

.cleardiv {
	clear:both;
}

#wrap {
}

#container {
    width: 978px;
	min-height:500px;
    margin: 0 auto;
    background: url(../images/container-bg.png) top left repeat-y;
}

#content {
	margin:15px 30px;
}

#left-content {
	margin-left:30px;
	margin-right:0px;
	margin-top:15px;
	margin-bottom:15px;
	width:650px;
	float:left;
}

#left-content p {
		font:0.7em;
		margin-bottom:7px;
}

#right-content {
	margin-left:710px;
	margin-top:15px;
	width:235px;
}

#right-content p {
	margin:5px;
}
	

#container-bottom {
    background: url(../images/container-bottom-bg.png) top left no-repeat;
	width: 978px;
	height: 35px;
	margin: 0 auto;
}

#header {
    width: 932px;
    height: 88px;
    background: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 14px;
    padding-right: 14px;
}

#header ul {
    list-style: none;
}

#logo-container li {
    float: left;
    padding-right: 15px;
}

span.mlb-center img {
    padding-top: 13px;
}

#team-logos-and-box-score {
    float: right;
    margin-top: 5px;
	height:85px;
	overflow:hidden;
}

#team-logos {
	height:30px;
	width:555px;
	overflow:hidden;
}

#box-score ul {
	padding-top: 5px !important;
}

#team-logos li {
    float: left;
    padding-right: 20px;
}

#box-score li {
    float: left;
    margin-right: 5px;
	width: 115px;
}

#box-score li a, #box-score li a:visited, #box-score li a:active {
    border: 1px solid #ccc;
    display: block;
	width: 112px;
	height:35px;
	margin-top: 10px;
	text-deocoration:none;
	font-size: .6em;
    color: #666;
}

#box-score li a:hover {
    color: #CC0000;
}


div.bs-box{
    padding: 0 4px 0 4px;
}

div.bs-teams{
    float: left;
    padding-right: 5px;
}

div.bs-scores {
    float: right;
}

span.bs-winner {
    font-weight: bold;
}

li.last-list-item {
    padding-right: 0px !important;
    margin-right: 0px !important;
}

#upcoming-games {
    width: 960px;
    background: #A80000;
    color: #fff;
    height: 46px;
	overflow:hidden;
}

div#upcoming-games ul {
    list-style: none;
    float: right;
    margin-top: 4px;
    margin-right: 8px;
}

div#upcoming-games li {
    float:left;
    font-size: .6em;
    text-align: center;
    padding-right: 6px;
}

div#upcoming-games span {
    float: left;
}

table.ug-table {
    float: right;
    font-size: .7em;
    margin-right: 10px;
    margin-top: 3px;
}

table.ug-table td {
    padding-right: 5px;
}

td.ug-hometeam {
    font-weight: bold;
}

td.ug-time {
    text-align: center;
}

#header, #upcoming-games, #top-nav, #pow-headlines-news, #video-poll-audio-standings {
	margin-left: 9px;
}

#pow-headlines-news {
  margin-top: 20px;
}

span.ug-vertical-center img {
    margin-top: 16px;
    margin-left: 38px;
    margin-right: 19px;
}

#top-nav {
    width: 960px;
    background: url(../images/top-nav-bg.jpg) top left no-repeat;
    height: 37px;
    margin-top: 1px;
}

#top-nav ul {
    list-style: none;
    padding-left: 22px;
    padding-top: 9px;
}

#top-nav li {
    float: left;
    padding-right: 15px;
    font-size: .8em;
}

#top-nav a {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

#top-nav a:hover {
    font-weight: bold;
    color: #CECEFF;
    text-decoration: none;
}

#player-of-the-week {
  width: 300px;
  height: 252px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  font-size: .7em;
  color: #666;
  float: left;
  margin-left: 18px;
  margin-right:10px;
}

div.pow-header {
  	text-align:center;
	font-size: 12px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: white;
	background: black url(../images/titlebar.png) repeat-x center left;
	margin-bottom: 5px; /*bottom spacing between header and rest of content*/
	padding:5px;
}

div.pow-left-column {
  float: left;
  margin-top: 23px;
  margin-left: 35px;
}

div.pow-left-column ul,
div.pow-right-column ul {
  list-style: none;
}

div.pow-left-column li,
div.pow-right-column li {
  padding-bottom: 7px;
}

div.pow-right-column {
  float: right;
  margin-top: 10px;
  margin-right: 15px;
}

div.pow-content {
  padding:10px;
}

div.pow-content p {
  margin-bottom:7px;
}

#headlines-module {
  float: left;
  position: relative;
  width: 309px;
  height: 252px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  text-align: center;
  font-size: .9em;
}

#headlines-module h3 {
  font-size: 1em;
  color: #000033;
  /*margin-bottom: -3px;*/
}

#headlines-module p {
  font-size: .7em;

  color: #000033;
}

#headlines-module span.hm-read-more {
  float: right;
  padding-right: 10px;
  font-size: .8em;
  color: #000033;
}

.photo-copyright {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff;
  font-size: .6em;
}

.headlines-previous {
  position: absolute;
  left: 3px;
  top: 75px;
}

.headlines-next {
  position: absolute;
  right: 3px;
  top: 75px;
}

.headlines-previous img,
.headlines-next img {
  border: none;
}

#news-module {
  float: left;
  width: 288px;
  height: 252px;
  border: 1px solid #ccc;
  margin-left: 9px;
}

#video-poll-audio-standings {
  width: 960px;
}

#video-module,
#poll-module,
#audio-module {
  width: 199px;
  height: 260px;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  border: 1px solid #ccc;
  color: #000033;
  font-size: .8em;
  text-align: center;
  background: #fff url(../images/v-p-a-bg.jpg) top left no-repeat;
}

#video-module p,
#poll-module p,
#audio-module p {
  margin:5px 10px;
}

img.image-title {
  padding-top: 0px !important;
}

#video-module {
  margin-left: 18px;
}

#video-module img {
  padding-top: 10px;
}

#audio-module img {
  padding-top: 25px;
  border: none;
}

#video-module ul,
#poll-module ul,
#audio-module ul {
  list-style: none;
  text-align: left;
  display: block;
  margin-left: 15px;
}

h3.sub-menu-headers {
font: bold 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .9em;
color: white;
background: black url(../images/titlebar-active.png) repeat-x center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
text-align: center;
}

h3.sub-menu-headers-blue {
font: bold 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
color: white;
background: url(../images/titlebar.png) repeat-x center left;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
text-align: center;
}

#standings-module {
  width: 288px;
  height: 260px;
  float: left;
  margin-top: 9px;
  border: 1px solid #ccc;
  background: url(../images/standings-bg.jpg) top left no-repeat;
}

#standings-module table {
  font-size: .7em;
  margin: 0 auto;
}

#standings-module thead {
  font-weight: bold;
}

#standings-module thead td {
  padding-top: 5px;
}

#standings-module td {
  padding-right: 10px;
  padding-bottom: 3px;
}

span.results-text {
  float: right;
  padding: 15px;
}

span.results-text a,
span.hm-read-more a {
  color:#A80000;
  text-decoration: none;
  font-size: .8em;
}

span.results-text a:hover,
span.hm-read-more a:hover {
  color:#A80000;
  text-decoration: underline;
  font-size: .8em;
}

#footer {
  width: 960px;
  margin: 0 auto;
  text-align: center;
  font-size: .7em;
  color: #000033;
  padding-bottom: 40px;
}

#footer a {
  color: #000033;
  text-decoration: none;
  font-weight: bold;
  font-size:.7em;
}

#footer a:hover {
  color: #000033;
  text-decoration: underline;
  font-weight: bold;
}

#footer ul {
  list-style: none;
  padding-bottom: 30px;
  margin-left: 110px;
}

#footer li {
  float: left;
  padding-right: 30px;
}

#footer span {
  clear: both;
}

span.poll-question {
  display: block;
  width: 180px;
  margin: 0 auto;
  padding-top: 10px;
  font-weight: bold;
}

/*-------------------------------------------------------Accordian Menu*/
.arrowlistmenu{
width: 288px; /*width of accordion menu*/
height: 252px;
overflow: hidden;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:.8em;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/


text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;

cursor: pointer;
text-align: center;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
border-bottom: 1px solid #dadada;
margin-top: 4px;
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
padding-right: 15px;
padding-bottom: 5px;
text-decoration: none;
margin-left: 5px;
font-size: .7em;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
/*--------------------------------------------------------End of Accordian Menu*/

/*-------------------------------------------------------Accordian Menu*/
.arrowlist {

}

.arrowlist .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(/images/titlebar-active.png);
}

.arrowlist ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0; /*bottom spacing between each UL and rest of content*/
}

.arrowlist ul li{
padding-bottom: 4px; /*bottom spacing between menu items*/
border:none;
}

.arrowlist ul li a{
color: #A70303;
background: url(/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
margin-left: 5px;
font-size: 1em;
}

.arrowlist ul li a:visited{
color: #A70303;
}

.arrowlist ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.arrowbullet {

}

.arrowbullet .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(/images/titlebar-active.png);
}

.arrowbullet ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0; /*bottom spacing between each UL and rest of content*/
}

.arrowbullet ul li{
padding-bottom: 4px; /*bottom spacing between menu items*/
border:none;
background: url(/images/arrowbullet.png) no-repeat top left; /*custom bullet list image*/
padding-left: 19px; /*link text is indented 19px*/
margin-left: 5px;
}

/*--------------------------------------------------------End of Accordian Menu*/


/*--------------------------------------------------------------FEATURED CONTENT*/
#featured-content-wrap {
  float: left;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #ccc;
width: 309px; /*width of featured content slider*/
height: 234px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
color: #000033;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 309px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 303px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .7em;
padding: 3px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

div.contentdiv h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 10px;
  color: #000033;
}

div.contentdiv p {
  padding: 0px 10px 0px 10px;
  margin: 0px;
  width: 283px;
  font-size: .7em;
  color: #000033;
}

div.contentdiv span.fc-read-more {
  margin-right: 10px;
  float: right;
  font-size: .7em;
}

div.contentdiv span.fc-read-more a {
  font-size: .9em;
  color: #cc0000;
  text-decoration: none;
}

div.contentdiv span.fc-read-more a:hover {
  font-size: .9em;
  color: #cc0000;
  text-decoration: underline;
}

div#paginate-slider1,
div#paginate-slider2,
div#paginate-slider3 {
padding-top: 0px;
}

table.sample {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #cccccc;
	border-collapse: collapse;
	background-color: white;
	text-align:left;
	width:270px;
	margin-top:15px;
}
table.sample th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #cccccc;
	background-color: white;
	-moz-border-radius: ;
}
table.sample td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #cccccc;
	background-color: white;
	-moz-border-radius: ;
}


/*--------------------------------------------------------------END OF FEATURED CONTENT*/