/*Define defaults for entire site*/
body
{
	margin:0;
	padding:0;
	background-color: #ab8634;
	font-family: sans-serif;
	text-align: center;
}

a:link {color: #ab8634; text-decoration: none; font-weight: bold}
a:visited {color: #ab8634; text-decoration: none; font-weight: bold}
a:hover {text-decoration: underline; font-weight: bold}

h1
{
	border-bottom: solid thin;
}

h2
{
	margin-bottom: 0;
}

p, ul
{
	margin-top: 0;
}

li.spaced
{
	margin-bottom: 1em;
}

em
{
	color: #ab0000;
	font-weight: bold;
	text-align: center;
}

strong
{
	font-weight: bold;
	text-decoration: underline;
}

img
{
	border-style: hidden;
	border-width: 0;
}

/*This division sets up the main section of the design*/
div.page
{
	position: absolute;
	top: 5%;
	left: 5%;
	margin-right: 5%;
	width: 750px;
	border: solid #000000;
	border-width: 3px 25px 3px 25px; /*Borders around the page area*/
	background-color: #ffffff;
	color: #000000;
}

/*This division is for the page header*/
div.banner
{
	height: 150px;
	background: #ffffff url("images/banner.jpg") top right no-repeat;
	border-top: solid #000000;
	border-bottom: solid #000000;
}

/*This division is for the page footer*/
div.footer
{
	clear: both; /*Clears floats in previous sections*/
	background-color: #3f3f3f;
	color: #ffffff;
	padding: 5px;
	border-top: solid #000000;
	border-bottom: solid #000000;
}

/*This division is used for two-column content*/
div.content
{
	position: relative;
	height: 100%;
	background: #ffffff url("images/tile_sidebar.gif") right repeat-y; /*Background image for sidebar*/
}

/*This division is for the main content of the page*/
div.main
{
	float: left;
	width: 500px;
	text-align: left;
	padding: 5px;
	color: #000000;
}

/*This division is for the sidebar*/
div.sidebar
{
	width: 200px;
	float: right;
	padding: 2px;
	color: #ffffff;
}

div.sidebar h2
{
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: .5em;
}

div.sidebar img
{
	margin-top: 20px;
}	

div.text
{
	background-color: #ffffff;
	color: #000000;
	padding: 10px;
	border-bottom: solid #000000;
	border-top: solid #000000;
	text-align: left;
}


div.form
{
	background-color: #ffffff;
	color: #000000;
	padding: 10px;
	border-bottom: solid #000000;
	border-top: solid #000000;
	text-align: left;
	padding-left: 50px;
}

div.form fieldset 
{
	margin: 1em 0;
	padding: 1em;
	border : 1px solid #ffffff;
}

div.form legend 
{
	font-weight: bold;
}

div.form label
{
	display: block;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 1em;
}

div.form label.hidden
{
	display: none;
}

div.form label.inline
{
	display: inline;
	margin-right: 20px;
}

div.form input.full textarea.full
{
	width: 50em;
}

div.form input.long 
{
	width: 15em;
}

div.form input.med 
{
	width: 10em;
}

div.form input.short 
{
	width: 3em;
}

div.form input.button 
{
	background-color: #ab8634;
	color: #ffffff;
	font-weight: bold;
}

/*This division is used to clear floats inside a wrapper*/
div.clear
{
	clear: both;
}

span.inline
{
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
}

table.salesStats {
	width:100%;
	border: solid 1px #000000;
	border-collapse:collapse;
	background-color:#ffffff;
}

table.salesStats th {
	text-align: center;
	background-color: #3f3f3f;
	color: #ffffff;
	border: solid 1px #000000;
}

table.salesStats th[scope="row"] {
	text-align:left;
	font-weight:normal;
	background-color: transparent;
	color: #000000;
}

table.salesStats td {
	border: solid 1px #3f3f3f;
	padding: 1px 5px;
	text-align: right;
	background-color:transparent;	
}

tr.ytd {
	background-color: #ab8634;
	font-weight: bold;
}

tr.ytd th[scope="row"] {
	font-weight:bold;
}

label {
	font-weight: bold;
}