html, body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: small;
}
a img {border: none;}
div#sitebg {
	float: left;
	width: 100%;
	background: #fff url('graphics/bgstretch.gif') left top repeat-x;
}
div#container {
	width: 783px;
	margin: 0 auto;
	padding: 0;
}
div#shadowleft {
	width: 783px;
	background: #fff url('graphics/bgleft.gif') left top no-repeat;
	float: left;
}
div#shadowright {
	width: 773px;
	margin: 0 0 0 10px;
	padding: 0;
	background: #fff url('graphics/bgright.gif') right top no-repeat;
	float: left;
}
div#wrapper {
	width: 763px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
div#header {
	float: left;
	clear: both;
	width: 763px;
	background-color: white;
	border-top: 10px solid #5b2d9a;
	margin: 0;
	padding: 0;
}
div#header img {margin: 0; padding: 0; float: left; clear: both;}
div#alert {margin: 0; padding: 6px 10px 0 10px; background-color: #eae4f2;}
div#alert p {margin: 0; padding: 0;}
div#alert img {float: right;}

/* FORMATTING FOR TOP NAV */
div#topnav {
	float: left;
	clear: both;
	width: 763px;
	background: url('graphics/orangebg.gif') left top repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
}
div#topnav ul {
	float: left;
	width: 703px;
	margin: 0 0 0 7px;
	padding: 0 0 0 45px;
	background: url('graphics/navbg.png') left top no-repeat;
}
div#topnav ul li {float: left; display: block; height: 40px;}
div#topnav ul li a {display: block; color: #ffffff; height: 40px; font-size: 8pt;}

li#tnavHome, li#tnavHome a {width: 207px;}
li#tnavHome a:link, li#tnavHome a:visited  {background: #5b2d9a url('graphics/navhome.gif') left bottom no-repeat;}
li#tnavHome, li#tnavHome a:hover{background: #5b2d9a url('graphics/navhome.gif') left top no-repeat;}

li#tnavAbout, li#tnavAbout a {width: 83px;}
li#tnavAbout a:link, li#tnavAbout a:visited {background: #5b2d9a url('graphics/navabout.gif') left bottom no-repeat;}
li#tnavAbout, li#tnavAbout a.selected, li#tnavAbout a:hover {background: #5b2d9a url('graphics/navabout.gif') left top no-repeat;}

li#tnavServices, li#tnavServices a {width: 79px;}
li#tnavServices a:link, li#tnavServices a:visited {background: #5b2d9a url('graphics/navservices.gif') left bottom no-repeat;}
li#tnavServices, li#tnavServices a.selected, li#tnavServices a:hover {background: #5b2d9a url('graphics/navservices.gif') left top no-repeat;}

li#tnavTour, li#tnavTour a {width: 77px;}
li#tnavTour a:link, li#tnavTour a:visited {background: #5b2d9a url('graphics/navtour.gif') left bottom no-repeat;}
li#tnavTour, li#tnavTour a.selected, li#tnavTour a:hover {background: #5b2d9a url('graphics/navtour.gif') left top no-repeat;}

li#tnavResources, li#tnavResources a {width: 94px;}
li#tnavResources a:link, li#tnavResources a:visited {background: #5b2d9a url('graphics/navresources.gif') left bottom no-repeat;}
li#tnavResources, li#tnavResources a.selected, li#tnavResources a:hover {background: #5b2d9a url('graphics/navresources.gif') left top no-repeat;}

li#tnavSupport, li#tnavSupport a {width: 118px;}
li#tnavSupport a:link, li#tnavSupport a:visited {background: #5b2d9a url('graphics/navsupport.gif') left bottom no-repeat;}
li#tnavSupport, li#tnavSupport a.selected, li#tnavSupport a:hover {background: #5b2d9a url('graphics/navsupport.gif') left top no-repeat;}

li#tnavAssistance, li#tnavAssistance a {width: 113px;}
li#tnavAssistance a:link, li#tnavAssistance a:visited {background: #5b2d9a url('graphics/navassistance.gif') left bottom no-repeat;}
li#tnavAssistance, li#tnavAssistance a.selected, li#tnavAssistance a:hover {background: #5b2d9a url('graphics/navassistance.gif') left top no-repeat;}

li#tnavContact, li#tnavContact a {width: 68px;}
li#tnavContact a:link, li#tnavContact a:visited {background: #5b2d9a url('graphics/navcontact.gif') left bottom no-repeat;}
li#tnavContact, li#tnavContact a.selected, li#tnavContact a:hover {background: #5b2d9a url('graphics/navcontact.gif') left top no-repeat;}

/* FORMATTING FOR MAIN CONTENT */

