/* CSS Document */

/* ----- BASICS ELEMENTS ------------------------------------------------------------------------------------------------- */
body { 
	font: Tahoma;
	color: #333;
	background-color: #626262; 
	background: url(images/bg_purple.gif);
	margin: 0px; 
	padding: 0px;
	text-align: center;
	}

p.left { 
	padding: 0px;
	font: 11px Tahoma; 
	margin-top: 8px;
	margin-bottom: 15px;
	text-align: left;
	}
p.right { 
	padding: 0px;
	font: 12px Tahoma; 
	margin-top: 8px;
	margin-bottom: 15px;
	text-align: justify;
	}

h1,h2,h3 {
	margin-top: 15px;
	padding: 0px;
	}
	
	/**page headings**/
h1 { 
	font: bold 12pt Tahoma;
	margin-bottom: 0px; 
	color: #6AA14E;
	padding-bottom: 0px;
	text-transform:uppercase;
	}
	
	/**left column**/
	h2 { 
	font: bold 9pt Tahoma;
	margin-bottom: 0px; 
	color: #6AA14E;
	padding-bottom: 0px;
	}
	
	/**headings within a page**/
	h3 { 
	font: bold 11pt Tahoma;
	margin-bottom: 0px; 
	color: #6AA14E;
	padding-bottom: 0px;
	}
	
		h4 { 
	font:  10pt Tahoma;
	margin-bottom: -10px; 
	margin-top: 0px; 
	color: #996699;
	padding-bottom: 0px;
	font-style: italic; 
	
	}
a:link { 
	font: 10pt Tahoma;
	text-decoration: none; 
	color: #7F7F7F;
	}

a:visited { 
	font: 10pt Tahoma;
	text-decoration: none; 
	color: #7F7F7F;
	}

a:hover, a:active { 
	font: 10pt Tahoma;
	text-decoration: underline; 
	color: #663366;
	}
	
a.returntotop:link { 
	font: 10pt Tahoma;
	text-decoration: underline; 
	color: #663366;
	}

a.returntotop:visited { 
	font: 10pt Tahoma;
	text-decoration: underline; 
	color: #663366;
	}

a.returntotop:hover, a:active { 
	font: 10pt Tahoma;
	text-decoration: underline; 
	color: #663366;
	}

/* ----- LAYOUT ------------------------------------------------------------------------------------------------------ */
#container { 
	background: url(images/bg_main.gif) repeat-y; 
	width: 802px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	position: relative;
	}
	
#header_left {
		background: url(images/buttons_01.jpg) no-repeat right top; 
			width: 205px;
			height: 145px;
			margin-left: -3px;
			margin-right: 0px;
			float: left;

	}

/*
h3 #type1 {
 any tag enclosed in an h3 and having the id="type1" will get this style
}
*/

#header_right {
			width:600px;
			height: 232px;
			margin-left: 202px;
			margin-right: 0px;
			margin-top: 0px;
/*
			float: right;
*/
	}
	
#content_left {
	margin-left: 3px;
	margin-right: 15px;
	padding: 20px;
	padding-top:0px;
	padding-bottom: 30px;
	width: 150px;
	background: url(images/bg_left.gif) no-repeat top;

	top: 140px;
	position: absolute;

/*
	clear:both;
	position:relative;
	top: -90px;
*/	
}
			
#content_right {
	width: 555px;
	min-height: 500px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	background: url(images/bg_right.gif) no-repeat top;

	position: relative;
	left: 203px;

/*
	top: 210px;
	position:absolute;
	clear:both;
*/
}
	
#footer {
	position: relative;
/*
	left: 223px;
*/
	bottom: 0px;
	background: url(images/footer.gif) no-repeat bottom;

}
	
	/**
	#footer {
	text-align: center;
	font: bold 10px Tahoma;
	padding: 0px;
	text-transform: uppercase;
	margin-top: 0px;
	background: url(images/footer.gif) no-repeat bottom;

	}**/