@import "styles.css";

html, input, textarea { font-family: Arial, Helvetica, sans-serif; }
html { font-family: Arial, Helvetica, sans-serif; }
body { height: 100%; margin: 0px; font-size:62.5%; background: #FFFFFF url(../graphics/backround_wrapper.gif) repeat-y top left; }
img, img a { border: 0; }

#wrapper { overflow: visible; height: 100%; margin: 0; padding: 0; }

div.left {float: left; width: 173px; background: #A6FF00 url(../graphics/left.gif) no-repeat top left; padding: 0; }

	div.left h1 { margin: 28px 11px 0 11px;  }
	div.left img { margin: 0; }


	#navigation { margin: 15px 0; }

	#navigation, #navigation a { color: #000000; text-decoration:none; }
	#navigation a:hover { color: #FFFFFF; text-decoration:none; }
/*
	#navigation ul {  }
	#navigation ul li, 	#navigation ul li.nav_active {  }
	#navigation a, #navigation a:hover { }
	#navigation a:hover { color: #FFFFFF; background-color: #A13BFF; width: auto; }
	#navigation ul li.nav_active { }
	
	#navigation ul li.nav_active ul, #navigation ul li ul  { list-style-type:none; padding: 0;  }
	#navigation ul li.nav_active li, #navigation ul li li, #navigation ul li li.nav_active { }
*/
	
	#navigation ul {
		list-style-type:none;
		padding: 0;
		margin: 0 15px;
	}
	#navigation ul ul {
		margin: 15px 0;
	}
	#navigation li {
		margin: 0 0 15px 0;
		padding: 0 0 0 17px;
	}
	#navigation li.nav_active {
		background: url(../graphics/icon.gif) no-repeat; background-position-x: 0;
	}
	#navigation li a {
	}
	#navigation li a:hover {
		background-color: #A13BFF;
	}
	#navigation li.nav_active a {
		font-weight: bold;
	}
	#navigation li.nav_active a:hover {
		color: #000000;
		text-decoration:none; 
		background-color: transparent;
	}
	
	#navigation li.nav_active li {
		margin: 5px 0; 
		padding: 0 10px 0 17px;
	}
	#navigation li.nav_active li a {
		font-weight: normal;
	}
	#navigation li.nav_active li a:hover {
		background-color: #A13BFF;
		color: #FFFFFF;
	}
	#navigation li.nav_active li.nav_active a {
		font-weight: bold;
		
	}
	#navigation li.nav_active li.nav_active a:hover {
		color: #000000;
		background-color: transparent;
	}


div.right {float: left; width: 677px; background: #FFFFFF url(../graphics/curvy.gif) no-repeat top left; padding: 116px 0 0 0; }

	#search { text-align: right; vertical-align: middle; top: 116px; display: none; visibility: hidden; }
	#search form{ margin: 0; padding: 0 0 0 10px; text-align: right; color: #000000; vertical-align: middle; }
	#search label { margin: 0; }
	#search input { width:120px; border: 1px solid #A6FF00; margin: 0 0 0 10px; }
	#search input.button { width: auto; margin: 0; background-color: #CFFF00; color: #000000; }
	
	#body_copy { margin: 0; padding: 60px 0 30px 30px; clear: both; }
	
		#body_copy div.forms { background-color: #D1FF8D; border: 2px solid #019900; width: 494px; }
		#body_copy div.forms div.options { text-align: right; padding: 0 15px 15px 15px; }
		#body_copy div.forms form { margin: 0px; padding: 0px;  width: auto; }
		
		#body_copy div.forms table { border-collapse: collapse; border: none; margin: 29px 15px 10px 15px; width: auto;}
		#body_copy div.forms td { padding: 0 0 15px 15px;  }
		#body_copy div.forms th { font-weight: normal; padding: 2px 0 15px 0; font-weight: bold; }
		#body_copy div.forms td, #body_copy div.forms th { vertical-align:top; text-align:left ;  font-size: 1.1em;   }
		
		#body_copy div.forms input, #body_copy div.forms textarea { width: 360px; background-color: #FFFFFF; border: 1px solid #A5ACB2; }
		#body_copy div.forms input { }
		#body_copy div.forms textarea { height: 100px; }
		#body_copy div.forms textarea.postal { height: 67px; }
		#body_copy div.forms textarea.Birthdate { height: 100px; }
		#body_copy div.forms input.button, #body_copy div.forms input.checkbox_radio, #body_copy div.forms input.checkbox { width: auto; }
		#body_copy div.forms span.required { color: #FF0000; font-weight: bold; }
		
		#body_copy div.forms input.button { color:#FFFFFF; background-color:#FF0000; border: 1px solid #000000; }
		
		#body_copy div.sitemap {margin: 10px 0 10px 0;}
		#body_copy div.sitemap ul {margin-top: 5px; margin-bottom: 10px; }
		#body_copy div.sitemap li {margin-top: 5px; }
		#body_copy div.sitemap li li {margin-top: 0; }
		#body_copy div.sitemap li li li {margin-top: 0; }
		
		#body_copy div.adventure {}
		#body_copy div.adventure table {border-collapse: collapse; border: none;}
		#body_copy div.adventure td, th {padding: 10px; vertical-align: top; font-weight: normal;}
		#body_copy div.adventure th { width: 75px;}
		#body_copy div.adventure div.next { height: 58px; }
		#body_copy div.adventure div.previous { height: 48px; }
		#body_copy div.adventure div.next, #body_copy div.adventure div.previous  {text-align: center; margin: 0 0 10px 0;}
	
	#contact { margin: 0; padding: 20px 0 30px 30px; clear: both; font-size: 10px; }
	#contact p { font-size: 10px; }
	#contact a, #contact a:hover { color: #000000; }
	#contact a  {text-decoration: underline;}
	#contact a:hover {text-decoration: none;}