div#content {
	float: left;
	clear: both;
	width: 763px;
	background: #ed9017 url('graphics/orangebg.gif') left top repeat-x;
	padding: 10px 0 15px 0;
}
div#main {
	width: 521px;
	/*height: 240px;*/
	background: #efd660 url('graphics/featurebg.gif') left top no-repeat;
	margin: 0 0 0 10px;
	padding: 0;
	border: 3px solid white;
	float: left;
	min-height: 250px;
}
div#main img {margin: 15px 0 0 15px; float: left;}
div#maintext {float: right; width: 285px; margin: 0 0 30px 0; padding: 0;}
div#maintext p {float: left; font-size: 10pt; padding: 0 15px 0 0; margin: 0;}
div#maintext p#title {color: #5a2c9b; font-size: 1.3em; margin-top: 15px;}
div#maintext ul {margin: 12px 0; float: left; list-style-type: none; padding: 0;}
div#maintext ul li {
	float: left;
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
	background: url('/global/graphics/bullet.gif') 3px center no-repeat;
}
div#maintext ul#list1, div#maintext ul#list1 li {width: 100px;}
div#maintext ul#list2, div#maintext ul#list2 li {width: 170px;}
div#footer {
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	background-color: #ffffff;
	position: relative;
	z-index: 10;
}
span.hidetext {
	position: absolute;
	top: -999px;
}
div#boxes {float: left; width: 100%; margin: 0 0 15px 0; padding: 0;}
div#boxes p, div#boxes a {color: #ffffff;}
div#boxes p {margin: 0;	padding: 0 10px 10px 10px;}
div#contact, div#location, div#specialevents, div#adults, div#children, div#tours {float: left;}
div#contact, div#location {
	width: 212px;
	margin: 0 0 15px 5px;
}
div#contact p, div#location p, div#specialevents p {padding: 0 5px; margin: 0 0 6px 0;}
div#adults, div#children, div#tours {
	float: left;
	width: 212px;
	min-height: 250px;
	background: #5b2d9a url('graphics/servicesbg.gif') left 22px repeat-x;
	margin-left: 15px;
}
div#tours {width: 276px;}
div#contact h1, div#location h1, div#specialevents h1, div#adults h1, div#children h1 {
	display: block;
	width: 212px;
	height: 16px;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 12pt;
	color: #ffffff;
}
div#contact h1 {background: #6531a5 url('graphics/contacthead.gif') left top no-repeat;}
div#location h1 {background: #6531a5 url('graphics/locationhead.gif') left top no-repeat;}
div#specialevents h1 {background: #6531a5 url('graphics/specialeventshead.gif') left top no-repeat;}
div#adults h1 {background: #6531a5 url('graphics/adultshead.gif') left top no-repeat;}
div#children h1 {background: #6531a5 url('graphics/childrenhead.gif') left top no-repeat;}
div#tours h1 {
	display: block;
	width: 276px;
	height: 22px;
	margin: 0 0 6px 0;
	padding: 0;
	background: #6531a5 url('graphics/tourshead.gif') left top no-repeat;
	font-size: 12pt;
	color: #ffffff;
}
p.label {color: #6531a5; margin-bottom: 3px;}

/* FORMATTING FOR INTERNAL PAGES */

div#int-main {
	width: 521px;
	background: #ffffff;
	margin: 0 0 0 10px;
	padding: 12px 0 0 0;
	border: 3px solid white;
	float: left;
	clear: both;
	min-height: 250px;
}
div#int-main h1 {
	font-size: 14pt;
	padding: 0 0 3px 0;
	margin: 0 10px 12px 10px;
	border-bottom: 1px solid #5a2c9b;
	color: #5a2c9b;
}
div#int-main h2 {font-size: 12pt; padding: 0 10px 12px 10px; margin: 0;}
div#int-main p {font-size: 10pt; padding: 0 10px 12px 10px; margin: 0;}
div#int-main ul, div#int-main ol {font-size: 10pt; margin-top: 0; margin-bottom: 12px; padding-top: 0; padding-bottom: 0;}
div#int-main .smallfont {font-size: 10pt;}
div.section {background-color: #ffffff; width: 212px; margin: 0 0 5px 5px; float: left;}
div.section h1 {
	font-size: 9pt;
	color: #5a2c9b; 
	border-bottom: 1px solid #5a2c9b;
	padding-bottom: 3px;
	margin: 5px 5px 10px 5px;
	text-transform: uppercase;
}
div.section p {margin: 0 5px 10px 5px;}
div.section ul, div.section ol {margin-top: 0; margin-bottom: 10px;}

/* FORMATTING FOR FJC PHOTO GALLERY CONTENT */

div.left a img{
	padding:2px;
	border:1px solid #d3d3d3;
}
div.left a:link img{
	background-color:#eeeeee;
}
div.left a:visited img{	
	background-color:#eeeeee;
}
div.left a:hover img{
	background-color:#8d6cd1;
}
#gallery {
	margin:0 0 0 15px;
	float:left;
}
div.left {
	float: left;
	margin-right: 16px;
	height: 100px;
	width: 150px;
	margin-bottom: 8px;
}
div#feature {
	float: left;
	clear: both;
	width: 470px;
	padding: 10px;
	margin: 30px 0 0 15px;
	border-top: 2px solid white;
}
