/* DANCEHOUSE
   Master Styles
   Author: Jonathan Nicol (jonathan@f6design.com)
   
   Resources
   http://annevankesteren.nl/2005/03/clearing-floats
*****************************************************************/


/* Global reset
*****************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
/*font-style:inherit;
font-weight:inherit;*/
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
/*vertical-align:baseline;*/ /*messes with floated images in IE*/
}
*:focus {
outline-color:invert;
outline-style:none;
outline-width:0pt;
}

/* Re-defined - HTML Elements
*****************************************************************/

html {
	font-size: 100%; /* for IE */
	height: 100%; /* force scrolbars in Mozilla */
}

body  {
	font-family: Arial, Tahoma, Helvetica, Verdana, serif;
	/* font-size: 81%; /* if you want 13px */
	font-size: 76%; /* if you want 12px */
	/* font-size: 69%; */ /* if you want 11px */
	font-weight: normal;
	height: 100%; /* force scrolbars in Mozilla */
	color: #000;
	background: #ededed;
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
a, a:visited {
	color:#000;
	outline-style:none;
	text-decoration:underline;
	}
	a:hover {
		background:#fdda04;
		color:#000;
		text-decoration:underline;
		}
	a:active {
		background:#fdda04;
		color:#000;
		text-decoration:underline;
		}
a.imglink, a.imglink:visited  {
	border: none;
}
a[rel="external"] {
	background: transparent url(../img/external_link_icon.gif) no-repeat right center;
	padding-right:14px;
	}
	a[rel="external"]:hover {
		background: #fdda04 url(../img/external_link_icon.gif) no-repeat right center;
		}
blockquote {
	background:transparent url(../img/quotes.gif) left top no-repeat;
	min-height:1.5em; /* IE: fixes bg drop when blockquote next to floated image */
	padding:0pt 0pt 0pt 37px;
	margin: 0 0 1em 0;
	overflow: auto; /* FF/Opera: fixes bg drop when blockquote next to floated image */
}
img {
	border: none;
	/*display: block;*/
	}
h1 {
	background:transparent url(../img/header.gif) left top no-repeat;
	height: 85px;
	width:910px;
	padding: 0;
	margin: 0;
	}
	h1 span {
		display: none;
	}
h2 {
	font-size: 2em;
	font-weight: bold;
	margin: 0.2em 0 0.5em 0;
	letter-spacing: -0.005em;
	line-height: 1.2;
	}
	h2.padT {
		margin-top:0.6em;
		}
		h2.articleTitle {
			margin-bottom: 0.6em;
			}		
h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 0.6em 0;
	line-height: 1.2;
	}
	h3.padTop {
		margin-top: 1em;
		}
h4 {
	font-size: 1.25em;
	font-weight: bold;
	margin: 0 0 0.6em 0;
	}
h5 {

}
p {
	margin:0 0 1em 0;
}
small {
	font-size: 0.84em;
	line-height: 1.2;
}



/* Common presentational elements
*****************************************************************/

.alignR {
	text-align: right;
}
.breadcrumbs {
	padding-bottom: 0.8em;
	border-bottom: 1px solid #ccc;
	}
	.breadcrumbs a {
		text-decoration: none;
		}
		.breadcrumbs a:hover {
			text-decoration: underline;
			}

