body { padding: 0px; margin: 0px; border: 0px; font: 14px "Eurostile", "Lissen", "Arial", "Verdana", "Tahoma", sans-serif; }
/* body { font: 14px "Ottomat", "Verdana", sans-serif; } */

/* internet explorer will obey height specifications for short boxes if you put a <div class="ie"></div> in them */
div.ie { display: none; }

#centerer { width: 800px; margin: 0px auto; padding: 10px 0px; }

/* this makes it so the absolutely position navbar/tabs/etc are relative to the centered box */
#home_main, #contact_main, #aspects_main, #music_main, #events_main, #about_main { position: relative; }


/*********************** contact ************************/
#contact_main { width: 800px; height: 775px; color: white; font-size: 18px; background: #054713 url(images/contact_background.jpg) no-repeat; background-position: 0px 0px;; }

#contact_comments { position: absolute; left:  48px; top: 246px; width: 300px; background: transparent; }
#contact_join     { position: absolute; left:  10px; top: 355px; width: 500px; background: transparent; text-align: center; }
#contact_name     { position: absolute; left: 262px; top: 402px; width: 300px; background: transparent; }
#contact_email    { position: absolute; left: 378px; top: 455px; width: 300px; background: transparent; }
#contact_town     { position: absolute; left: 474px; top: 512px; width: 300px; background: transparent; }
#contact_state    { position: absolute; left: 548px; top: 570px; width: 270px; background: transparent; }
#contact_nation   { position: absolute; left: 620px; top: 628px; width: 180px; background: transparent; }
#contact_submit   { position: absolute; left: 700px; top: 700px; width: 130px; background: transparent; }

#contact_address_box { position: absolute; left: 48px; top: 600px; width: 400px; font-size: 20px; }
#contact_address        { position: absolute; left: 0px; top: 0px; width: 400px; color: #054713; }
#contact_address_shadow { position: absolute; left: 1px; top: 1px; width: 400px; color: #ffffff; }


#contact_succeeded {
	position: absolute;
	top: 236px;
	left: 300px;
	width: 400px;
}

#contact_failed {
	position: absolute;
	top: 260px;
	left: 400px;
	width: 360px;
	color: red;
}


/* events page */

#events_main { background: #112b3e url(images/events_background.jpg) top left no-repeat; width: 800px; color: white; }
#events_main div.event a { font-weight: bold; color: white; }



/* navbar used on all pages */

#nav {
	position: absolute;
	top: 110px;
	left: 669px;
	width: 96px;
}

div.nav_spacer { height: 12px; }

a.nav { display: block; height: 48px; width: 96px; margin: 0px; padding: 0px; border: 0px; background-position: 0px 0px; }
a.nav:hover, a.nav:focus { background-position: 0px -48px; }
a.nav * { display: none; }

#nav_home     { background-image: url(images/nav_home.png); }
#nav_aspects  { background-image: url(images/nav_aspects.png); }
#nav_music    { background-image: url(images/nav_music.png); }
#nav_events   { background-image: url(images/nav_events.png); }
#nav_contact  { background-image: url(images/nav_contact.png); }
#nav_about    { background-image: url(images/nav_about.png); }

/* common footer */
#footer { color: black; text-align: center; font-family: Verdana; font-size: 9px; line-height: 14px; }

#home_footer, #contact_footer, #events_footer, #aspects_footer, #about_footer, #music_footer {
	width: 800px;
	background: #4eac21 url(images/footer_logo_big.png) 27% 50% no-repeat; }
#home_footer    { background-color: #4eac21; }
#contact_footer { background-color: #a9b5ab; }
#events_footer  { background-color: #54a3c6; }
#about_footer   { background-color: #f5bd39; }
#music_footer   { background-color: #bd6931; }
#aspects_footer { background-color: #5d648c; }


*.first { padding-top: 0px; margin-top: 0px; }

