html {margin: 0px; padding: 0px;}

body {margin: 10px; padding: 0px; font-family: "Trebuchet MS", verdana, sans-serif; background-color: #666666; height: 100%;}

h1 {font-size: 16pt; color: #cc3333; margin-top: 24px; margin-bottom: 8px;}
h2 {font-size: 11pt; font-weight: bold; color: #cc3333; margin-top: 16px; margin-bottom: 8px;}
h3 {font-size: 9pt; font-weight: bold; color: #cc3333; margin-top: 16px; margin-bottom: 8px;}
h4 {font-size: 8pt; font-weight: bold; color: #cc3333; margin-top: 16px; margin-bottom: 4px;}
h4.tight {font-size: 8pt; font-weight: bold; color: #cc3333; margin-top: 0px; margin-bottom: 4px;}

hr {width: 100%; clear: both; height: 1px; color: #cccccc; margin: 0px 0px 5px 0px;}

#clear {clear: both;}

#spacer {margin-top: 25px;}
#spacer2 {padding-top: 36px;}

#container
{
	/*position: relative;*/
	width: 600px;
	background-image: url(media/background.gif);
	background-repeat: repeat-y;
	background-color: #cccccc;
	clear: both;
	display: block;
}

#header
{
	position: relative;
	width: 100%;
	height: 120px;
	background-color: #ffffff;
	background-image: url(media/logo.jpg);
	background-repeat: no-repeat;
	float: left;
}

#left
{
	/*position: relative;*/
	width: 100px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	background-color: #cccccc;
	background-image: url(media/logo_bot.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}

#center
{
	/*position: relative;*/
	width: 450px;
	padding: 0px 15px 25px 15px;
	background-color: #ffffff;
	float: left;
}

#footer
{
	/*position: relative;*/
	width: 600px;
	background-color: #666666;
	padding-top: 3px;
}


/*
*********************
* LEFT COLUMN ITEMS *
*********************
*/

#left div
{
	position: relative;
	display: block;
	background-color: #dddddd;
	width: 100px;
	border: none;
	float: left;
	margin-top: 60px;
}

#left p
{
	font-size: 8pt;
	color: #333333;
	padding: 5px 5px 5px 5px;
}

#left a
{
	display: block;
	color: #990000;
	font-size: 9pt;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px;
}

#left div.sub		{display:block; margin: 0;}
#left div.suboff	{display:none}

#left a:link    {color: #990000; background-color: #dddddd;}
#left a:hover	{color: #333333; background-color: #eeeeee;}

#left a.sub			{display: block; font-size: 8pt; text-transform: none; color: #cc3333; background-color: #cccccc; border: 1px solid #dddddd; padding: 1px; margin-top: -1px;}
#left a.sub:link    {color: #cc3333; background-color: #cccccc;}
#left a.sub:hover   {color: #666666; background-color: #eeeeee;}

#left a.member		   {color: #990000; background-color: #eeeeee;}
#left a.member:link    {color: #990000; background-color: #eeeeee;}
#left a.member:hover   {color: #dddddd; background-color: #990000;}

#left a.subm		 {color: #cc3333; background-color: #eeeeee; display: block; font-size: 8pt; text-transform: none; margin: 1px; padding: 1px;}
#left a.subm:link    {color: #cc3333; background-color: #eeeeee;}
#left a.subm:hover   {color: #eeeeee; background-color: #cc3333;}

/*
***********************
* CENTER COLUMN ITEMS *
***********************
*/

#center p
{
	font-size: 8pt;
	color: #333333;
	line-height: 16px;
	text-align: justify;
	margin: 0px 0px 8px 0px;
}

#center a 		  {color: #cc3333; text-decoration: none;}
#center a:hover   {color: #cc3333; text-decoration: underline;}

/*
****************
* FOOTER ITEMS *
****************
*/
#footer div.browser
{
	position: relative;
	width: 110px;
	float: left;
	font-size: 7pt;
	line-height: 7pt;
	color: #cccccc;
	margin: 3px 0px 0px 3px;
}

#footer p {font-size: 8pt; line-height: 10pt; color:#cccccc; text-align: right; margin-top: 3px;}
#footer a {color: #eeeeee; text-decoration: none;}
#footer a:hover {color: #eeeeee; text-decoration: underline;}

/*
**************
* LIST ITEMS *
**************
*/

UL 
	{
	font-size: 8pt;
	color: #333333;
	margin-top: 5px; 
	margin-bottom: 0px;
	LIST-STYLE-POSITION: outside; 
	LIST-STYLE-IMAGE: url(media/bullet.gif);
	}

LI 
{
	font-size: 8pt;
	color: #333333;
	MARGIN-TOP: 0px; 
	MARGIN-BOTTOM: 5px;
	LIST-STYLE-IMAGE: url(media/bullet.gif);
}

LI.tight
{
	font-size: 8pt;
	color: #333333;
	MARGIN-TOP: 0px; 
	MARGIN-BOTTOM: 0px;
	LIST-STYLE-IMAGE: url(media/bullet.gif);
}

/*
***************
* IMAGE ITEMS *
***************
*/

img
{
	border: none;
}

#imgL
{
	margin: 0px 15px 0px 0px;
	float: left;
	text-align: center;
	font-size: 8pt;
}

#imgR
{
	margin: 0px 0px 0px 15px;
	float: right;
	text-align: center;
	font-size: 8pt;
}

#imgR a:hover {text-decoration:none;font-weight:bold;}

#img150 
	{
	border: hidden;
	padding: 5px;
	color: #666666;
	background-color: #ffffff;
	text-align: center;
	width: 140px;
	float: left;
	}
	
#img150 p
{
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
	line-height: 8pt;
	color: #666666;
}

/*
*********
* FORMS *
*********
*/
	
.texta 
	{ 
 	font: 8pt verdana, sans-serif; 
 	background-color: #CCCCCC; 
 	border: 1px solid #666666; 
	padding: 0px;
	margin: 0px;
	}

.buttons 
	{ 
 	font: 8pt "Trebuchet MS", verdana, sans-serif; 
	line-height: 8pt;
	height: 20px;  
 	color: #222; 
	padding: 0px;
	margin: 0px;
	}
	
	/*
**********
* TABLES *
**********
*/

#table
	{
	position: relative;
	FONT: 8pt verdana, sans-serif;  
	WIDTH: 450px; 
	COLOR: #333333;  
	PADDING-TOP: 10px;
	clear: both;
	}
	
#table p
	{
	text-align: left;
	line-height: normal;
	margin: 0px 0px 4px 0px;
}
	
#table b
	{
	font-weight: normal;
	color: #cc3333;
	}
	
div.row
	{
	position: relative;
	display: block;
	clear: both;
	width:448px;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	}

div.rowtop
	{
	position: relative;
	display: block;
	clear: both;
	width: 448px;
	background-color: #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	}
	
div.table75
	{
	width: 64px;
	float: left;
	padding : 5px 5px 5px 5px;
	border: 0px solid;
	display: block;
	}

div.table100
	{
	width: 89px;
	float: left;
	padding : 5px 5px 5px 5px;
	border: 0px solid;
	display: block;
	}

div.table150
	{
	width: 139px;
	float: left;
	padding : 5px 5px 5px 5px;
	border: 0px solid;
	display: block;
	}

div.table250
	{
	width: 239px;
	float: left;
	padding : 5px 5px 5px 5px;
	border: 0px solid;
	display: block;
	}

div.table300
	{
	width: 289px;
	float: left;
	padding : 5px 5px 5px 5px;
	border: 0px solid;
	display: block;
	}

div.table350
	{
	width: 339px;
	float: left;
	padding : 5px 5px 5px 5px;
	border: 0px solid;
	display: block;
	}