/**************** Standard CSS ***********************/

body
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 23px;
	color: #666;
	background-color: #ececec;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	}
*html body
{
background-image: none;
background-color: #ececec;
}
h1
	{
	margin-left: 10px;
	margin-top: 30px;
	color: #330099;
	font-size: 130%;
	}
	
h2
	{
	margin-left: 10px;
	margin-top: 30px;
	color: #006699;
	font-size: 17px;
	}

.clear
	{
	line-height: 0px;
	clear: both;
	float: none;
	width: 0px;
	padding: 0px;
	margin: 0px;
	}

*html .clear
{
margin: -10px;
padding: -10px;
}

#wrapper
	{
	width: 850px;
	margin: auto;
	position: relative;
	margin-top: -46px; /*** originally -8 ****/
	}
	
*html #wrapper
	{
	margin-top: -58px; /*** originally -15 ****/
	}

#header
	{
	width: 850px;
	}
/***********************************************/

/*************************** Navigation ************************************/

#navigation
	{
	width: 850px;
	height: 60px;
	padding-top:20px;
	background-image: url(../images/contentBG.png);
	background-repeat: repeat-y;
	}

#navigation ul
	{
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-top: 21px;
	list-style-image: none;
	list-style-type: none;
	}

*html #navigation ul
	{
margin-top: 45px;	
	}

#navigation ul li
	{
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	margin-right: 3px;
	}
	
#navigation a:link, #navigation a:visited, #navigation a:hover
	{
	display: block;
	font-size: 14px;
	height: 39px;
	line-height: 39px;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(../images/tabsBG.gif);
	background-repeat: repeat-x;
	color: #fff;
	text-decoration: none;
	}	

*html #navigation a, *html #navigation a:visited, *html #navigation a:hover
	{
	display:inline;
	float: left;
	}

#navigation a:hover
	{
	color: #fff;
	text-decoration: none;
	}
	
#navigation a.active
	{
	background-image:none;
	background-color: #330099;
	}
/*****************************************************************************/

/**************** Contetn - left side ***********************/

#contentBG
	{
	width: 850px;
	background-image: url(../images/contentBG.png);
	background-repeat: repeat-y;
	padding-bottom: 20px;
	padding-top: 10px;
	}
*html #contentBG
{
margin-top: -5px;
}
 	
#mainContent
	{
	width: 450px;
	margin-left: 42px;
	margin-top: 12px;
	border: 1px solid #ccc;
	background-color: #f3f3f3;
	min-height: 610px;
	}


#mainContent p
	{
	margin-left: 20px;
	margin-right: 10px;
	color: #333;
	font-family: Trebuchet MS,Arial;
	}

#mainContent table
	{
	margin-left: 20px;
	margin-right: 10px;
	font-size: 11px;
	line-height: 15px;
	}

#mainContent table P
	{
	margin-left: 5px;
	margin-top: 0px;
	}
	
.tableHeadings
	{
	color: #660099;
	font-weight: bold;
	}
.tableHeadings a, .tableHeadings a:visited, .tableHeadings a:hover
	{
	color: #660099;
	text-decoration: none;
	}
.tableHeadings a:hover
	{
	text-decoration: underline;
	}
	
.affiliateLinks 
	{
	margin-left: 20px;
	}


#buttonImages
	{
	margin-left: 12px;
	margin-bottom: 60px;
	}
	
*html #buttonImages
{
margin-bottom: 35px;
}

#buttonImages img
	{
	margin-right: 5px;
	}

#mainContent hr
	{
	background-color:#330099;
	width: 90%;
	height: 3px;
	border: none;
	}
/***********************************************/

/**************** Main content - right side ***********************/	

#rightImages
	{
	width: 295px;
	margin-right: 42px;
	margin-top: 12px;
	float: right;
	border: 1px solid #ccc;
	}

*html #rightImages
	{
	margin-right: 22px;
	margin-top:2px;
	}
/***********************************************/
	
/**************** Footer ***********************/

#footer
	{
	border: none;
	padding: 0px;
	margin: 0px;
	}
/***********************************************/
