body {
	background: #000000 url(images/main-bg.gif) repeat-x;
	color: #7F7F7F;
	font-family: tahoma, arial;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

* html body {
}

img {
	border: 0px;
}

a:link { 
	color: #9D9D9B;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
	
a:visited { 
	color: #9D9D9B;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;	
}
	
a:hover, a:active { 
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#footer a:link { 
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
}
	
#footer a:visited { 
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;	
}
	
#footer a:hover, #footer a:active { 
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: underline;
}

#banner {
	clear: both;
	height: 326px;
	width: 776px;
}

#container {
	margin: 0px auto;
	text-align: left;
	width: 776px;
}

#content {
	clear: both;
	width: 776px;
	background-image: url(images/content-bg.gif);
	background-repeat: repeat;
}

#footer {
	background: url(images/footer-bg1.gif) no-repeat;
	clear: both;
	color: #FFFFFF;
	display: block;
	font-size: 11px;
	height: 108px;
	padding-top: 20px;
	text-align: center;
	width: 776px;
}

#headlines {
	background: #1F1F1F;
	height: 199px;
	padding: 10px;
	width: 254px;
}

#left {
	background: #333333 url(images/content-top-bg.gif) no-repeat 0% 0%;
	float: left;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 80px;
	width: 462px;
}

#logo {
	height: 72px;
	width: 776px;
}

#nav {
	clear: both;
	display: block;
	height: 43px;
	width: 776px;
	background-image: url(images/nav-bg.gif);
	background-repeat: repeat-x;
}
#nav ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;	
}
#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

.nlink, .nlinkend {
	float:left;
	width:auto;
	list-style: none;
	display:inline;
	text-align:center;
	padding-top: 15px;
	padding-left: 17px;
	padding-right: 17px;
	height:28px;
}
.nlink{
	background-image: url(images/nav-line.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.nlinkend {
	background-image: none;
}
#right {
	float: left;
	width: 274px;
}

#right p {
	margin-top: 0px;
}

* html #right p {
	margin-top: -5px;
}

#stats {
	background: #494949;
	padding: 10px;
	width: 254px;
}

* html #stats {
	height: 170px;
}

.date {
	color: #827961;
	font-weight: bold;
}

.flt-lft {
	float: left;
	margin-right: 20px;
}

.flt-rgt {
	float: right;
}
#heading2 {
	color: #FFFFFF;
	display: block;
	font-family: arial, tahoma;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 2px;
	padding-left: 40px;
	padding-top: 2px;
}
.heading1 {
	background: url(images/heading-bg-1.gif) no-repeat;
	color: #909090;
	display: block;
	font-family: arial, tahoma;
	font-size: 14px;
	font-weight: bold;
	height: 21px;
	margin-bottom: 12px;
	padding-left: 40px;
	padding-top: 4px;
	width: 181px;
}

* html .heading1 {
	margin-bottom: 5px;
}

.heading2 {
	color: #909090;
	display: block;
	font-family: arial, tahoma;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 38px;
	padding-top: 4px;
}

#menu {padding:0; margin:0 0 0 0px; list-style:none; height:40px; background:url(ulback.gif) repeat-x;}
#menu li {float:left;}
#menu li a {display:block; height:40px; line-height:40px; padding:0 14px 0 0; float:left; color:#fff; text-decoration:none;font-size:13px; text-transform:uppercase}
#menu li a b {display:block; height:40px; float:left; padding:0 0 0 14px; cursor:pointer;}
#menu li a:hover, 
.home #menu li#home a,
.single #menu li#single a,
.dropdown #menu li#dropdown a,
.dropline #menu li#dropline a,
.flyout #menu li#flyout a,
.support #menu li#support a,
.contact #menu li#contact a
{background:url(tab_a.gif) no-repeat right top; line-height:36px;}
#menu li a:hover b,
.home #menu li#home a b,
.single #menu li#single a b,
.dropdown #menu li#dropdown a b,
.dropline #menu li#dropline a b,
.flyout #menu li#flyout a b,
.support #menu li#support a b,
.contact #menu li#contact a b
{background:url(tab_b.gif) no-repeat left top; line-height:36px;}