/***** TABS *****/
a.ontab, a.tab { display: block; color: black; text-decoration: none; position: absolute; top: 466px; width: 89px; height: 36px; } /* background image is specified in the page-specific css so php_mangler() can figure out which version to replace it with for crappy browesrs */
a.tab { background-position: 0px -36px; cursor: pointer; }
a.tab:hover, a.tab:focus { background-position: 0px -72px; cursor: pointer; }
strong.tab_label { font-size: 16px; cursor: pointer; }
div.tab_pad { text-align: center; cursor: pointer; }
a.tab div.tab_pad { padding-top: 12px; }
a.ontab div.tab_pad { padding-top: 10px; }

#tab_line_left { position: absolute; top: 432px; width: 100px; height: 2px; background: transparent url(images/tab_line_left.png) no-repeat; }
#tab_line_right { position: absolute; top: 432px; width: 30px; height: 2px; background: transparent url(images/tab_line_right.png) no-repeat; }


/***** BIG TABS *****/
a.ontab_big, a.tab_big { display: block; color: black; text-decoration: none; position: absolute; top: 466px; width: 134px; height: 54px; } /* background image is specified in the page-specific css so php_mangler() can figure out which version to replace it with for crappy browesrs */
a.tab_big { background-position: 0px -54px; cursor: pointer; }
a.tab_big:hover, a.tab_big:focus { background-position: 0px -108px; cursor: pointer; }
strong.tab_big_label { font-size: 16px; cursor: pointer; }
div.tab_big_pad { text-align: center; cursor: pointer; }
a.tab_big div.tab_big_pad { padding-top: 14px; }
a.ontab_big div.tab_big_pad { padding-top: 11px; }

#tab_big_line_left { position: absolute; top: 432px; width: 30px; height: 3px; background: transparent url(images/tab_big_line_left.png) no-repeat; }
#tab_big_line_right { position: absolute; top: 432px; width: 30px; height: 3px; background: transparent url(images/tab_big_line_right.png) no-repeat; }


/* both the home page and the about page have these: */
#poem, #value1, #value2, #value3, #value4, #mission, #links { position: absolute; padding: 13px; left: -1000px; top: -1000px; }
#mission { margin-right: -50px; margin-left: -50px; }
p.mission_first { margin-bottom: 0px; padding-bottom: 0px; }
p.mission { margin: 0px; padding: 7px 0px 0px 0px; }

/* VALUES SUB-MENU */
a.sub, a.onsub { cursor: pointer; display: block; position: absolute; top: -1524px; font-size: 13px; width: 150px; height: 18px; padding-top: 4px; text-align: center; font-weight: bold; color: black; text-decoration: none; } /* background image is specified in the page-specific css so php_mangler() can figure out which version to replace it with for crappy browesrs */
#value1_sub { left: 103px; top: -1524px; }
#value2_sub { left: 242px; top: -1524px; }
#value3_sub { left: 381px; top: -1524px; }
#value4_sub { left: 520px; top: -1524px; }

a.sub { background-position: 0px -22px; }
a.sub:hover { background-position: 0px -44px; }

*.value_head { padding-top: 15px; }

*.clickme, #links a { color: black; text-decoration: underline; cursor: pointer }

#oval_testimonial { cursor: pointer; }

/* tell IE 5.5 and 6 to do transparency */
/* remove this line for IE 5.5 and 6
#home_footer, #contact_footer, #aspects_footer, #about_footer, #music_footer { behavior: url(iepngfix.htc); }
#oval_testimonial { behavior: url(iepngfix.htc); pointer: auto; }
remove this line for IE 5.5 and 6 */

#music_prices td, #music_prices th { text-align: right; }
code.giftcard { font-weight: bold; font-size: 16px; letter-spacing: 1px; }

.field { font-weight: bold; }


div.caption {
	font-weight: bold;
}
div.field {
	margin-bottom: 15px;
	font-weight: normal;
}
div.field_notes {
	font-size: 12px;
	line-height: 16px;
}
div.form_section {
	border: 1px dotted black;
	padding: 23px 15px 15px 15px;
	margin: 40px 0;
	position: relative;
}
div.form_section_header {
	position: absolute;
	left: 42px;
	top: -9px;
	background: #ccd;
	padding: 0 6px;
	font-weight: bold;
}

body.admin {
	width: 700px;
	padding: 20px;
	color: black;
	background: #ccd;
}