/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/


body
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 14px;
	line-height: 1.1875em;
	color:#ffffff;
	background: #7e4fad url('../images/gradient3.jpg') repeat-x;
	


}

#slickbox {background:#eee;border:1px solid #900;height:135px;}





/* `Containers
----------------------------------------------------------------------------------------------------*/
#content {
	width: 960px;
	margin-left: auto;
	margin-right: auto;

}

#topphoto {
	width: 650px;
	float:left;
	border: 0px solid red;
}


#topsidebar {
	width: 310px;
	float:right;
	border: 0px solid red;
	padding:0;
	margin:0;
}





#footer {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	display:block;
	
}





.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}



#col_1 img {
float: left;


}




/* =Navigation ======================================== */

	ul#nav-main {
		list-style-type: none;
		float: left;
		padding: 0;
		margin:53px 0 0 0 ;
		width: 310px;
		height: 24px;
		border: 0px solid red;

	}
	
		ul#nav-main2 {
		list-style-type: none;
		float: left;
		padding: 0;
		margin:0px 0 0 0 ;
		width: 310px;
		height: 24px;
		border: 0px solid red;

	}
	
	ul#nav-main li, ul#nav-main2 li { display: inline; }
	
			
		ul#nav-main li a,
		ul#nav-main2 li a  {
			display: block;
			text-indent: -9999px;
			outline: none;
			float: left;
		}
	
	li#nav-home a,
	li#nav-about a,
	li#nav-dance a,
	li#nav-classes a,
	li#nav-location a,
	li#nav-contact a {
		height: 24px;
		background: url(../images/topnav.gif);
		
	}
	

	
	li#nav-home a { background-position: 0 0; width: 65px; left: 0; }
	li#nav-home a:hover { background-position: 0 -48px; }
	body#home li#nav-home a { background-position: 0 -65px; }
	
		li#nav-classes a { background-position: -65px 0; width: 87px;  left: 65px;}
	li#nav-classes a:hover { background-position: -65px -48px; }
	body#classes li#nav-classes a { background-position: -65px -48px; }
	
		li#nav-location a { background-position: -152px 0; width: 158px;  left: 152px; }
	li#nav-location a:hover { background-position: -152px -48px; }
	body#location li#nav-location a { background-position: -152px -48px; }
	
	
	li#nav-about a { background-position: 0px -24px; width: 65px;  left: 0px; }
	li#nav-about a:hover { background-position: 0px -72px; }
	body#about li#nav-about a { background-position: 0px -72px; }
		
	
	li#nav-dance a { background-position: -65px -24px; width: 87px;  left: -65px; }
	li#nav-dance a:hover { background-position: -65px -72px; }
	body#dance li#nav-dance a { background-position: -65px -72px; }
	
	
	
	li#nav-contact a { background-position: -152px -24px; width: 158px;  left: 152px; }
	li#nav-contact a:hover { background-position: -152px -72px; }
	body#contact li#nav-contact a { background-position: -152px -72px; }
	


body#about a#homenav li#nav-about a {
background-position: 0px -72px; width: 65px;  left: 0px;
}

body#about a#homenav li#nav-classes a {
background-position: -65px -48px; width: 87px;  left: 0px;
}

body#about a#homenav li#nav-location a {
background-position: -152px -48px; width: 158px;  left: 0px;
}

body#about a#homenav li#nav-dance a {
background-position: -65px -72px; width: 87px;  left: 0px;
}

body#about a#homenav li#nav-contact a {
background-position: -152px -72px; width: 158px;  left: 0px;
}



.latest {
	padding:15px 0 0 0 ;
}

#content2 {
	width:960px;
	margin:20px 0 0 0 ;
}

#form {
	margin:0px 0 0 650px ;
	width:310px;
	border:0px solid red;
	padding: 0;
}


.fields  {

background: #ffffff;
}



fieldset
{
border: 0px solid #781351;
}


