/* CSS Document */
/* ------------------------------
PAGE STRUCTURE
------------------------------ */
/* The "body" tag is used to make IE cooperate and display page correctly */
* body {text-align: center;}
 
/* #container has an absolute width (780 pixel) The width of inner elements is set to auto,
in this way all inner elements have the same width of the element which contains them */
#container{width:780px; margin:0 auto; text-align: left;}	/*  This text-align tag aligns IE text */
	#topbar{width:auto; display:block; height:80px;}
	#navbar{width:auto; display:block; height:24px;}
		#navbar ul, #navbar ul li{padding:0; margin:0; list-style:none; float:left;}
		#navbar a{color:#FFFFFF; font-weight:bold;}
		#navbar a:hover{background:#777777;}
		#navbar li a:link,
		#navbar li a:visited {
		background:#444444;
		text-decoration:none;
		height:24px;
		line-height:24px;
		display:inline;
		float:left;
		width:auto;
		padding:0px 10px;}
#main{width:auto; display:block;}
	#column_left{width:460px; margin-right:20px; float:left;}
	#column_right{width:300px; float:right;}
	#index_left{width:160px; margin-right:10px; float:left; text-decoration:underline;} /*to be deleted later*/
	#index_right{width:610px; float:right}/*to be deleted later*/

/* div.spacer, solve an issue with #container height in css 2 column layout. */
div.spacer{clear:both; height:10px; display:block;}
#footer{width:auto; display:block; height:24px;}
	#footer a{color:#666666; text-decoration:underline;}

/* ------------------------------
PAGE ELEMENTS
------------------------------ */
html {font-family:arial, verdana, sans serif; font-size:13px;}
a:link, a:visited{color:#0033CC;}
a:hover{color:#003366;}
h1, h2, h3, h4, h5, h6,
form, input, text-area{ border:0; padding:0; margin:0; font-family:arial, verdana, sans serif; font-size:13px;}
h1{font-size:24px; color:#000000;}
h2{font-size:18px; color:#666666;}
hr{width:inherit;}
.index_left{width:160px; margin-right:10px; float:left; text-decoration:underline;} 
.index_right{width:610px; float:right}


/* ------------------------------- */
/* MISC/OTHER Classes
/* ------------------------------- */
.small{font-size:11px;}
.underline{text-decoration:underline;}
div.small-section{background:#CCCCCC;}
div.small-section a{color:#333333; font-weight:bold;}.section_hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #333333;
}
/* --------------IMAGE CONTROL  -------------*/
.cleaner {clear:left; line-height:0; height:0; }		/* Housekeeping task to place the containing element past the botom of the float. */
.floatleft img { float:left; margin:5px; }
.floatright img { float:right; margin:5px; }


.subsection {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #999999;
}
.tabletext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}