body {
	background-image:  url(../images/backround.jpg);
	/* Note: Make URL Absolute for Navigator 4 compatibility*/
	background-repeat: repeat-x;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	color: #4D5665;
	font-family: Geneva, Arial, Helvetica, sans-serif;

	}
h2 {
	font:italic bold 18px/normal verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px;
	padding:0px 10px 0px 0px;
	color: #FF9900;

	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	color: white;
	}
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}

  

/* All the content boxes belong to the content class. */
.content {
	min-width:120px;
	margin:0px 270px 20px 30px;
	border:1px solid black;
	background-color:#484B50;
	padding:10px;
	z-index:3;
	}
.content a:link {
	color : #CC6633;
	text-decoration : underline;
	font-weight: bold;
}
.content a:visited { color : #cc6633; text-decoration : underline }
.content a:hover { color : #FF9900; text-decoration : underline }


		
#rightcol {
	position:absolute;
	width:175px;
	top:170px;
	right:10px;
	border:1px dashed black;
	background-color:#484B50;
	padding:10px;
	z-index:1;
/* Again, the ugly brilliant hack. */
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:168px;
	}
/* Again, "be nice to Opera 5". */
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#rightcol {width:175px;}
}

#rightnav { /* Begin laying out the leftcol div */
	
	width: 169px; /* sets a width for the div - Imperative for IE mac */
		
}

#rightnav #navigation {
	line-height: 120%;
	width: 169px;
}

#rightnav #navigation ul {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

#rightnav #navigation ul li { /*The 3 margin property/value pairs are a hack to make the links butt together in IE 5.01 */
	padding: 0; /* zeroes off the padding */
	margin: 0; /* zeroes off the margins */
	margin: /**/ 0 0 -3px 0; /* This takes 3px off the bottom margin in IE 5.01 - IE 5.5 cannot read this hack so stays with the 0 value from the last margin property */
	ma\rgin: 0; /* IE 5.01 and IE5.5 cannot read this selector - resets the margins on other browsers back to zero - the escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */
} 

#rightnav #navigation a, 
#rightnav #navigation a:visited {
	border-bottom: 1px solid #000000;
	border-left: 1px solid #323C55;
	border-right: 1px solid #000000;
	color: #333;
	display: block;
	padding: 4px 0 6px 8px;
	text-decoration: none;
	width: 165px;
	w\idth: 159px;
	background:   url(../images/nav.gif) repeat-x;
	font:bold 11px/20px verdana, arial, helvetica, sans-serif;
}

/* using the \ escape character as in w\idth - see final property declaration in the selector above */
/* IE 5.01 and IE5.5 cannot read this selector. The escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */

#rightnav #navigation ul li a:hover,
#rightnav #navigation ul li a:active, 
#rightnav #navigation ul li a:focus {
	color: #586A81;
	background: #D4D4D4 url(../current_blue.gif) no-repeat;
	border-bottom: 1px solid #oooooo;
}

/*\*//*/
#leftcol #navigation ul li a:hover {
	color: #98190D;
	background: #D4D4D4 url(../current_blue.gif) no-repeat;
}
#mac {
	 clear:both; 
	 padding: 10px;
}
/* end show only to IE 5 Mac */

.rightsubnav a:visited {
	color: #333;
	padding: 4px 0 6px 8px;
	text-decoration: none;
	width: 165px;
	w\idth: 159px;
	font:bold 11px/20px verdana, arial, helvetica, sans-serif;
}

/* using the \ escape character as in w\idth - see final property declaration in the selector above */
/* IE 5.01 and IE5.5 cannot read this selector. The escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */

.rightsubnav a:hover,
.rightsubnav a:active, 
.rightsubnav a:focus {
	color: #586A81;
	background: #D4D4D4;
	}

/*\*//*/
#leftcol #navigation ul li a:hover {
	color: #98190D;
	background: #D4D4D4 url(../current_blue.gif) no-repeat;
}
#mac {
	 clear:both; 
	 padding: 10px;
}
/* end show only to IE 5 Mac */

#footer {
	margin:5px 0px;
	padding:5px 0px 0px;
	border-style:solid;
	border-color:black;
	border-width:1px 0px;
	line-height:5px;
	background-color:#ffffff;
	voice-family: "\";
	}\"";
	voice-family:inherit;
	height:5px; /* the correct height */
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#footer {height:5px;}
}

p.footer {
	color : #666666;
	font : 11px  Arial, Helvetica, sans-serif;
	margin: 16px 0px 6px 6px;
	left: auto;
	text-align: right;
	padding-right: 8px;

}
.footer a:link { color : #666666; text-decoration : underline }
.footer a:visited { color : #666666; text-decoration : underline }
.footer a:hover { color : #FF9900; text-decoration : underline }

/*Styles Applied to Float Images left or right */
.imgfloatright { float : right}
/*.imgfloatcenter { float : center}*/
.imgfloatleft {
	float : left;
	padding-right: 0px;
	margin-right: 10px;
	border: thin dotted #000000;
}