/* Updated: 5/17/2011  Created: 7/17/2009 */

/* ----- Page Settings ----- */
.page {background-color: 002200}
.mainTable {background-color: white; padding: 3px; width: 936px;} /* To be replaced */
.mainBox {
   background-color: white;
   padding: 3px;
   max-width: 936px;
   width: expression( document.body.clientWidth > 937 ? "936" : "auto" ); /*IE Bug fix */
   }  
.contentArea {
   padding: 0px 10px 14px 10px;
   font-family: arial
   }
.pageFooter {padding-top: 8px; font-size: 75%; font-family: arial; font-weight: bold; color: white}

div.logoSubtitle {margin-bottom: 5px}
a.logoSubtitle  {text-align: right; font: bold italic 110% times; text-decoration: none; color: 0a560a;}
div.space {width: 97%; height: 10px; clear: both;}
div {overflow: hidden;} /* Make it expand to contain childern */

/* ----- General Formatting ----- */
H1 {font: bold 150% Arial; text-align: center; margin: 10px 0px;}
H2 {font: bold 120% Arial; margin: 15px 0px 4px 0px;}
td {font-family: arial}

    /* i = Indent, hi = Hanging Indent, f = Flat*/
p.i1 {text-indent: 25px; text-align: justify; font-family: arial}
p.i2 {text-indent: 25px; text-align: justify; margin-left: 35px;}
p.hi1 {text-indent: -25px; text-align: justify; margin-top: 0px; margin-left: 25px;}
p.hi2 {text-indent: -25px; text-align: justify; margin-left: 60px;}
p.f1 {text-align: justify; font-family: arial}
p.c1 {text-align: center; font-family: arial}
p.testimonial {padding: 5px 30px 5px 30px; text-align: center;}
li.hi1 {text-indent: -25px; text-align: left; margin-top: 0px; margin-left: 25px;}

div.d20 {float: left; width: 20%}
div.d33 {float: left; width: 33%}
div.d33r {float: left; width: 33%; text-align: right}
div.d50 {float: left; width: 50%}
div.d50r {float: left; width: 48%; text-align: right}

.piccredit {font-size: 60%; font-weight: bold;}
table.textColumns {border-spacing: 20px 0px}

/* ----- Main Navigation Menu Bar ----- */
td.pageHeaderMenu {background-color: 7ec366; padding-left: 8px; padding-right: 8px; text-align: center;}
a.pageHeaderMenu {font-size: 82%; font-weight: bold; text-decoration: none; color: black; }
td.pageHeaderMenu:hover {background-color: aaffaa;}
td.pageHeaderMenuCurrent {background-color: 7ec366; padding-left: 8px; padding-right: 8px; text-align: center;}
a.pageHeaderMenuCurrent {font-size: 82%; font-weight: bold; text-decoration: none; color: white;}

td.pageHeaderSubMenu {background-color: 009000; padding-left: 5px; padding-right: 5px; text-align: center;}
a.pageHeaderSubMenu {font-size: 70%; font-weight: bold; text-decoration: none; color: white; }
td.pageHeaderSubMenu:hover {background-color: 7ec366;}
td.pageHeaderSubMenuCurrent {background-color: 009000; padding-left: 5px; padding-right: 5px;  text-align: center;}
a.pageHeaderSubMenuCurrent {font-size: 70%; font-weight: bold; text-decoration: none; color: black}

/* ----- Main Pages -----*/
p.faqQuestion {font-weight: bold;}

div.partners {float: left; position:relative; margin-top: 10px; width: 175px; height: 165px;}
img.partners {border: none; position:relative;}

/* ----- Equipment Catalog Pages -----*/
td.decorText {text-align: center}
div.decorTextList {text-align: left; width: 65%; float: right}
li.decorList {text-indent: -25px; text-align: left; margin-left: 25px;}
div.item25 {float: left; width: 24%; text-align: center}
div.item33 {float: left; width: 33%; text-align: center}
div.item50 {float: left; width: 46%; text-align: center; margin: 10px 10px;}
div.itemMid {width: 100%; text-align: center}

td.chairs{text-align: center;}

td.drapeHeader {text-align: center; font-weight: bold}
td.drape {text-align: center;}
h2.drapeStep {font-size: 110%; font-weight: bold}

div.paper_lantern {float: left; width: 125px; margin-bottom: 5px; text-align: center;}
img.paper_lantern {width: 70px; height: 85px;}

img.candy_pic {float: left; padding: 0px; margin: 10px; border: #000000 2px solid;} 

td.tents{text-align: center; width: 33%}


/* ----- Forms ----- */
Td.form2 {font: bold 100% Arial; text-align: right}
Input.form2 {font: bold 100% Arial; width: 550px; background-color: cccccc}
Input.state {font: bold 100% Arial; background-color: cccccc}
Input.zip {font: bold 100% Arial; background-color: cccccc}
Textarea.form {font-family: Arial; width: 550px; background-color: cccccc}
input.formButton {margin: 10px; font: bold 100% Arial}

td.form_items_left {padding: 8px 8px;}
td.form_items_right {padding: 8px 7px; background-color: eeeeee}
td.form_items2 {width: 33%; text-align: right}
.form_items {font: bold 100% Arial}
Input.form_number {font: 90% Arial; width: 50px; margin-right: 10px; background-color: cccccc}
Input.form_details {font: 90% Arial; width: 200px; background-color: cccccc}

div.emailFormL {float: left; text-align: left; font: bold 100% Arial}
div.emailFormR {float: right; text-align: left; font: bold 100% Arial}
input.emailForm {width: 250px; font: 100% Arial; background-color: cccccc}
textarea.emailForm {width: 550px; font: 100% Arial; background-color: cccccc}
div.emailFormContainer {max-width: 580px; width: expression( document.body.clientWidth > 581 ? "580" : "auto" ); /*IE Bug fix */ overflow: hidden;}
input.emailFormButton {width: 100px; margin: 10px; font: bold 100% Arial}