/* Screen layout: */

body {
padding:15px 0 0 0;
margin:0;
font:76% arial, helvetica sans-serif;
background:#162B61;
color:#000000;
}

a {
color:#162B61;
}

a:hover {
color:#BE861E;
text-decoration:none;
border-bottom:1px solid #162B61;
}

h1 {
margin:0 0 20px 0;
font-size:2.2em;
font-weight:bold;
font-variant:small-caps;
}

h2 {
margin:5px 0 10px 0;
font-size:1.6em;
font-weight:bold;
font-variant:small-caps;
}



h3 {
margin:0 0 5px 0px;
font-size:1.2em;
font-weight:bold;

}

h5 {
margin:0 0 15px 0;
line-height:1.5em;
text-align:center;
font-weight:normal;
}
p {
margin:0 0 15px 0;
line-height:1.4em;
text-align:left;
}

a img{
border:none;
text-decoration:none;
}

img a:hover{
text-decoration:none;
}

/* Main container */

#container {
margin:0 auto 20px auto;
width:900px;
padding:5px 20px 20px 20px;
background:#ffffff;
}

/* Site title section */

#logo {
margin:15px 0px  25px 0;
text-align:center;
border-bottom:4px double #BE861E;
border-top:4px double #BE861E;
}


#logo h1 a:hover {
color:#BE861E;
text-decoration:none;
border:none;
}


/* Navitab menu */

#navitabs {
clear:both;
}

.navitab {
padding:4px 8px 5px 8px;
margin:0 0 5px 0;
text-decoration:none;
font-size:1.1em;
background:#BE861E url(../images/corner.gif) top right no-repeat;
color:#000000;
border-left:1px solid #ffffff;
}

.navitab:hover {
text-decoration:none;
background:#162B61 url(../images/corner.gif) top right no-repeat;
color:#ffffff;
}

.activenavitab {
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
font-size:1.1em;
text-decoration:none;
background:#162B61 url(../images/corner.gif) top right no-repeat;
}

.activenavitab:hover {
text-decoration:none;
color:#ffffff;
}

/* Header description */

#desc {
height:250px;
color:#ffffff;
padding:0;
background:#162B61 url(../images/mainIndexImage2.jpg) top left no-repeat;
clear:both;
margin:5px 0 5px 0;
}

#desc.campDesc {
height:278px;
}

#desc p {
width:350px;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc h2 {
padding:15px 15px 0 15px;
color:#ffffff;
font-size:1.8em;
}

#desc h3{
margin-left:15px;
}

#desc a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}

/* Main content */

#main {
width:710px;
float:left;
padding:10px 15px 0px 0px;
margin:0;
border-right:1px solid #d8d8d8;
}

/* Sidebar */

#sidebar {
width:150px;
float:right;
padding-top:10px;
}

#sidebar p {
font-size:0.9em;
line-height:1.3em;
margin:0 0 15px 0;
}

/* Footer */

#footer {
clear:both;

padding:0;
margin:0;
border-top:1px solid #d8d8d8;
}

#footer a {
color:#000000;
}

#footer a:hover {
color:#BE861E;
}

#footer p {
color:#000000;
font-size:1.1em;
line-height:1.3em;
margin:15px 0 0 0;
padding:0;

}

/* Various classes */

.photo {
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.right {
margin-top:-8px;
text-align:right;
}

.block {
background:#f0f0f0;
padding:10px;
}

.sidelink {
text-align:left;
display:block;
width:140px;
color:#000000;
background:#BE861E url(../images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
border:none;
text-decoration:none;
}



.sidelink:hover {
background:#162B61 url(../images/corner.gif) top right no-repeat;
color:#ffffff;
text-decoration:none;
border:none;
}

.hide {
display:none;
}

#signUp {
text-align:center;
padding-bottom:15px;
}

#leftPhoto {
float:left;
margin:5px;
padding:0px 5px 5px 0px;
}

#rightPhoto {
float:right;
}

#authorsDesc {
margin:0px 0px 0px 10px;
}





#authorsDesc a{
text-decoration:underline;
border-bottom:none;
}

#authorsDesc a img{
border:4px double #ffffff;
text-decoration:none;
}

#authorsDesc a:hover{
color:#BE861E;
text-decoration:underline;
border-bottom:none;
}

#authorsDesc a img:hover{
border:4px ridge #BE861E;
text-decoration:none;

}