label {
  display: inline-block;
  vertical-align: top;
  	margin:6px 0 2px 0  ;
  	font: .85em/1.5em  "Helvetica Neue", Helvetica, Arial, sans-serif;

}

input {
	border: 0px ;
}

.button {
  vertical-align: top;
  	margin:5px 0 44px 0  ;

}



.submit {
	height: 29px;
	width: 330px;
	background: url(../images/submit.gif) no-repeat;
	padding-top: 5px;
	clear: both;
} 



#lowerleft {

	margin: 0 100px 0 90px;

	padding: 0px;

	width:460px;
	float:left;

	

}

#lowerright {

	margin: 0;

	padding: 0px;

	width:240px;
	float:left;

	

}



#col_1 {
	float: left;
	margin-left: 90px;
	margin-right: 20px;
	width:220px;
}

#col_2 {
	float: left;
	margin-left: 0px;
	margin-right: 100px;
	width:220px;
}

#col_nav {
	float: left;
	margin-left: 0px;
	margin-right: 90px;
	width:220px;
}



#col_3 {
	float: left;
	margin-left: 90px;
	margin-right: 20px;
	width:140px;
}

#col_4 {
	float: left;
	margin-left: 0px;
	margin-right: 20px;
	width:140px;
}

#col_5 {
	float: left;
	margin-left: 0px;
	margin-right: 100px;
	width:140px;
}

#col_6 {
	float: left;
	margin-left: 90px;
	margin-right: 120px;
	width:440px;
}


ul#list li
{
padding:0px 0px 4px 15px;
	background-image:url(../images/bullet2.png);
background-position:top left;
	background-repeat:no-repeat;
	
	font: .9em/1.5em  "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}


ul#list2 li
{
padding:0px 0px 15px 0px;
	
	font: .9em/1.5em  "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}


/* Table
--------------------*/
	 td {
	
	font: .9em  "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	
}


	 td strong {
	
	font: 1.3em/1.5em  bold "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #fff;
}


table   { 
	border-collapse: collapse;
	width:460px;
	border-spacing: 0px;
	margin: 0 0 0 90px ;
	padding: 0 0px 0 0px ;
	
	 }
	 
	 table td   { 
    padding:  10px 0 10px 0px;
    text-align: left;
    vertical-align:middle;
	border:0px solid red;
	 }
	 
	 	 table tr   { 
 
background:transparent url(../images/dotted_schedule.gif) repeat-x bottom left;
		
	 }
	 
	 
	  table tr.noline   { 
 
background:none;
	
	 }
	 
	  

	 
	 
	 
	 
	 th {
	color: #4a266f;
	font: 30px  Garamond, "Times New Roman", Times, serif;
	text-align: left;
	width:140px ;
	padding-right: 20px;

}

	 th.level {
	color: #d8ae80;
	font: 30px  Garamond, "Times New Roman", Times, serif;
	text-align: left;
	width:140px ;

}

.day   { 
 
 border:0px solid red;
padding: 30px 0 10px 0 ;
	
	 }
	 
	 .note   { 
 
 border:0px solid red;
padding: 30px 0 40px 0 ;
	
	 }
	 
	 
 

/* Subsection Tabs
--------------------*/
#main ul.subsection_tabs {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	clear:both;
	border-bottom:1px solid #ccc;
	height:20px;
	clear:both;
}

#main ul.subsection_tabs li.tab {
	float:left;
	margin-right:7px;
	text-align:center;
}

#main ul.subsection_tabs li.tab a {
	display:block;
	height:20px;
	padding:0 6px 0 6px;
	background-color:#fff;
	color:#666;
	width:80px;
}

#main ul.subsection_tabs li.tab a:hover {
	color:#666;
}

#main ul.subsection_tabs li.tab a.active {
	background-color:#ddd;
}

#main ul.subsection_tabs li.source_code {
	float:right;
}






/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}