.clr {
	clear: both;
}
.clearit {
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.date {
	color: #989898;
	font-style: italic;
}
.divider, .dividerLine, hr {
	border:none;
	clear: both;
	color: #ccc;
	font-size: 1px;
	height: 1px;
	margin: -1px 0 12px 0;
	border-bottom: 1px solid #ccc;
	}
.highlightLink, .highlightLinkTight {
	background: transparent url(../img/highlight_btn_arrow.gif) 0 0.5em no-repeat;
	}
	.highlightLink a, .highlightLinkTight a {
		font-style: italic;
		margin: 0 0 0 10px;
		}
	.highlightLinkTight {
		margin-bottom: 0;
	}
.intro {
	font-size: 1.16em;
	line-height: 1.3;
	width: 580px;
}
.imgLink {
	border: none;
	}
	.imgLink:visited {
		border: none;
	}
	.imgLink:hover {
		border: none;
	}
img.flL {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
}
img.flR {
	display: inline;
	float: right;
	margin: 0 0 10px 10px;
}
.large {
	font-size: 1.3em;
	line-height: 1.4;
}
.padT {
	margin-top: 1em;
}
.pagebreak {
	clear: both;
	display: block;
	height: 1px;
	margin: 0;
	font-size: 1px;
}
.noT {
	margin-top: 0;
}
.small {
	font-size: 0.85em;
}

p.more {
	min-height: 16px;
}
p.more a {
	background: transparent url(../img/more_arrow.gif) 0 0 no-repeat;
	border: none;
	font-weight: bold;
	padding: 1px 0pt 0pt 20px;
	text-decoration:none;
}
p.more a:hover {
	background-color: transparent;
	text-decoration: underline;
}
p.articleMeta {
	font-size: 1.16em;
	margin: -0.5em 0 1.5em 0;
	line-height: 1.3;
}
.youtube {
	margin: 0 0 1em 0;
}


/* Page structure
*****************************************************************/

#container {
	margin: 10px auto 40px auto;
	width: 910px;
}
#flashcontent {
	height: 309px;
}
#features {
	margin: 0 0 10px 0;
}
#banner {
	margin: 0 0 10px 0;
    display:block;
}
.colHalfWidthL {
	width: 280px;
	float: left;
}
.colHalfWidthR {
	width: 280px;
	float: right;
}
.colThirdWidthL {
	width: 180px;
	float: left;
	margin-right: 20px;
}
.colThirdWidthR {
	width: 180px;
	float: right;
}
#contentWrap, #contentWrapFullW {
	float: left;
	width: 600px;
	}
	#contentWrapFullW {
		width: 910px;
		}
#content, #contentFullW {
	background: #fff;
	padding: 10px;
	width: 580px;
	}
	#content.padBtm {
		padding-bottom: 25px;
	}
#contentFullW {
	clear: both;
	width: 890px;
	}
	#contentFullW .colHalfWidthL {
		margin-right: 25px;
		}
#sidebar {
	float: right;
	width: 300px;
	}
	#newsletter {
		background: #fdda04;
		margin: 0 0 10px 0;
		padding: 13px 10px 0 10px;
		min-height:205px;
		}
	.sidebarModule {
		background: #fff;
		margin: 0 0 10px 0;
		padding: 15px 10px 12px 10px;
		}
	#sidebar img {
		display: block;
		}
		
/* Nav
*****************************************************************/

