body
{ background-color: #665;
	color: #000; }

#bottomColorMask
{	background-color: #665; } 

#leftColumnMask
{	background-color: #E9E8CA; }

#contentColumnMask
{	background-color: #fff; }

#masthead, #footer
{	background-color: #fff;
	color: black; }

.vnav ul li a
{ background-color: silver;
	color: #000; }

.vnav ul li a:hover
{ background-color: #708090;
	color: #111; }

.hnav, .hnav ul li a
{ background-color: #708090;
	color: #111; }

.hnav ul li a:hover
{ color: #fff;
 	background-color: #708090;}

#masthead
{	border-top: solid 2em #665; }

#footer
{	border-bottom: solid 2em #665; }

#innerMasthead, #footerBorder
{	border: solid 1px #000; }

#pageFrameMask
{	border-left: solid 1px #000;
 	border-right: solid 1px #000; }

#leftColumnMask
{	border-right: solid 1px #000; }

.hnav
{	border: solid 1px #000;
	 margin-top: -1px; }

/*	this familiar hack is used because IE 4/5 have a larger
	font size for the keyword 'small' than IE6/Moz/Opera. So
	we want IE 4/5 to use x-small, and IE6/Moz/Opera to use
	small. Thus we use this hack. */
body
{
	font-family: arial, helvetica, sans-serif;
	font-size : x-small;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size : small;
}

#innerFooter
{	text-align: center;}

#pageFrameMask, #pageFrame
{
	margin: 0 2em;	/* vertical padding on this will have to be faked by adding borders
						of the specified width to the masthead and footer. */
}

/* 0.5em spacing between cells. so content column left and extended column right 
   should be 1/2 that spacing so the spacing keeps the same throughout. No
   top margins needed as the masthead will do that for us. */
#innerLeftColumn

{	margin: 0 0.25em 0 0.5em; }

#innerContentColumn
{	margin: 0 0.5em 0 0.25em; }

#innerLeftColumn, #innerContentColumn
{	padding: 0 1em 0.5em 1em;	/* a little padding for inside the columns */ } 
#innerMasthead, #innerFooter
{
	padding: 1em;
}
#masthead h1
{
	margin: 0;
text-align: center;
}
.vnav
{
	margin: 1em 0;
}
.vnav h3
{
	margin-bottom: 0;
	padding-bottom: 0;
}

html/* Hide from IE5/Mac (Also hides from IE/5 Win, but doesn't matter) */
{
	height: 100%; 
}
body
{
	margin: 0;
	padding: 0;
	height: 100%;
}
#fixed
{
	position: fixed;
	z-index: 0;
}
#flowing
{
	position: relative;
	z-index: 10;
}
#fixed, #flowing
{
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
#pageFrameMask
{
	position: relative;
	height: 100%;
}
#leftColumn
{
	float: left;
}
#contentColumn
{
	padding-left: 200px;
}
#leftColumnMask, #leftColumn
{
	width: 200px;
}
#leftColumnMask
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#leftColumnMask, #contentColumnMask
{
	height: 100%;
}
#contentColumnMask
{
	z-index: 1;
}
#footer
{
	clear: both;
}
.hide
{
	display: none;
}

#bottomColorMask
{
	position: relative;
	z-index: 20;
	height: 100%;
	margin-bottom: -100%;
}

head:first-child+body #bottomColorMask/* the below fix almost works in IE5/Mac */
{
	position: fixed;	/*	With position set to fixed, Mozilla will not scroll the extra
							space generated by the botom color mask. */
	width: 100%;
	height: 100%;
	z-index: 20;
}

.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav ul
{
	border: solid 1px #000;

	border-bottom-width: 0;
}
.vnav ul li
{
	border-bottom: solid 1px #000;
}
.vnav ul li a
{
	display: block;
	text-decoration: none;
	padding: 2px 10px;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}

.hnav
{
	white-space: nowrap;
	margin: 0;
	color: #000;
	padding: 3px 0 4px 0;
}
* html .hnav/* Hide from IE5/Mac (& IE5.0/Win) */
{
	height: 1%;		/*	holly hack to fix a render bug in IE6/Win */
}
* html .HNAV
{
	height: auto;	/*	above IE6/Win holly hack breaks IE5/Win when page length
						get beyond the point that 1% height is taller than the text
						height. IE5/Win does not need this holly hack so we remove
						it here */
	padding: 0;		/*	IE5/Win will resize #hnav to fit the heights of its
						inline children that have vertical padding. So this
						incorrect case selector will remove that padding */
}
.hnav ul
{
	text-align: center;
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}
.hnav ul li
{
	display: inline;
	white-space: nowrap;
	margin: 0;
}
.hnav ul li a
{
	text-decoration: none;
	color: #000;
	background-color: #eee;
	margin: 0 -1px 0 0;
	padding: 3px 10px 4px 10px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}
* html .HNAV ul li a
{
	width: 1%;		/*	holly hack for IE5/Win inline padding by default this 
						hack fixes different rendering bugs in 5.0 and 	5.5.
						Width is used instead of height because if the document
						is too long, these elements become very tall and disrupt
						the look of the document. too wide an element is better,
						visually, than too tall a document. */
}
.hnav ul li a:hover
{
	text-decoration: underline;
}
.hnav ul li a:hover
{
	text-decoration: none;
}

a:link { 

        color: #336;
        text-decoration: none;  
        
         
}

a:visited  { 
         
         color:  #336;
         text-decoration: none;       
}
							
a:hover  { 

         color: #FF00FF; 
         text-decoration: none;
}
h2 
{ 	
	color: blue;
	font-family: arial;
	font-size: 20px;
 cellpadding:15
}

h3 
{ 	
	color: black;
	font-family: arial;
	font-size: 18px;
 cellpadding:15
}

h4 
{ 		font-size: 15px;
background-color: gray;
	color: white;
}
h5 
{ 	
	color: black;
	font-family: arial;
	font-size: 14px;
 cellpadding:15
}