/** RESET **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/** Type **/

a { color: #900; text-decoration: none; }
a:hover { color: #999; text-decoration: none;}
p { padding: 10px 10px; }
b { color: #FFF; font-size: 13px; }
h1 { font-size: 24px; padding: 5px 10px; }
h2 { font-size: 18px; padding: 10px; }
h3 { font-size: 14px; padding: 10px; }
h4 { font-size: 13px; padding: 10px; color: #FFF; text-transform: uppercase;}
hr { margin: 3px 10px; border-top: 1px dotted #CCC; border-bottom: none; border-right: none; border-left: none; }
b { font-weight: bold; font-style: italic; }
.tinyText { font-size: 10px; color: #CCC; }
.errorMsg { font-size: 12px; color: #F00; font-style: italic; }
.strike { text-decoration: line-through; }
img.leftPad { padding-left: 10px;}
/** Structure **/

body { font: 12px "Trebuchet MS", helvetica, arial, san-serif; background: #000 url(../images/bg.jpg) repeat-x; color: #FFF; overflow-x: hidden; }
#page-wrap { width:962px; margin:0 auto; background: #000; }
#header { width: 960px; height: 300px; margin: 0 auto; }
#dancer { position:relative; height: 346px; width: 276px; top:-302px; left: 60px; z-index: 1000; }
#summerCamp { position: absolute; height: 200px; width:200px; top: -302px; left: 60px; z-index: 1001;}
#content { background: url(../images/content_bg.jpg) repeat-y;}
#column-left { position:relative; width: 278px; float: left; padding-top:50px; }

#column-right { position:relative; width:680px; float: right; padding-top:50px; padding-bottom: 15px; }
#column-right ul { margin: 0px 20px; }
#column-right li a { padding: 3px 20px; }
#column-right li a:hover { padding: 3px 20px; }
#column-right img.gallery{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:white none repeat scroll 0 0; border:1px solid #BBBBBB; margin:7px 14px 7px 0; padding:5px; width:100px;}

#footer { width:919px; margin: 10px auto; padding: 20px; background: #0e1215; }
#footer-1 { width: 258px; float: left;  }
#footer-1 a { color: #900; text-decoration: none; }
#footer-1 a:hover { color: #999; text-decoration: none; }
#footer-2 { width: 660px; float: right; text-align: right; }
#footer ul a { color: white; list-style: inside; text-decoration: none; }
#footer li { display: inline; padding-right: 10px; }

.mainTable { margin: 0 20px; }
.mainTable tr td { padding: 5px; }

object { padding-left: 10px; }

#music { margin-right:10px; }
#music tr td { padding: 0 3px; }

#regForm { margin-left:20px; }
#regForm tr td { padding: 5px; }

fieldset.info { border: 1px solid #333; margin:3px 10px; background: #480000; }
fieldset.downloads { border: 1px solid #480000; padding: 5px 5px; margin: 5px 5px; }

fieldset.troupe { border: 1px solid #480000; padding: 5px 5px; margin: 5px 5px; background-color: #333; }
fieldset.troupe legend{ font-size: 16px; text-transform: uppercase; }

fieldset.home-notice { border: 1px solid #CCC; margin: 3px 10px; }

/** Nav **/

.chromestyle{ width:100%; font-weight: bold; margin-top: 0px; position:relative; top:-385px; left: 225px; z-index: 1000; }

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
background: url(menu_bg.jpg) center center repeat-x; /*THEME CHANGE HERE*/
padding: 3px 0 2px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
font-weight: bold;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{

margin: 0;
text-decoration: none;
border-right: 0px solid #DADADA;
font-size: 14px; color: #FFF; padding-right: 15px; text-decoration: none; text-transform: uppercase;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
/*background: url(menu_bg_over.jpg) center center repeat-x; THEME CHANGE HERE*/

}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:1001;
background-color: white;
width: 200px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 3px 0 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

#subNav li a { font-size:14px; padding: 3px 20px; }
#subNav li a:hover { padding: 3px 20px; }

/** Misc **/
.clear{ clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }