/* These are the only things that apply to non-class qualified elements */
body, td, input
{
	font: normal normal normal 9pt/12pt 'Arial', 'Helvetica', sans-serif;
}

body
{
	margin: 0;
	background-image: url(graphics/background.png);
	background-color: rgb(237,235,233);
	color: inherit;
	/*background-color: white;*/
	background-repeat: repeat-x;
}

table
{
	border-collapse: collapse;
}

a img
{
	border: 0;
}

div.body-content
{
	margin-left: 1em;
	margin-right: 1em;
}

.content-column-1
{
	padding-right: 1em;
}

.content-column-2
{
	padding-left: 1em;
}

div#breadcrumbs
{
	margin-top: 1ex;
	font-size: 11px;
	color: rgb(120,120,120);
}

div#breadcrumbs a
{
	color: rgb(120,120,120);
	text-decoration: none;
	border-bottom: 1px dotted rgb(120,120,120);
}

div#breadcrumbs a:hover
{
	color: grey;
	border-bottom: 1px solid grey;
}

div.content
{
	/* This selector is where you override the font stuff for the content */
	line-height: 14pt;
}

div.home-page-details
{
	background-color: #AFA19B;
	font-weight: bold;
	font-size: 11px;
	position: absolute;
	left: 930px;
	top: 176px;
}

div.home-page-details div
{
	padding: 2px 5px 2px 5px;
}

div.home-page-details a
{
	color: white;
	text-decoration: none;
	border-bottom: 1px solid #AFA19B;
	white-space: nowrap;
}

div.home-page-details a:hover
{
	border-bottom: 1px solid white;
}

div.home-page-ads
{
	position: absolute;
	left: 668px;
	top: 275px;
	white-space: nowrap;
}

/* This is all the whats-new stuff */

div.whats_new
{
	color: rgb(120,120,120);
	background-color:inherit;
	position: absolute;
	padding-left: 500px;
	padding-top: 7px;
	font-size: 9pt;
	width: 355px;
}

div.whats_new_heading
{
	font-weight: bold;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px solid rgb(178,180,181);
}

div.whats_new_title
{
	font-style: italic;
	margin-bottom: 1px;
}

div.whats_new a
{
	color: rgb(120,120,120);
	background-color:inherit;
	text-decoration: none;
	border-bottom: 1px dotted rgb(120,120,120);
}

div.whats_new a:hover
{
	color: black;
	background-color:inherit;
	border-bottom: 1px solid black;
}

/* The rest are skin specific */

input.skin
{
	border: 0;
	border-bottom: 1px solid rgb(178,180,181);
	padding: 0 2px 0 2px;
	margin-left: 2px;
	margin-right: 2px;
}

a.skin
{
	color: rgb(120,120,120);
	background-color:inherit;
	text-decoration: none;
	border: 0;
}

a.skin:hover
{
	color: black;
	background-color:inherit;
	border: 0;
}

tr.skin_header, tr.skin_header button
{
	color: rgb(120,120,120);
	background-color:inherit;
}

tr.skin_header button
{
	border: 1px solid rgb(178,180,181);
	font-size: 8pt;
	margin-left: 2px;
	margin-right: 1px;
	padding: 0px;
	background-color: rgb(237,235,233);
}

td.skin_logo
{
	color: rgb(120,120,120);
	background-color:inherit;
	font-size: 18pt;
	font-style: italic;
}

td.skin_left_nav img
{
	margin-left: 35px;
	margin-bottom: 2px;
}

td.skin_left_nav div
{
	color: rgb(120,120,120);
	background-color:inherit;
	font-size: 11px;
	margin-left: 35px;
}

td.skin_left_nav a div
{
	font: normal normal normal 11px/11px 'Arial', 'Helvetica', sans-serif;
	text-align: center;
	margin-left: 35px;
	width: 112px;
	margin-bottom: 12px;
}

td.skin_left_nav
{
	background-image: url(graphics/left_gradient.png);
	background-repeat: repeat-x;
}

div.skin_top_nav
{
	background-image: url(graphics/nav_gradient.png);
	background-repeat: repeat-x;
}

div.skin_top_nav td
{
	height: 30px;
	color: rgb(120,120,120);
	background-color:inherit;
	font-size: 9pt;
	text-align: center;
	white-space: pre;
	padding-left: 1em;
	padding-right: 1em;
}