﻿body 
{
	background-color: #cacaca;
}
h1
{
	font: bold 18px/23px Arial, Helvetica, Geneva, sans-serif;
	color: #333333;
	margin: 0px;
}
h2
{
	font: bold 14px/19px Arial, Helvetica, Geneva, sans-serif;
	color: #333333;
	margin: 0px;
}
h3
{
	font: bold 12px/17px Arial, Helvetica, Geneva, sans-serif;
	color: #333333;
	margin: 0px;
}
p, td, th
{
	font: normal 12px/15px Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;
}
p a
{
	font: normal 12px/15px Arial, Helvetica, Geneva, sans-serif;
	border-bottom: dotted 1px #777777;
	text-decoration: none;
	color: #777777;
}
p a:hover
{
	font: normal 12px/15px Arial, Helvetica, Geneva, sans-serif;
	border-bottom: solid 1px #777777;
	text-decoration: none;
	color: #777777;
}
hr
{
	width: 100%;
	height: 1px;
	color: #333333;
	background-color: #333333;
	border: none;
}

#outer-top
{
	background-image: url(/DanceKings/assets/images/elements/main-bg-top.gif);
	width: 1000px;
	height: 20px;
	margin: 0px auto 0px auto;	
}
#outer-middle
{
	background-image: url(/DanceKings/assets/images/elements/main-bg.gif);
	width: 1000px;
	margin: 0px auto 0px auto;	
}
#outer-bottom
{
	background-image: url(/DanceKings/assets/images/elements/main-bg-bottom.gif);
	width: 1000px;
	height: 20px;
	margin: 0px auto 0px auto;	
}
.clear
{
	clear: both;
	margin: 0px;
	padding: 0px;
}
#wrap
{
	width: 900px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;	
}
#brand-header
{
	width: 900px;
	height: 75px;
	background-image: url(/DanceKings/assets/images/elements/header-home.gif);
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;	
}
#ad-space
{
	width: 468px;
	height: 60px;
	margin: 4px 0px 0px 422px;
	background-image: url(/DanceKings/assets/images/elements/banner-ad-placeholder.gif);
	float: left;
}


#main-nav
{
	width: 900px;
	height: 29px;
	background-color: #333333;
	border-top: solid 2px #000000;
}
.main-nav-item
{
	height: 24px;
	float: left;
	padding: 5px 12px 0px 12px;
	border-right: solid 1px #FFFFFF;
}
.main-nav-item a
{
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.main-nav-item a:hover
{
	text-decoration: underline;
}


#sub-nav
{
	width: 900px;
	height: 18px;
	background-color: #666666;
	border-top: solid 1px #000000;
}
.sub-nav-item
{
	height: 16px;
	float: left;
	padding: 2px 10px 0px 10px;
	border-right: solid 1px #FFFFFF;
}
.sub-nav-item a
{
	font: bold 10px Arial, Helvetica, Geneva, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.sub-nav-item a:hover
{
	text-decoration: underline;
}

#header-body-divider
{
    width: 900px;
	height: 8px;
	background-image: url(/DanceKings/assets/images/elements/top-nav-drop.gif);
	font: normal 2px Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
}

#main
{
	width: 850px;
	padding: 15px 25px 15px 25px;
}

#title
{
	margin: 0px 0px 0px 150px;
}
#chart-ad
{
    width: 728px;
	margin: 0px auto 20px auto;
}
#content-area
{
	margin: 0px 0px 0px 0px;
}
#content-area p
{
	margin: 10px 0px 10px 0px;
}
#sidebar
{
	/* margin: 0px 0px 0px -200px; */
	width: 150px;
}
#sidebar p
{
	margin: 0px 0px 0px 0px;
	font: bold 11px Arial, Helvetica, Geneva, sans-serif;
	color: #FFFFFF;	
}
#box-top
{
	width: 150px;
	height: 25px;
}
#box-middle
{
	width: 110px;
	padding: 0px 20px 0px 20px;
}
#box-bottom
{
	width: 150px;
	height: 25px;
}
#footer
{
	font: normal 11px Arial, Helvetica, Geneva, sans-serif;
	color: #777777;
}
.emailStuff
{
	font: normal 10px/15px Arial, Helvetica, Geneva, sans-serif;
	margin: 0px;
	text-align: center;
}
.emailStuff a
{
	font: normal 10px/15px Arial, Helvetica, Geneva, sans-serif;
	border-bottom: dotted 1px #777777;
	text-decoration: none;
	color: #777777;
}
.emailStuff a:hover
{
	font: normal 10px/15px Arial, Helvetica, Geneva, sans-serif;
	border-bottom: solid 1px #777777;
	text-decoration: none;
	color: #777777;
}