#nav {
	background: #fff;
	width: 910px;
	height: 30px;
	list-style: none;
	margin: 3px 0 10px 0;
	padding: 0;
	}
	#nav a { /* all list btns */
		border: none;
		display: block;
		height: 30px;
	}
	#nav a span { /* all btns accessible text */
		display: none;
		}
	#nav li { /* all list items */
		float: left;
		height: 30px;
		padding: 0;
	}
	/* BTN 1 */
	#nav li#navBtn1, #nav li#navBtn1 a  {
		width: 56px;
	}
	#navBtn1 a {
		background: url(../img/nav_btn_home.gif) 0 0 no-repeat;
	}
	#navBtn1 a:hover, #navBtn1.selected a {
		background: url(../img/nav_btn_home.gif) -200px 0 no-repeat;
	}
	/* BTN 2 */
	#nav li#navBtn2, #nav li#navBtn2 a  {
		width: 115px;
	}
	#navBtn2 a {
		background: url(../img/nav_btn_performance.gif) 0 0 no-repeat;
	}
	#navBtn2 a:hover, #navBtn2.selected a {
		background: url(../img/nav_btn_performance.gif) -200px 0 no-repeat;
	}
	/* BTN 3 */
	#nav li#navBtn3, #nav li#navBtn3 a  {
		width: 86px;
	}
	#navBtn3 a {
		background: url(../img/nav_btn_research.gif) 0 0 no-repeat;
	}
	#navBtn3 a:hover, #navBtn3.selected a {
		background: url(../img/nav_btn_research.gif) -200px 0 no-repeat;
	}
	/* BTN 4 */
	#nav li#navBtn4, #nav li#navBtn4 a  {
		width: 78px;
	}
	#navBtn4 a {
		background: url(../img/nav_btn_training.gif) 0 0 no-repeat;
	}
	#navBtn4 a:hover, #navBtn4.selected a {
		background: url(../img/nav_btn_training.gif) -200px 0 no-repeat;
	}
	/* BTN 5 */
	#nav li#navBtn5, #nav li#navBtn5 a  {
		width: 131px;
	}
	#navBtn5 a {
		background: url(../img/nav_btn_news.gif) 0 0 no-repeat;
	}
	#navBtn5 a:hover, #navBtn5.selected a {
		background: url(../img/nav_btn_news.gif) -200px 0 no-repeat;
	}
	/* BTN 6 */
	#nav li#navBtn6, #nav li#navBtn6 a  {
		width: 106px;
	}
	#navBtn6 a {
		background: url(../img/nav_btn_membership.gif) 0 0 no-repeat;
	}
	#navBtn6 a:hover, #navBtn6.selected a {
		background: url(../img/nav_btn_membership.gif) -200px 0 no-repeat;
	}
	/* BTN 7 */
	#nav li#navBtn7, #nav li#navBtn7 a  {
		width: 94px;
	}
	#navBtn7 a {
		background: url(../img/nav_btn_venue.gif) 0 0 no-repeat;
	}
	#navBtn7 a:hover, #navBtn7.selected a {
		background: url(../img/nav_btn_venue.gif) -200px 0 no-repeat;
	}
	/* BTN 8 */
	#nav li#navBtn8, #nav li#navBtn8 a  {
		width: 124px;
	}
	#navBtn8 a {
		background: url(../img/nav_btn_about.gif) 0 0 no-repeat;
	}
	#navBtn8 a:hover, #navBtn8.selected a {
		background: url(../img/nav_btn_about.gif) -200px 0 no-repeat;
	}

/* Newsletter
*****************************************************************/

.newsletterIntro{
	margin-bottom: 12px;
}

/* Newsletter form
   Some fixes to achieve fixed height, expecially in IE
*****************************************************************/

.newsletterform-fbform dt {
	float: left;
	font-weight: bold;
	width: 75px;
	}
	.newsletterform-fbform dt.widelabel {
		width:250px;
		}
.newsletterform-fbform dd {
	float: left;
	width: 205px;
	height: 22px;
	}
	.newsletterform-fbform dd.widelabel {
		width:30px;
		text-align: right;
		height: auto;
		}
.newsletterform-fbform dd.newsletterform-fbformdivider {
	float:none;
	height: 2px;
	overflow: hidden;
	clear: both;
}
.newsletterform-fbform .newsletterform-fbtextfield {
	width: 201px;
	/* IE adds 1px paading to top/bottom of form field, which you can't get rid of.
	   Here is how we over come it. Need to set height of containing dd too. */
	height: 16px;
	position: relative;
	top: -1px;
}
.newsletterform-fbcheckbox {
	margin: 2px 0 2px 0;
	padding: 0;
	height: 15px; /* for IE to get rid of annoying padding on checkboxes */
	width: 15px; /* for IE to get rid of annoying padding on checkboxes */
}
.newsletterform-fbsubmitbtn {
	margin-top: 4px;
}
.newsletterform-fbform fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

/* Home teasers
*****************************************************************/

#homeTeasers dl {
	display: inline; /* fix IE double margin bug */
}
#homeTeasers dt {
	font-weight: bold;
	float: right;
	width: 440px;
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.25em;
	}
	#homeTeasers dt a {
		text-decoration: none;
		}
		#homeTeasers dt a:hover {
			text-decoration: underline;
			}
#homeTeasers dd {
	float: right;
	width: 440px;
	margin: 0;
	padding: 0;
}
#homeTeasers dd.img {
	float: left;
	width: 130px;
	margin: 1em 0 1em 0;
	padding: 0;
}
#homeTeasers dd.divider, #homeTeasers dd.dividerEmpty {
	border-bottom: 1px solid #ccc;
	clear: both;
	float: none;
	height: 1px;
	overflow: hidden;
	width: 580px;
	}