.home { color:#000000; font-size: 1.2em; }

.calendar { color: black; /* text color */
               
               width: 650px;
               padding: 10px 10px 10px 30px;
               text-align:left;
             }
   .calendar_today { background-color: white; width: 98%; padding: 2px; margin: 4px; text-align: left; }
   .calendar_event_1 { background-color: white; width: 98%; padding: 2px; margin: 4px; text-align: left; }
   .calendar_event_2 { background-color: white; width: 98%; padding: 2px; margin: 4px; text-align: left; }

   .calendar_artist_text { color: #000000; text-align: center; font-size: 1.4em; font-weight: bold; font-variant:small-caps; }
   .calendar_date_text { color: #162B61; font-size: 1.4em; font-weight: bold; padding:0px 0px 3px 0px;}
    .calendar_event_title_text { color: #000000; font-size: 1.2em; font-weight: bold; font-variant:small-caps; padding:0px 0px 3px 0px;}
   .calendar_venue_text { color: #000000; }
   .calendar_notes_text { color: #000000; text-align:left; }


.linkShow { 
text-decoration: underline;
}


#retailers{
display:table;
width:100%;
margin-top:10px;
}

#retailers th{
background-color:#162B61;
border-right:1px solid #ffffff;
border-left:1px solid #ffffff;
color:#ffffff;
}

#retailers td a{
text-decoration:underline;
}

#retailers td a:hover{
text-decoration:none;
}
.retailTable1{
width:30%;
}

.retailTable2{
width:35%;
}

.retailTable3{
width:25%;
}

.retailTable4{
width:10%;
}

/* camps sub menu */

#educationNavBar{
position:relative;
top:33px;
width:900px;
margin:0px;
padding:0px;
height:60px;
background: transparent url(../images/subNavBckg.gif) bottom left repeat-x;
}

#edNav{
position:relative;
top:9px;
padding:0px;
width:100%;
}



#edNav li { /*float the main list items*/
float:left;
display:block;
margin:0px 3px  0px 0px;
padding:0px;
line-height:100%;
}

#edNav a.upper {
display:block;
margin:0px;
padding:4px 8px 5px 8px;
line-height:100%;
text-decoration:none;
font-size:1.1em;
background:#f1e6ce url(../images/subCorner.gif) top right no-repeat;
color:#000000;
white-space:nowrap;
}

#edNav li:hover a.upper, #edNav li.over a.upper{
background:#BE861E url(../images/subCorner.gif) top right no-repeat;
border-bottom:1px solid #BE861E;
color:#ffffff;
}





#edNav li ul {
display:none;
}

#edNav li.off ul { /*put the subnav below*/
position:absolute;
top:23px;
left:30px;
padding:0px;
width:800px;
}


#edNav li.off ul a {
float:left; /*ie doesn't inherit the float*/
border:0;
color:#ffffff;
width:auto;
padding:7px 10px 5px 5px;
text-decoration:none;
	}


#edNav li.off:hover ul, #edNav li.over ul{
background-color:#BE861E;
}

#edNav li.off:hover ul, #edNav li.over ul{
display:block;
z-index:6000;
}

#edNav li.sub{
background:transparent;
border:none;
}

#edNav li.sub a:hover{
text-decoration:underline;
}

#Courses #tab-Courses a.upper , #Faculty #tab-Faculty a.upper, #Certification #tab-Certification a.upper, #Location #tab-Location a.upper, #Registration #tab-Registration a.upper{
background:#BE861E url(../images/subCorner.gif) top right no-repeat;
border-bottom:1px solid #BE861E;
color:#ffffff;
}


#Courses #tab-Courses.off ul, #Faculty #tab-Faculty.off ul, #Certification #tab-Certification.off ul, #Location #tab-Location.off ul, #Registration #tab-Registration.off ul{
display:block;
}

#rightPicsNB{
float:right;
margin:0px 0px 5px 10px;
}





#leftPicsNB{
float:left;
margin:0px 10px 5px 0px;
}

.listTitle{
font-weight:bold;
margin-bottom:5px;
}

.indentedLists{
margin-left:245px;
}

#teacherTable td{
text-align:center;
}
#teacherTable td.teacherName{
background:#BE861E;
}
#teacherTable td.teacherName a:hover{
color:#ffffff;
text-decoration:none;
border-bottom:none;
}

#teacherTable td a:hover{
border-bottom:none;
}

p.indent{
margin-left:15px;
}

p.note{
font-size:.9em;
font-weight:bold;
margin-left:15px;
}

p.address{
line-height:1em;
font-weight:bold;
text-align:center;
}

a.brochureThumb{
text-align:center;
border-bottom:none;
}

