/********* QUICK NOTES *********/
/*  */


/********* GENERAL BODY ELEMENTS *********/
body { margin: 0 auto; text-align: left; background: #333d4c; }
body, p, div, a, form, td, li { font: 13px/17px "Trebuchet MS", Tahoma, Arial, "Lucida Grande", Helvetica, sans-serif; color: #43464C; }
p { margin: 0 0 16px 0; }
img { border: 0; }
a:link, a:visited { text-decoration: underline; }
a:hover { text-decoration: none;}
h1, h1 a { margin: 20px 0 14px 0; padding: 0; font-size: 17px; font-weight: bold;  }
h1.pageHeading { margin: 8px 0 14px 0; padding: 0; text-align: left; color: #5884A5; font-size: 19px; font-weight: bold; line-height: 19px; }
h1.pageHeading img { display: block; }
h1#contactUsHeading { text-align: center; }
h2, h2 a { margin: 20px 0 2px 0; padding: 0; font-size: 17px; font-weight: bold; color:#30776e;  }
h3, h3 a { margin: 16px 0 14px 0; padding: 0;  font-size: 15px; line-height: 16px; font-weight: bold;  color:#62676C;}
h4, h4 a { margin: 16px 0 2px 0; padding: 0;  font-size: 15px; line-height: 16px; font-weight: bold; color:#62676C;}
h5, h5 a { margin: 0 0 9px 0; padding: 0;  font-size: 13px; line-height: 14px; font-weight: bold;  color:#62676C;}
h6, h6 a { margin: 0 0 2px 0; padding: 0;  font-size: 13px; line-height: 14px; font-weight: bold; color:#62676C; }

/********* LISTS *********/
ul { margin: 0 0 16px 0; padding: 0 0 0 30px; text-align:left; list-style-type: disc; list-style-image: none; }
ul li { padding: 0;  list-style-type:disc; list-style-image: none;}
ul li p { margin-bottom: 10px; }
ul.extraSpacing li { padding-bottom: 8px; }
ul.itemList { margin: 0; padding: 0 0 0 16px; text-align:left; }
ul.itemList li { padding: 0 0 10px 0;  list-style-type:none;}
ul.itemList li a { display: block; font-weight: bold; color: #307753;}


/********* FORMS AND FORM ELEMENTS *********/

/* Form */
form { margin:0; padding: 0; }
.joinButtonForm { margin: 0 0 24px 0; }

/* Form Layout */
.standardFormTable { margin: 0 0 12px 0; width: 500px; }
.formTableLeft { padding: 6px 10px 6px 0; width: 150px; font-weight: bold; text-align: left; vertical-align: top; }
.formTableRight { padding: 6px 0; width: 340px;  text-align: left; vertical-align: top; }

/* Form Elements */
.submit { margin: 0 10px 0 0; }
select { font: 11px verdana, arial, sans-serif; color: #61605B; background-color: #FFF;  }
option { padding: 2px 0 2px 2px; }
.error { font-weight: bold; color: #b14c38; }
.admin { color: #000000; }

/********* GENERAL FORMATTING AND APPEARANCE *********/
.smallText { font-size: 12px; }
.largeText { font-size: 15px; }
.normalTextColor { color: #2e3c43; }
.boldGreen { font-weight: bold; color: #307753;}
.boldRed { font-weight: bold; color:#913129;}
.boldBlue { font-weight: bold; color:#5884A5;}
.bold { font-weight: bold; }
.notBold {font-weight: normal; }
.largerAsterisk { font: 14px bold verdana, tahoma, arial, sans-serif; }

/********* SPACING AND ALIGNMENT *********/
.block { display: block; }
.center { text-align: center; }
.left { text-align: left; }
.margin0 { margin: 0; }
.marginAuto { margin: 0 auto; }
.marginTop0 {margin-top: 0; }
.marginTop3px {margin-top: 3px; }
.marginTop10px {margin-top: 10px; }
.marginTop12px {margin-top: 12px; }
.marginTop14px {margin-top: 14px; }
.marginTop16px {margin-top: 16px; }
.marginTop20px {margin-top: 20px; }
.marginTop24px {margin-top: 24px; }
.marginTop30px {margin-top: 30px; }
.marginBottom0 {margin-bottom: 0; }
.marginBottom4px { margin-bottom: 4px; }
.marginBottom8px { margin-bottom: 8px; }
.marginBottom10px { margin-bottom: 10px; }
.marginBottom12px { margin-bottom: 12px; }
.marginBottom20px { margin-bottom: 20px; }
.marginBottom24px { margin-bottom: 24px; }
.marginBottom30px { margin-bottom: 30px; }
.right { text-align: right; }
.floatRight { display: block; margin: 0 20px 8px 12px; float: right;  }
.floatLeft { display: block; margin: 6px 18px 12px 0; float: left;  }
.clearBoth { clear: both; }
.horizontalRuleNarrow { margin: 0 auto; border-top: 1px solid #bbb; width: 360px; height: 1px; }
.inline { display: inline; }
.indent90 { margin-left: 90px; }
.indent60 { margin-left: 60px; }
.indent30 { margin-left: 30px; }
.indent20 { margin-left: 20px; }

/********* GENERAL TEMPLATE LAYOUT *********/
#pageContainer { margin: 0 auto; border-top: 20px solid #c8cace; width: 958px; }
#mainTable { width: 958px; background: #fff;}
#homepageLeft { padding: 0; width: 552px; vertical-align: top;}
#homepageRight { padding: 0; padding-top: 18px; width: 406px; vertical-align: top;}
#leftContentTableHome { width: 552px; }
#mastheadLeft { padding: 18px 0 18px 18px; width: 175px; height: 187px; vertical-align: top; text-align: left; 
background: #fff;}
#flashContainer { width: 175px; height: 187px; background: #fff url(/images/general/logo_gradient_bkg.jpg) repeat-x; } 
#mastheadRightHome { padding: 18px 18px 18px 0; width: 341px; vertical-align: top; text-align: left; background: #fff;}

#leftNavHome { padding: 0; width: 193px; height: 373px; vertical-align: top; text-align:left; 
background: url(/images/left_nav/left_cutouts_top_home.jpg) no-repeat bottom;}
#leftContentHome {padding: 0 18px 18px 18px; width: 305px; vertical-align: top; text-align:left; }
#leftNavHomeBottom { padding: 0; width: 193px; height: 215px; 
background: url(/images/left_nav/left_cutouts_bottom_home.jpg) no-repeat; }
#leftContentHomeBottom { padding: 0; width: 341px; height: 215px; 
background: url(/images/left_nav/cutouts_right_homepage.jpg) no-repeat; }

.festivalHighlightTable { margin-top: 8px; width: 388px; height: 131px; background: url(/images/homepage/festival_gradient_bkg.jpg) no-repeat; }
.festivalHighlightLeft { padding: 0; width: 131px; vertical-align: top; }
.festivalHighlightRight { padding: 0; width: 257px; vertical-align: top; text-align: left;
background: url(/images/homepage/festival_gradient_bkg.jpg) no-repeat;}
.festival-highlight-content {position: relative; padding: 16px 20px 0 20px; width: 217px; height: 115px; }
.festival-date-heading {margin: 0 0 4px 0; font-size: 16px; font-weight: bold; color: #2f7652; font-style: italic; }
.festival-highlight-content h2 {margin: 0; color: #3d5d61; font-size: 18px; line-height: 20px;}
.buttonContainer { position: absolute; top: 90px; left: 108px;  }


#internalpage1Left { padding: 0 0 18px 0; width: 620px; vertical-align: top;}
#internalpage1Right { padding: 18px 18px 18px 0; width: 320px; vertical-align: top;}
#internalpageMastheadLeft { padding: 18px 0 18px 18px; width: 191px; height: 187px; vertical-align: top; text-align: left; 
background: #fff;}
#artworkContainer { width: 191px; height: 187px; background: #fff url(/images/general/logo_gradient_bkg.jpg) repeat-x; } 
#internalpage1MastheadRight { padding: 18px 18px 18px 0; width: 393px; vertical-align: top; text-align: left; background: #fff;}
#internalpageLeftNav { padding: 0 0 0 0; width: 209px; vertical-align: top; text-align:left;}
#internalpageLeftNavLong { padding: 0 0 0 0; width: 209px; vertical-align: top; text-align:left;
background: url(/images/left_nav/left_bkg_long.jpg) no-repeat 0px 513px; }
#internalpage1LeftContent {padding: 0 22px 0 8px; width: 381px; vertical-align: top; text-align:left; }
h3.rightColumnHeading {margin: 14px 0 0 0; padding: 0; }
.rightColumnBox { margin: 0 0 14px 0; padding: 10px 16px 12px 18px; width: 286px; background: #f5f9fb url(/images/general/rightcol_box_gradient.jpg) repeat-x; }
.rightColumnBox h4 {margin-top: 6px; }
.rightColumnArtwork { display: block; margin-bottom: 14px; }

#internalpage1Right img { display: block; margin-bottom: 14px;}
#internalpage1Right h3.rightColumnHeading img {margin: 0; }

.dottedBoxBorder { margin: 0 0 2px 0; background: url(/images/general/dotted_line.gif) repeat-x top; }
.dottedBox { padding: 18px 12px 10px 12px; }
.dottedBox h2 { margin: 0 0 2px 0; padding: 0; font-weight: bold; color: #418A65; }
.dottedBox h4 { margin: 0 0 10px 0; padding: 0; font-weight: bold;  }


#footerShadowTable { margin: 0 auto; width: 958px; height: 100%;}
#footerShadow { padding: 0; width: 958px; height: 200px; background: #515A6A;}

#contactTableContainer { width: 640px; text-align: center; }
#contactTableContainer h1 { text-align: center; }
#contactPageTable { width: 640px; }
.contactLeftHeading { padding: 18px 24px 12px 120px; width: 220px; vertical-align: top; text-align: left; }
.contactRightHeading { padding: 18px 0 12px 0; width: 276px; vertical-align: top; text-align: left; }
.contactLeft { padding: 0 24px 20px 120px; width: 220px; vertical-align: top; text-align: left; }
.contactLeftHeading h3 { margin: 0; padding: 0; }
.contactRight { padding: 0 0 20px 0; width: 276px; vertical-align: top; text-align: left; }

#sideNav { padding: 8px 7px 8px 8px; width: 169px; }
#sideNav a { display: block; margin: 8px 0 8px 0; padding: 6px 4px 6px 22px;  width: 143px; text-decoration: none; font-weight: bold; color: #607b7f; text-align: left;line-height: 13px; border-top: 1px solid #f5f8f8; border-bottom: 1px solid #f5f8f8; background: url(/images/general_template/arrow_side_nav.gif) no-repeat top left; }
#sidenav a:visited, #sideNav a:link {}
#sideNav a:hover { border-top: 1px dashed #9DA7A8; border-bottom: 1px dashed #9DA7A8; background: #fff url(/images/general_template/arrow_side_nav_ro.gif) no-repeat top left;}
#sideBoxContent { padding: 0 8px 12px 14px; text-align: left; }
.sideBoxHeading { margin: 0 auto 10px auto; font-size: 12px; color: #166c74;text-align: center; }

.highlightsTable { margin-top: 20px; width: 415px; }
.highlightsLeft { padding: 0 21px 28px 0; width: 124px; text-align: left; vertical-align: top; }
.highlightsRight { padding: 0 0 12px 0; width: 270px; text-align: left; vertical-align: top; }
.highlightsRight h4 { margin-top: 0; }
.yellowHighlightHeading { margin-top: 20px; color: #AEA501; }
.blueHighlightHeading { margin-top: 20px; color: color: #166c74; }
.highlightText { margin: 6px 0; }

.divider { margin: 24px auto 20px auto;width: 100%; height: 1px; background: #ccc; } 
#postersTable { margin: 0 auto; width: 90%; }
#postersTable .leftCol { padding: 0; vertical-align: top; text-align: center; }
#postersTable .middleCol { padding: 0 20px; vertical-align: top; text-align: center; }
#postersTable .rightCol { padding: 0; vertical-align: top; text-align: center; }

#postersTableTwoColumn { margin: 0 auto; width: 90%; }
#postersTableTwoColumn .leftCol { padding: 0 10px 0 0; vertical-align: top; text-align: center; }
#postersTableTwoColumn .rightCol { padding: 0 0 0 10px; vertical-align: top; text-align: center; }

/******** FOOTER *********/
#footer { padding: 20px 0; width: 958px; height: 18px; text-align: center; background: #c8cace;  font: 11px verdana, "Lucida Grande", tahoma, arial, helvetica, sans-serif; }
#footer a { font: 11px verdana, "Lucida Grande", tahoma, arial, helvetica, sans-serif; }