#homeTeasers dd p.more {
	margin-top: 0.5em;
}
#homeTeasers dl dd:last-child {
	border:none;
}

/* Newsitem teasers
*****************************************************************/

#latestNewsHeadlines ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	#latestNewsHeadlines li {
		border-bottom: 1px solid #ccc;
		margin: 0.7em 0 0 0;
		padding: 0;
		}
		/*.newsitemTeasers > li:first-child {
			margin: 0;
			}*/
		#latestNewsHeadlines h3 {
			font-size:1.1em;
			font-weight: bold;
			margin: 0 0 0.2em 0;
			}
			#latestNewsHeadlines h3 a {
				text-decoration: none;
				}
				#latestNewsHeadlines h3 a:hover {
					text-decoration: underline;
					}
		#latestNewsHeadlines .date {
			margin-bottom: 0.5em;
		}
		#latestNewsHeadlines p.more {
			margin: 1em 0 0 0;
			text-align: right;
		}
		
/* Dance Around the Web teasers
*****************************************************************/

#danceAroundTheWeb img:first-child {
	margin-bottom:0.5em;
}
#danceAroundTheWeb ul, #newsletters ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	#danceAroundTheWeb li {
		border-bottom: 1px solid #ccc;
		margin: 0.7em 0 0 0;
		padding: 0;
		}
		#danceAroundTheWeb li:last-child {
			border-bottom:none;
			}
		#danceAroundTheWeb h3 {
			font-size:1.1em;
			font-weight: bold;
			margin: 0 0 0.2em 0;
			}
			
/* Newsletters teasers (sidebar))
*****************************************************************/
#newsletters img:first-child {
	margin-bottom:0.5em;
}
#newsletters ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#newsletters .more {
	margin-bottom: 0.75em;
}

/* Partnership/Classes/Press sidebars
*****************************************************************/
#partnershipProposal img:first-child, #classesProposal img:first-child {
	margin-bottom:0.5em;
}
#pressQuotes img:first-child {
	margin-bottom:1em;
}


/* Landing page teasers
*****************************************************************/

#landingPageTeasersWrap {
	
	}
	#landingPageTeasersWrap h3 {
		margin-bottom: 0.4em;
		margin-top: 0.6em;
		}
	#landingPageTeasersWrap .archiveTeasers {
		border-top: none;
		}
	#landingPageTeasersWrap p.more {
		/*text-align: right;*/
		margin-top: 1em;
		}
	#landingPageTeasersWrap dd p.more {
		text-align: left;
		margin-top: -0.5em;
		}
	

/* Archive teasers
*****************************************************************/

.archiveTeasers {
	/*border-bottom: 1px solid #ccc;*/
	border-top: 1px solid #ccc;
	clear: both;
	margin: 0.5em 0;
}
.archiveTeasers dt {
	font-weight: bold;
	margin: 0.7em 0 0 0;
	padding: 0;
	line-height: 1.2;
	font-size: 1.25em;
}
.archiveTeasers dd {
	margin: 0;
	padding: 0;
}
.archiveTeasers dd.divider, #archiveTeasers dd.dividerEmpty {
	border-bottom: 1px solid #ccc;
	clear: both;
	float: none;
	height: 1px;
	overflow: hidden;
	/*width: 580px;*/
	}
.archiveTeasers dd p.date {
	margin: 0;
}
.archiveTeasers dd p.more {
	margin: -0.5em 0 0.8em 0;
}
.archiveTeasers dt a {
	text-decoration:none;
	}
	.archiveTeasers dt a:hover {
		text-decoration:underline;
		}

/* Press Quotes
*****************************************************************/

#pressQuotes {
	padding: 0.5em 0 0 0;
	}	
	#pressQuotes blockquote {
		border-bottom: 1px solid #ccc;
		}
		#pressQuotes blockquote.last {
			border: none;
		}
	#pressQuotes .author {
		color: #989898;
		font-style: italic;
		}


/* Site Info (footer)
*****************************************************************/

