@charset "UTF-8";
/* CSS Document */

body { background-image: url(../backgrounds/gradient.jpg); background-repeat: repeat; height: 1211px; z-index: 0; }	

/*///////////////////////////////////////////  Template/Containers //////////////////*/

.container { width: 800px; height: 1211px; position: relative; top: 50px; margin: 0 auto; overflow: visible; display: block; z-index: 10; }

.content_background { width: 800px; height: 720px; position: absolute; top: 140px; left: 0px; background-color: #FFFFCC; z-index: -10; } 

.content_top { width: 800px; height: 300px; margin: 0px; padding: 0px; position: absolute; top: 0px; left: 0px; z-index: 20; }

.content_bottom { width: 800px; margin: 0; padding: 0px; position: absolute; top: 200px; left: 0px; z-index: 20; }

.content_left { width: 310px; height: 420px; margin: 0px 0px 0px 70px; padding: 0px; position: relative; top: 300px; float: left;  z-index: 30; display: inline; }

.content_right { width: 310px; height: 420px; margin: 0px 70px 0px 0px; padding: 0px;  position: relative; top: 300px; float: right; z-index: 30; display: inline; }

/*tickets is a rule that helps create even spacing for the logos //////////////////*/
.tickets { width: 320px; }

.top_tickets { position: absolute; top: 350px; left: 85px; width: 800px; height: 150px; }
.bottom_tickets { position: absolute; top: 685px; left: 85px; width: 800px; height: 150px; }

#home_video { position: absolute; left: 19px; top: 280px; width: 760px; height: 320px; }

#index_list_container { width: 650px; height: 200px; position: absolute; top: 650px; left: 10px; margin: 0px 60px 0px 60px; padding: 0px; text-align: center; }

/*/////////////////////////////////////////// Headers //////////////////*/

/*The h1 header has a fixed width equal to either the content_left or content_right container. The negative left margin is to compensate for the <p> element's text-indent. */
h1 { text-indent: -9999px; width: 310px; height: 30px; margin: 10px 0px 20px -10px; padding: 0px; overflow: hidden; display: block; }

h2 { text-indent: 0px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 15px; color: #CC3333; text-transform: uppercase; padding-left: 0px; margin: 17px 0px 15px 0px; display: block; float: left; }

#who_we_are_header { background-image: url(../headers/who_we_are.jpg); background-repeat: no-repeat; margin-bottom: -10px; }

#just_possibly_header { position: absolute; background-image: url(../headers/just_possibly.jpg); background-repeat: no-repeat; top: 180px; left: 0px; width: 800px; height: 100px; padding: 0px; margin: 20px 0px; border-style: none; }

#about_us_header { background-image: url(../headers/about_us_menu.jpg); background-repeat: no-repeat; }

#buy_tickets_header { background-image: url(../headers/buy_tickets_online.jpg); background-repeat: no-repeat; position: absolute; top: 295px; left: 70px; }

#accommodations_header { background-image: url(../headers/seasonal_accommodations.jpg); background-repeat: no-repeat; }

#employment_forms_header { background-image: url(../headers/employment_forms.jpg); background-repeat: no-repeat; }

#job_descriptions_header { background-image: url(../headers/jobs_description.jpg); background-repeat: no-repeat; }

#carnival_employment_header { background-image: url(../headers/employment_opportunities.jpg); background-repeat: no-repeat; }

#what_to_pack_header { background-image: url(../headers/seasonal_what_to_pack.jpg); background-repeat: no-repeat; }

#seasonal_description_header { background-image: url(../headers/seasonal_opportunities.jpg); background-repeat: no-repeat; }	

#rides_games_header { background-image: url(../headers/rides_and_games.jpg); background-repeat: no-repeat; }

#safety_first_header { background-image: url(../headers/safety_first.jpg); background-repeat: no-repeat; }

#contact_header { background-image: url(../headers/contact_funtastic.jpg); background-repeat: no-repeat; }

#brief_history_header { background-image: url(../headers/a_brief_history.jpg); background-repeat: no-repeat; }

#our_people_header { background-image: url(../headers/our_people.jpg); background-repeat: no-repeat; }

#your_event_header { background-image: url(../headers/your_next_funtastic_event.jpg); background-repeat: no-repeat; }

/*/////////////////////////////////////////// Text //////////////////*/

p { line-height: 1.5;  text-align: left; text-indent: 20px; font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; margin: 0px; padding: 0px; display: block; }

.p_large { font-size: 15px; text-indent: 0px; } 

.p_seasonal { text-indent: 0px; font-size: 13px; padding-top: 20px; font-style: italic;  }

#overpack { text-indent: 0px; font-size: 16px; font-style: italic; }

.no_indent { text-indent: 0px; }

.margin_bottom { margin-bottom: 3px; }

/*/////////////////////////////////////////// Lists //////////////////*/

ul, li { font-size: 13px; text-indent: 0px; text-align: left; font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; list-style: circle; padding: 0px; margin: 0px; }

li { float: left; }

.ul_large, .li_large { line-height: 1.5;  font-size: 15px; text-indent: 0px; text-align: left; font-family: Geneva, Arial, Helvetica, sans-serif; list-style: circle; color: #000000; width: inherit; padding-bottom: 5px; }

.friends_list { width: 150px; height: 100px; list-style-type: none; text-align: center; border: 0px; margin-bottom: 30px; padding-right: 10px; display: inline; }

.who_we_are_list { text-indent: -9999px; width: 320px; list-style: none; margin: 5px 0px; padding: 0px; background-repeat: no-repeat; }

.history_list { list-style-type: none; margin-bottom: 20px; } 

.index_list { width: 150px; height: 100px; list-style-type: none; text-align: center; border: 0px; margin-left: 10px; }

.index_list { float: left; display: inline; }

/*/////////////////////////////////////////// Pictures //////////////////*/

#about_us_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/about_us_menu.jpg); background-repeat: no-repeat; }

#who_we_are_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/who_we_are.jpg); background-repeat: no-repeat; }

#buy_tickets_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/buy_tickets.jpg); background-repeat: no-repeat; }

#accommodations_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/employment_02.jpg); background-repeat: no-repeat; }

#employment_forms_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/contact_funtastic.jpg); background-repeat: no-repeat; }

#job_description_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/employment_01.jpg); background-repeat: no-repeat; }

#employment_menu_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/our_people.jpg); background-repeat: no-repeat; }

#packing_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/employment_04.jpg); background-repeat: no-repeat; }

#seasonal_description_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/employment_03.jpg); background-repeat: no-repeat; }

#rides_games_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/rides_games.jpg); background-repeat: no-repeat; }

#safety_first_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/safety_first.jpg); background-repeat: no-repeat; }

#contact_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/contact_funtastic.jpg); background-repeat: no-repeat; }

#brief_history_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/brief_history.jpg); background-repeat: no-repeat; }

#our_people_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/our_people.jpg); background-repeat: no-repeat; }

#your_event_picture { width: 800px; height: 300px; position: absolute; left: 0px; top: 190px; border-left: none; background-image: url(../pictures/your_event.jpg); background-repeat: no-repeat; }

/*///////////////////////////////////////////  Banner //////////////////*/

.banner { position: absolute; left: 0px; top: 0px; background-image: url(../banner/banner_background.jpg); background-repeat: no-repeat; width: 800px; height: 150px; display: block; z-index: 40; }

.funtastic_logo { position: absolute; left: 0px; top: 0px; width: 350px; height: 150px; display: block; z-index: 50;  }

.buy_tickets { position: absolute; top: 0px; right: 0px; width: 150px; height: 150px; border: 0px; display: block; z-index: 200; }

/*///////////////////////////////////////////  Footer //////////////////*/

.footer { position: absolute; top: 860px; width: 800px; height: 138px; background-color: #FFFFFF; padding: 0px; text-indent: 0px; display: block; z-index: 30; }

.footer_text { width: auto; height: auto; position: relative; font-size: 12px; float: left; font-family: Geneva, Arial, Helvetica, sans-serif; color: #FF0000; padding-left: 60px; text-align: left; padding-top: 20px; margin-top: 0px; }

.dotted { border-bottom: dotted medium #FF6600; position: absolute; top: 859px; left: 0px; width: 800px; display: block; z-index: 80; }

/*///////////////////////////////////////////  Navigation Structure //////////////////*/

/*Find My Funtastic Carnival*/
.find_carnival { position: absolute; left: 660px; top: 826px; width: 200px; height: 30px; display: block; z-index: 30; }

.findCarnival_text { position: absolute; left: -125px; top: 3px; font-size: 13px; text-indent: 0px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #000000; }

.findCarnival_arrow { position: relative; left: 68px; top: -13px; background-image: url(../navigation/top_page.png); background-repeat: no-repeat; width: 50px; height: 50px; display: block; z-index: 40; }

/*///////////////////////////////////////////  Navigation Master Menu Created Using CSS Menu Maker http://www.cssmenumaker.com/ //////////////////*/

.navigation { position: absolute; background-color: #FFFFCC; width: 781px; height: 48px; left: 19px; top: 144px; margin: 0px; padding: 0px; display: block; z-index: 30; }

.nav-container-outer { background: #FFFFCC; padding: 0px; height: 48px; width: 781px; background-image:url(../menu/nav-bg.jpg); }

.float-left { float: left; width: auto; }
.float-right { float: right; width: auto; }
.float-none { float: none; }
.nav-container .divider { display: block; font-style: normal; }
.nav-container .divider-vert { float: left; width: 0px; display: none; }
.nav-container .item-secondary-title { display: block; cursor: default; white-space: nowrap; }
.clear { font-size: 1px; height: 0px; width: 0px; clear: left; line-height: 0px; display: block; float: none; }
.nav-container { position: relative; margin: 0 auto; }
.nav-container a, .nav-container li { float: left; display: block; white-space: nowrap; width: auto; }
.nav-container div a, .nav-container ul a, .nav-container ul li { float: none; width: auto; }
.nav-container ul { left: -10000px; position: absolute; }
.nav-container, .nav-container ul { list-style: none; padding: 0px; margin: 0px; }
.nav-container li a { float: none; width: auto; }
.nav-container li { position: relative; }
.nav-container ul { z-index: 10; }
.nav-container ul ul { z-index: 20; }
.nav-container ul ul ul { z-index: 30; }
.nav-container ul ul ul ul { z-index: 40; }
.nav-container ul ul ul ul ul { z-index: 50; }
li:hover>ul { left: auto; }
#nav-container ul { top: 100%; }
#nav-container ul li:hover>ul { top: 0px; left: 100%; }

/*^'^ Primary Items ^'^*/	
#nav-container a { padding: 10px 17px 7px 18px; margin: 10px 0px 0px 0px; color: #000000; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; background: url(../menu/item-primary-bg.gif); background-repeat: no-repeat; background-position: top; }

#nav-container a:hover { color: #FF3300; background: url(../menu/item-primary-bg.gif); background-repeat: no-repeat;background-position: center; }

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul {	padding: 10px 4px 10px 4px; margin: 0px 0px 0px 0px;
background: url(../menu/item-secondary-container-bg.jpg); background-repeat: repeat-x; background-color: #FF9900; border-left: 3px solid #CA6500; border-bottom: 1px solid #CA6500; }

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a {	padding: 3px 10px 3px 6px; background-color: #FFFFFF; background: url(../menu/item-secondary-bg.jpg); background-repeat: no-repeat; background-position: 0px 22px; font-size: 11px; font-weight: normal; border-width: 0px; border-style: none; margin: 0px 0px 0px 0px; width: 149px; }

/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover {	background-color: #FFFFFF; background: url(../menu/item-secondary-bg.jpg); background-repeat: no-repeat; color: #CC0000; }

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title { cursor: default; padding: 4px 0px 3px 7px; color: #6C3600; font-family: Arial, Trebuchet MS, Arial, sans-serif, Helvetica; font-size: 11px; background-repeat: no-repeat; font-weight:bold; }

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz {	border-top-width: 1px; margin: 5px 5px; border-color: #C16100; }

/*^'^ Vertical Dividers ^'^*/
#nav-container .divider-vert { border-left-width: 1px; height: 15px; margin: 4px 2px 0px 2px; border-color: #AAAAAA; }

/*///////////////////////////////////////////  Links //////////////////*/

a:link { color: #663399; }
a:visited { color: #663399; }
a:hover { color: #663399; }
a:active { color: #663399; }

a:link.no_border { text-decoration: none; border: none; }
a:visited.no_border { text-decoration: none; border: none; }
a:hover.no_border { text-decoration: none; border: none; }
a:active.no_border { text-decoration: none; border: none; }

.picture_link { border: 0px; margin-bottom: 3px; } 
	
/*///////////////////////////////////////////  Static Frame //////////////////*/

.swirly_left { background-image: url(../border/swirly_left.png); background-color: transparent; padding: 0px; margin: 0px; position: absolute; left: -121px; top: 0px; width: 122px; height: 1011px;  display: block; z-index: 20; }

.swirly_right { background-image: url(../border/swirly_right.png); background-repeat: no-repeat; background-color: transparent; margin: 0px; padding: 0px; position: absolute; left: 800px; top: 0px; width: 80px; height: 1011px; display: block;  z-index: 30; }

.swirly_top { background-image: url(../border/swirly_top.png); background-repeat: no-repeat; position: absolute; background-color: transparent; margin: 0px; padding: 0px; left: -121px; top: -50px; width: 1002px; height: 50px; display: block; z-index: 40; }

.swirly_bottom { background-image: url(../border/swirly_bottom.png); background-repeat: no-repeat; background-color: transparent; margin: 0px; padding: 0px; position: absolute; left: -121px; top: 1000px; width: 1002px; height: 122px;  display: block; z-index: 50; }

.mvm_logo { position: absolute; left: 329px; top: 1000px; width: 170px; height: 122px;  display: block; z-index: 200; }

/*///////////////////////////////////////////  Flash Frame //////////////////*/

.bottom_border { background-color: #DAA839; position: absolute; left: 0px; top: 992px; width: 800px; height: 19px; display: block; z-index: 60;  }

.right_border { background-color: #DAA839; position: absolute; left: 781px; top: 11px; width: 19px; height: 1000px; display: block; z-index: 70; }

.left_border { background-color: #DAA839; position: absolute; left: 0px; top: 11px; width: 19px; height: 1000px; display: block; z-index: 80; }

.top_border { background-color: #DAA839; position: absolute; left: 0px; top: 0px; width: 800px; height: 19px; display: block; z-index: 90; }

/*///////////////////////////////////////////  Misc. //////////////////*/

#business_award { position: absolute; top: 150px; width: 310px; height: 200px; }
#oaba_logo { float: left; width: 150px; border: 0px; }
#oaba_text { float: right; text-indent: 0px; width: 150px; }