<?php header('Content-Type: text/css; charset=UTF-8'); ?>

/* hacks */

/* hide fro IE5-Mac  \*/
* html {height: 1%;}
/* end of hide */

/* code */

body
	{
	margin: 0;
	padding: 0;
	font-size: 100.01%;
	text-align: center; 
	background-image:url(../images/gifs/bg4.gif);
	background-repeat: repeat-x;
	}

#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 2em;	
	padding: 0;
	text-align: left;
	width: 43.75em; 					
	background-color: #bbd6cb;
	border: 1px solid #01856d;
	border-right: 2px solid  black;
	border-bottom: 2px solid  black;
	}
 		
#content a:link, #content a:visited, #content a:active
	{
	color: #3b3b3b;
	font-family: arial, helvetica, gill sans, sans-serif;
	font-size: 1em;
	text-decoration:none;
	}

#content a:hover
	{
	color: black;
	font-family: arial, helvetica, gill sans, sans-serif;
	font-size: 1em;
	text-decoration:none;
	}
	
a, p	/* normal paragraphs */
	{
	color: #3b3b3b;
	padding-left: 1em;
	font-family: arial, helvetica, gill sans, sans-serif;
	font-size: 1em;
	text-decoration:none;
	}
	
#main-content	/*  main text  */
	{
	font-size: 1em;
	margin-left: 3.3em;
	padding-left: 1.2em;
	padding-top: 0;
	padding-right: 2em;
	border-left: 1px solid #aaaaaa;
	}
	
#banner	/* the banner*/
	{
	margin: .1em;
	}

#banner img
	{
	width: 43.75em; 	 		/* 700px/16 = 43.75 */
	height: 12.125em;		/* 194px/16 = 12.125 */
	}

#hoax
	{
	padding: 0.25em;
	background-color: #A66448;	
	}

#hoax h1
	{
	text-shadow: none;
	text-align: center;
	text-decoration:none;
	font-variant: small-caps;
	color: #fff;
	border: none;
	}
					
#footer	/*  footer  */
	{
	font-family: arial, helvetica, gill sans, sans-serif;
	padding-top: .1em;	
	padding-bottom: 1.5em;
	font-size: .9em;
	text-decoration:none;
	font-variant : small-caps;
	color: #656565;
	text-align: center;
	}
		
#tm		/* trademark  */
	{
	font-family: arial, helvetica, gill sans, sans-serif;
	font-size: .8em;
	font-variant : small-caps;
	color: #656565;
	text-align: center;
	}
			
#validation	/* validation box */
	{
	width: 80%;
	left: 0;
	margin-left: 3em;
	padding-right: 2em;
	padding-bottom:1em;
	text-align: center;
	/* border: 1px solid blue; */
	}
	
#validation p
	{
	font-family: arial, helvetica, gill sans, sans-serif;
	font-size: .7em;
	font-style: normal;
	color: #656565;
	text-align: center;
	}
	
#validation img
	{
	height: .93em;	/* validation tags 15 x 80 divide by 16  */
	width: 5em; 
	}	

#search	/* --- search box --- */
	{
	left: 0;
	width: 80%;
	margin-top: 2em;
	margin-left: 2em;
	padding-right: 3em;
	padding-left: 0;
	text-align: center;
	border: 1px solid  #aaaaaa;
	}
	
#search p form
	{
	font-family: arial, helvetica, gill sans, sans-serif;
	text-align: right;
	font-size: .8em;
	color: #656565;
	text-align: left;
	}

#search img
	{
	margin-top: .3em;
	margin-left: 1em;
	float: left;
	}
	
.clear
	{
	margin-left: 3em;
	margin-right: 3em;
	border-bottom: 1px solid  #aaaaaa;
	clear:both;
	}

a.floatR
	{
	float: right;
	text-decoration: underline;
	}
		
#contact p
	{
	margin-bottom: .1em;
	margin-top: .1em;
	}
		
h1
	{
	border-bottom: 1px solid #aaaaaa;
	padding: 0;
	font-family: copperplate gothic light, optima, arial, sans-serif;
	font-size: 1.1em;
	color: #3b3b3b;
	font-variant : small-caps;
	text-shadow: 0px 3px 8px #dddddd;
	text-align: left;
	}

strong
	{
	color: #3b3b3b;
	font-size: 1em;
	line-height: 1em;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	font-weight:  normal;
	}
			
/* ---=== top nav code ===--- */
		
#navcontainer
	{
	position: absolute;
	top: 4.5em;
	left:  34em;	
	background-color: transparent;
	width: 9.3em;
	margin: 0 auto;
	padding: .3em;
	font-family: arial, helvetica, gill sans, sans-serif;
	font-size: 1em;
	text-align: center;
	}

ul#navlist
	{
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 70%;
	}

ul#navlist li
	{
	display: block;
	margin: 0;
	padding: 0;
	}

ul#navlist li a
	{
	display: block;
	width: 100%;
	padding: 0.5em 0 0.5em 2em;	
	padding: 0.5em 0 0.5em 1em;	
	color: white;
	font-variant : small-caps;
	background-color: transparent;
	}

#navcontainer>ul#navlist li a { width: auto; }
	
ul#navlist li#active a
	{
	background-color: transparent;
	color: black;	
	}

ul#navlist li a:hover, ul#navlist li#active a:hover
	{
	color: black;
	text-decoration: none;
	background: transparent;	
	}
	

/* ---=== bottom navigational code ===--- */

#navcontainer2				 /*  the big box that holds menu boxes */
	{
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0 0 0 3em; 		/* t r b l    padding-left, value for IE Mac */
	text-align: left;					 /* value for IE Mac */
	background-color: transparent;
}

/* hide the following from IE Mac to stop the Phanton links  */
	/* \*/
#navcontainer2
	{
	text-align:center;
	padding-left:0;
	}
	/* */					/* end hiding */
		
#navcontainer2 ul			/* the menu box */
	{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#navcontainer2 ul li  		/* this makes everything stay inline horzontally */
	{
	display: inline;
	margin: 0;
	}
		
#navcontainer2 ul li a		/* the text in the menu box */
	{
	font-family: arial, helvetics, sans-serif;
	font-size: .8em;
	color: #3b3b3b;
	f\ont-variant : small-caps;		 /* to keep IE5.x-win from wrapping the links -- it doesn't "do" small-caps */
	text-shadow: 0px 3px 8px #dddddd;
	text-decoration: none;
	text-align: right;
	font-stretch:expanded;
	padding: 0;
	padding-left: .5em;		/* adjust the left/right margins of menu box */
	padding-right: .5em;	
	/* padding: 0 4px 0 4px; */
	}
	
#navcontainer2 ul li a:link, #navcontainer2 ul li a:visited, #navcontainer2 ul li a:active
	{
	font-size: .8em;
	color: #3b3b3b;
	padding-top: 1.2em;		/* adjust the left/right margins of menu box */
	padding-right:.5em;	
	padding-bottom:.5em;
	padding-left: .5em;
	}
	
#navcontainer2 ul li a:hover 	 /* the hover over menu text */
	{
	font-size: .8em;
	color: black;
	padding-top: 1.2em;		/* adjust the left/right margins of menu box */
	padding-right:.5em;	
	padding-bottom:.5em;
	padding-left: .5em;
	}