#menu li.current a {background:url(tab_a.gif) no-repeat right top; line-height:36px;}
#menu li.current a b {background:url(tab_b.gif) no-repeat left top; line-height:36px;}

#title{/*background:url("title.png") no-repeat; background-position: top left; */height:110px; width:800px; margin-top: 5px;margin-left:20px; padding-bottom:30px}

#baseball{position:absolute;top:100px; left:20px; background:url(images/baseball.gif) no-repeat; height:150px; width:150px;}

.stickynote{
z-index:500;
position:absolute;
visibility:hidden;
width: 350px;
border: 5px solid black;
background-color: #eeeeee;
/* padding: 4px; */
overflow:auto;
box-shadow: 5px 5px 10px #467175;
-webkit-box-shadow: 5px 5px 10px #467175;
-moz-box-shadow: 5px 5px 10px #467175;
}
.stickynote .stickynote-inner{
padding:3px;
color:#000000;
font-size: 1.3em;
text-align:left;
margin-left:5px;
margin-right:5px;
}

#inner-text a:active {color:#FA0C00; text-decoration: underline; margin:0px;}
#inner-text a:link {color:#FA0C00; text-decoration: underline; margin:0px;}
#inner-text a:hover{color: #620c0c; text-decoration: none; margin:0px;}

.stickynote .stickynote-inner h2 {
	font-size: 1.25em;
	margin: 0 0 5px 10px;
	color:#000000;
}
.stickynote .stickynote-inner img.article-image {
	float: right;
	margin: 0 0 15px 15px;
}

.stickynote .stickynote-inner img.article-image-left {
	float: left;
	margin: 0 15px 10px 0;
}
.stickynote .stickynote-inner p {
	font-size: 1.2em;
	line-height: 130%;
	margin: 0 0 10px 0;
	color:#000000;
}
.stickynote .stickytitle-bar {
font-size: 1.50em;
	margin: 0 0 8px 0;
	line-height: 2;
	font-weight:bold;
	/* background-color:#999999; */
	background:url("images/blue-med.gif") repeat-x;
	border:1px solid #000000;
	padding:0px;
	
}
.stickynote .stickytitle-bar  img.article-image {
	float: right;
	margin: -4px 1px 0px 0px;
}
#closeit {
float: right;
padding-top:10px;
margin-bottom:1px;
font-size: 1.1em;
line-height: 130%;
font-weight:bold;
}
#closeit img.textmiddle {
float:right;
}
.style4 {font-size: 18px}
.style5 {
	font-size: 16
}


.urbangreymenu{
width: 190px; /*width of menu*/
margin-left:15px;
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

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

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu  ul li.activeMenu a {
background:#620c0c;
color:#fff;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

/* ---------------------------------------------------------------------- */
/* Carousel Setup */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 3px solid white;
overflow: scroll; /*leave this value alone*/
width: 750px; /*Width of Carousel Viewer itself*/
height: 74px; /*old 151 - Height should enough to fit largest content's height*/
margin: 0 auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-right: 2px; /*margin around each panel*/
margin-left: 2px;
margin-top:2px;
margin-bottom:2px;
width: 200px; /*old 250 - Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.scoreContainer {
width:200px;
height:100px;

/* padding-left:10px;
padding-right:10px;
padding-bottom:3px; */

}
.scores {
/* width:200px;
height:100; */
font: 12px Arial;
font-weight:bold;
color: #ffffff;
background: #666666;
display: block;
padding-top:3px;
 padding-left:10px;
padding-right:10px;
padding-bottom:5px; 
text-align:left;
}
.titleScore {
background:#ffffff;
color:#000000;
padding-bottom:3px;
}
.highlight {
background:#620c0c;
padding-left:2px;
padding-right:2px;
}
.h2white {
color:#ffffff;
}