/* 
 * This is the main stylesheet for SneakerRadio -- changes to this stylesheet affect
 * ALL pages. Therefore, this is an important document! You should only change it if
 * you really know what you are doing. Also, you should keep it orderly. We will use the
 * following rules:
 *
 * 1. The order of styles will be global styles, (e.g. td, th), classes, divs. Within each category
 *    the styles will be alphabetized. Where multiple styles are defined the same way, the first
 *    alphabetically will be used.
 * 2. Within a style, elements will be alphabetized.
 * 3. All changes to this document MUST be tested in IE8 and IE7.
 */

/* GLOBAL/TOP LEVEL STYLES */

/* CLASSES */

.bannertext
{
    font-size: 14pt;
    text-align: center;
    text-transform: uppercase;
}

/* DIVS */

/* Defines the width of a SneakerRadio page. All other elements are within this div */
#container 
{
    width: 900px;
}

/* The SneakerRadio site uses a three-column layout. This is the middle column. */
#maincenter 
{
	background-color: #006bb7;
	background-repeat: no-repeat;
	color: #fff;
	height:346px;
	left:511px;
	position:absolute;
	text-align:center;
	text-transform: uppercase;
	top:177px;
	width:93px;
	z-index: 4;
}

/* The SneakerRadio site uses a three-column layout. This is the left column. */
#mainleft,
#otherleft
{
	background-color: #dcddde;
	background-repeat: no-repeat;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	height:346px;
	left:9px;
	margin:0px;
	padding: 0px;
	position:absolute;
	top:178px;
	width:502px;
	z-index: 1;
}

#mainright
{
	background-color:#f2f2f2;
	background-repeat: no-repeat;
	height:346px;
	left:604px;
	position:absolute;
	top:177px;
	width:306px;
	z-index: 3;
}