.brochureText{
font-size:.9em;
text-align:center;
}

.picCaptionR{
float:right;
border:none;
margin:0px 0px 5px 5px;
}

.picCaptionR p{
font-size:.8em;
text-align:center;
color:#323237;
line-height:1em;
}

.inLetter {
float:left; 
font-size:300%; 
line-height:90%; 
margin:-20px 5px 0 0;
}

#quote{
margin-top:40px;
}

#quote p{
font-style:italic;
}

.quoteName{
font-style:italic;
font-weight:bold;
font-size:1.1em;
float:right;
margin:0px 0px 0px 0px;
padding:0px 75px 0px 0px;
}

#paypal{
margin:10px;
}

#paypal th{
background:#162B61;
color:#ffffff;
font-variant:small-caps;
font-size:1.2em;
padding:5px;
}

.payNow{
text-align:center;
font-weight:bold;
}

#programFees{
text-align:center;
margin:20px;


}

#programFees th{
background:#162B61;
color:#ffffff;
font-variant:small-caps;
font-size:1.2em;
padding:5px;
}

.programRowL{
width:80%;
text-align:justify;
padding-right:20px;
}

.programRowR{
text-align:center;
}

.BB{
background:#162B61;
color:#ffffff;
padding:2px;
text-align:center;
margin-bottom:0px;
}

.price{
text-align:center;
margin:0px;
}

.italics{
font-style:italic;
}

.DCHead{
margin:0px 0px 0px 0px;
padding:0px;
font-size:1.2em;
font-weight:bold;
}


/* 2009 Wrap Camp  */


p#cross-links { text-align: center }
		
		p#cross-links { margin-bottom: 15px; padding-bottom: 15px; padding-top:5px; }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		img { border: 0 }
		
		h3.courseHeaders { border-bottom: 1px solid #ccc; padding-bottom: 8px; text-align: left; margin-top:0px; padding-top:0px; margin-bottom:10px; }
	
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	
			margin-top: -29px;
			padding:0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 1px solid #ccc; /* this is the border. should have the same value for the links */
			border-top: none;
			margin: auto;
			width: 900px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			clear:both;
			background: #fff;
			padding:0;
		
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 900px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: 0px 2px 0px 0px;
			
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 12px;
			font-weight: bold;
			text-align: left;
			line-height: 28px;
			background: #BE861E;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
			margin: 0px;
			border: 1px solid #ccc;
			border-bottom: none;
			
		}
		
	
		
		.stripNav li a:hover {
			background: #fff;
			color:#162B61;
		}
		
		.stripNav li a.current {
			background: #fff;
			color: #162B61;
		}
		
		
		.clear {clear:both;}
		
		
	
		:focus {
	outline: 0;
}



        .drawers {
         list-style: none;
}
            .drawer {
           
           	border: 1px solid #efefef;
			
            }
                .drawer-handle {
                    background: #efefef; 
                    color:#000;
                    cursor:pointer;
                 	height:30px;
                    line-height:30px;
                    text-indent:15px;
                    font-size:1.2em;
                    width:100%;
					padding:0px;
					margin: 0 0 1px 0;
                }
                  

                        
                 
                .drawer ul {
                   list-style: none;
                    padding: 0 0 5px 0;
					
					
                }
                .drawer li {
                    line-height: 16px;
                    padding: 10px;
					
                }
             
			
			.boldFaqList { font-size:1.1em; font-weight:bold; }
			
			div.moreCourseDC { margin:0px 0px 20px 0px; padding:0px; display:none; }
			div.moreCourseWA { margin:0px 0px 20px 0px; padding:0px; display:none; }
			
			ul.courseLists { list-style:none; margin-left:0px; padding-left: 1em; text-indent: -1em;  }
			ul.courseLists li {padding-bottom: 3px;}
			
			.MoreLinksCourses { cursor:pointer; text-decoration:underline; color:#162B61; }
			
			#wrapFlashWrapper { width:400px; height:266px; margin:0px; float:right; clear:both;}
			
			#campTopDesc { height:266px; color: #fff; margin:0px; padding:0px; background:url(http://www.drum2dance.com/images/mainIndexImage_camp.jpg) top left no-repeat;  }
			
			#campTopDesc p {
width:350px;
line-height:1.3em;
padding:0 0 0 15px;
}

#campTopDesc h2 {
padding:15px 15px 0 15px;
color:#ffffff;
font-size:1.8em;
}

#campTopDesc h3{
margin-left:15px;
}

#campTopDesc a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}