#footerWrapper {	
	clear: both;
	padding: 20px 0;
	width: 100%;
	}
	#footer {
		border-top: 4px solid #000;
		padding: 15px 0;
		}
		#footer ul {
			float: left;
			padding: 0;
			margin: 0;
			list-style: none;
			width: 600px;
			}
			#footer li {
				float:left;
				border-right: 1px solid #ccc;
				padding: 0 10px;
				}
				#footer li.last {
					border: none;
					padding-right: 0;
					}
				#footer li.first {
					padding-left: 0;
					}
				#footer li a {
					text-decoration: none;
					}
					#footer li a:hover {
						text-decoration: underline;
						}
		#footer #sponsors {
			width: 300px;
			float: right;
			}
			#footer #sponsors p {
				font-size: 0.84em;
				line-height: 1.3;
				margin: 1em 0 2em 0;
				}


/* File download
*****************************************************************/

.fileDownload {
    background: transparent url(../img/file_icon.gif) no-repeat left top;
    display: block;
    height: 35px;
    padding-left: 36px;
    margin-bottom: 1em;
}
.fileDownloadShortBottom {
	margin-bottom: 0.3em;
}
	
/* Lists
*****************************************************************/

ul {
	margin:0pt 0pt 1em;
	padding-left:3em;
}
ol {
	margin:0pt 0pt 1em;
	padding-left:3em;
}
li {
	
}

/* Misc forms (non formbuilder)
*****************************************************************/

label {
	font-weight: bold;
}
.filter {
	background: #f6f6f6;
	padding: 10px;
	margin: -5px 0 1.5em 0;
}
.filter select {
	margin-right: 10px;
}

/* PHPList
*****************************************************************/

.phplist form {
	margin:  1em 0;
	}
	.phplist form ul, .phplist form li {
		list-style: none;
		padding: 0;
		}
.phplist #contentFullW h1 {
	width: auto;
	font-weight:bold;
	line-height:1.2;
	margin:0 0 0.6em;
	height: auto;
	font-size: 1.5em;
	background: none;
	padding: 0;
}
.phplist .required {
	color: #ff0000;
}

/* Pagination
*****************************************************************/

.pagination { /* simple float clearing */
	_height:1%;
	overflow:auto;
}
.pagination .nav {
	float:right;
	text-align:right;
}
.pagination .prevBtn, .pagination .prevBtnInactive {
	background:transparent url(../img/pagination_arrow_prev.gif) no-repeat left center;
	display:inline;
	margin-right:10px;
}
.pagination .prevBtnInactive {
	background:transparent url(../img/pagination_arrow_prev_inact.gif) no-repeat left center;
	color: #888;
}
.pagination .nextBtn, .pagination .nextBtnInactive {
	background:transparent url(../img/pagination_arrow_next.gif) no-repeat right center;
	display:inline;
	margin-left:10px;
}
.pagination .nextBtnInactive {
	background:transparent url(../img/pagination_arrow_next_inact.gif) no-repeat right center;
	color: #888;
}
.pagination .nextBtnInactive span, .pagination .nextBtn a {
	margin-right:12px;
}
.pagination .prevBtnInactive span, .pagination .prevBtn a {
	margin-left:12px;
}
p.paginationError {
	background-color:#FFFFCF;
	padding:15px;
}

/* Audioplayer
*****************************************************************/

.audioplayer {
	margin-bottom: 1em;
}
.audioplayerTitle {
	margin-bottom: 0.5em;
}

/* Email a friend
*****************************************************************/

#emailFriendToggler {
	background:transparent url(../img/email_icon.gif) no-repeat left top;
	font-weight: bold;
	height: 22px;
	padding-left: 35px;
}

/* Image gallery
*****************************************************************/

ul.imageGallery, ul.imageGallery li{
	margin:0;
	padding:0;
	list-style:none;
	_height:1%;
	overflow:auto;
	}
ul.imageGallery{
	
	}			
	ul.imageGallery li {
		background: #F6F6F6;
		display:block;
		float:left;
		height:183px;
		margin:0 10px 10px 0;
		text-align:center;
		width:183px;
		}
		ul.imageGallery a {
			background: none;
			text-decoration: none;
			}
		ul.imageGallery li img {
			display:inline;
		}