/* CSS Document */

		body
		{
			margin: 0;
			padding: 0;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: x-small;
			background-color: #000000;
			background-image:url(../images/bar.gif);
			text-align: center;
		}	
		
		.clear-both
		{
			clear: both;
			height: 1px;
			overflow: hidden;
		}
		
		.expand
		{
			width: 100%;
			/* makes the box expand so it contains the floats */
			overflow: hidden;
		}
	
		#page-container
		{
			padding: 0em;
			width: 760px;
			margin: 0 auto;
		}
		
		a:link, a:visited 
{
color: #009899;
font-weight: bold;
}

a:hover, a:active
{
color: #013334;
}

* { behavior: url(../iepngfix.htc)}
	
/* ---------------------------------------------------------------------------------------------------- Start: Min width for both IE & Complient Browsers */
		
		/* Give the min-width property
			to complient browsers */
		#page-container[id]
		{
			min-width: 76.0em;
		}
		
		* html .min-width
		{
			padding-left: 76.0em;
		}
		
		* html .min-container
		{
			position: relative;
			margin-left: -76.0em;
		}
		
		/* Hide from IE Mac \*/
		* html .min-width,
		* html .min-container,
		* html .min-keep-padding
		{
			height: 1px;
		}
		/* End hide from IE Mac */
		
/* ---------------------------------------------------------------------------------------------------- End:   min width for both IE & Complient Browsers */

/* ---------------------------------------------------------------------------------------------------- Header */

		#header
		{
			margin: 0;
			height: 130px;
			text-align: center;
			color: #000000;
			background: #ffffff;
		}

/* ---------------------------------------------------------------------------------------------------- Menu */

		#menu
		{
			margin: 0;
			background: #000000;
			
		}
		
		#menu ul
		{
			margin: 0;
			padding: 0;
			list-style: none;
			float: right;
			text-align: left;
		}
		
		#menu ul li
		{
			float: left;
		}
		
		#menu ul li a:link, #menu ul li a:visited
		{
			display: inline;		/* Gets rid of IE double maring bug (gets overriden by the "float: left" so actaully does nothing visually really) */			float: left;
			text-decoration: none;
			height: 1.65em;
			width: 8em;
			padding-top: 4.75em;
		}
		
		#menu-home a:link, #menu-home a:visited{
			text-decoration: none;
			color: #fff;
			background: #000000;
			}
			
		#menu-home a:hover
		{
			color: #fff;
			font-weight:bold;
		}
		
		#menu-biography a:link, #menu-biography a:visited{
			text-decoration: none;
			color: #fff;
			background: #013334;
			}
			
		#menu-biography a:hover
		{
			color: #fff;
			background: #000000;
			font-weight:bold;
		}
		
		#menu-dancers a:link, #menu-dancers a:visited{
			text-decoration: none;
			color: #fff;
			background: #006665;
			}
			
		#menu-dancers a:hover
		{
			color: #fff;
			background: #000000;
			font-weight:bold;
		}
		
		#menu-classes a:link, #menu-classes a:visited{
			text-decoration: none;
			color: #fff;
			background: #009899;
			}
			
		#menu-classes a:hover
		{
			color: #fff;
			background: #000000;
			font-weight:bold;
		}
		
		#menu-news a:link, #menu-news a:visited{
			text-decoration: none;
			color: #fff;
			background: #00CCCB;
			}
			
		#menu-news a:hover
		{
			color: #fff;
			background: #000000;
			font-weight:bold;
		}
		
		#menu-media a:link, #menu-media a:visited{
			text-decoration: none;
			color: #fff;
			background: #65CCCB;
			}
			
		#menu-media a:hover
		{
			color: #fff;
			background: #000000;
			font-weight:bold;
		}
		
		#menu-bookings a:link, #menu-bookings a:visited{
			text-decoration: none;
			color: #fff;
			background: #67999A;
			}
			
		#menu-bookings a:hover
		{
			color: #fff;
			background: #000000;
			font-weight:bold;
		}
		
		#menu-contactus a:link, #menu-contactus a:visited{
			text-decoration: none;
			color: #fff;
			background: #329998;
			}
			
		#menu-contactus a:hover
		{
			color: #fff;
			background: #000000;
			font-weight:bold;
		}

/* ---------------------------------------------------------------------------------------------------- Left Column */		

		#left-column
		{
			z-index: 1;
			position: relative;
			float: left;
			width: 20.0em;
			margin: 0 0 0 -20.0em;
			color: #ffffff;
		}
		
		#left-column-padding
		{
			height: 1%;
			padding: 0em;
		}
		
		#left-column p
		{
			margin: 0;
		}
		
		#left-column-content {
		margin: 0;
		padding: .5em 0 .5em .5em;
		background: #ffffff;
		}

/* ---------------------------------------------------------------------------------------------------- Right Column */				

		#right-column
		{
			z-index: 1;
			position: relative;
			float: right;
			width: 20.0em;
			margin: 0 -20.0em 0 0;
			color: #ffffff;
		}
		
		#right-column-padding
		{
			height: 1%;
			padding: .5em;
		}
		
		#right-column p
		{
			margin: 0;
		}

		#right-column-content {
		margin: 0;
		padding: 0;
		background-image:url(../images/trans_bg.png);
		}
/* ---------------------------------------------------------------------------------------------------- Content Container */	
	
		#content-container
		{
		text-align: left;
		}
		
		/* IE WIN FIX FOR FLOAT PROBLEM \*/
		* html #content-container
		{
			position: relative;
		}
		/* End Hide from IE MAC */		
		
		#right-colour
		{
			background: #0F0F0F;
		}
		
		#left-colour
		{
			margin: 0 20.0em 0 0;
			background: #000000;			
			background-image:url(../images/bar.gif);
		}
		
		#middle-colour
		{
			margin: 0 0 0 20.0em;
			background: #ffffff;
		}
		
		/* IE WIN FIX FOR FLOAT PROBLEM \*/
		* html #middle-colour
		{
			position: relative;
			height: 1%;
		}
		/* End Hide from IE MAC */
		
		
/* ---------------------------------------------------------------------------------------------------- Body Copy */
		
		#body-copy
		{ 
		padding: .5em;
			color: #333;
		}
		
		/* IE WIN FIX FOR FLOAT PROBLEM \*/
		* html #body-copy
		{
			position: relative;
			height: 1%;
			overflow: visible;
		}
		/* End Hide from IE MAC */
		
		#body-copy h1
		{
			margin: 0;
			padding: 0;
			font-size: 130%;
		}
		
		#body-copy .colourful
		{
			padding: 1.0em;
			margin: .7em 0 0 0;
			border: 1px solid #cccccc;
			background-image:url(../images/newsitem_bg.jpg);
			background-repeat: repeat-x;
		}
		
		#body-copy .colourful2
		{
			padding: 1.0em;
			margin: 0;
			border: 1px solid #cccccc;
			background-image:url(../images/newsitem_bg.jpg);
			background-repeat: repeat-x;
		}
		
		
		#body-copy .colourful p
		{
			margin: 0 0 1em 0;
		}
		
	
		#body-copy .image
		{
			display: inline;
			float: left;
			margin: 0 1.0em 0 0;
			width: 8.0em;
			height: 8.0em;
			border: 1px solid #cccccc;
			text-align: center;
			line-height: 9.5em;
			color: #f26522;
			background: #ffffff;
		}


		
		
		/* ----------- FOOTER START -------------*/
		
		#footer
		{
			margin: 0 0 0 0;
			height: 4.0em;
			text-align: left;
			color: #ffffff;
			background: #000000;
			width: 76em;
			margin: 0 auto;
		}
		
#footer ul
{
padding: 0;
margin-top: 1em;
}

#footer li{
font-size:.9em;
display: inline;
}

#footer a:link, #footer a:visited {
	text-decoration:underline;
	color:#FFFFFF
}

#footer a:hover, #footer a:active {
	color:#3399CC
}

/* ----------- FOOTER END -------------*/

/* ----------- SUBSCRIBE BOX START-------------*/
#subscribe-box {
margin: 0 0 .5em 0;
padding: .5em 0 0 0;
text-align: left;
background: #2A002A;
}

.textbox {
color: #ffffff;
margin: .3em 0 .3em 1em;
padding: .3em;
font-size: .9em;
border: .03em solid #333333;
background: #180419;
width: 18.7em;
}

.submit-button {
font-size:.9em;
margin: 0 1em 1em 0;
}

form {
margin: 0;
padding: 0;
}

.subscribe-table {
margin: 0;
padding: 0;
}

/* ----------- SUBSCRIBE BOX END-------------*/
/* ----------- DANCE CLASS BOX START-------------*/
#dance-classes {
background-image:url(../images/danceclass_bg.jpg);
background-repeat: no-repeat;
height: 13.2em;
margin: 0 0 .5em 0;
}

#dance-classes-container {
text-align: right;
padding: 7em 1em 0 0;
}

.big-link {
font-size: 1.5em;
font-weight: bold;
}

.small-text {
color: #000000;
font-size: .7em;
}

#dance-classes a:link, #dance-classes a:visited{
			text-decoration: none;
			color: #2A002A;
			}
			
		#dance-classes a:hover
		{
			color: #fff;
		}
/* ----------- DANCE CLASS BOX END-------------*/

/* ----------- HEADERS START-------------*/
.black-box-header ul
		{
		margin: 0 0 0 0;
		padding: .5em 0 .5em .7em;
		list-style: none;
		font-size: .9em;
		font-weight: bold;
		background: #000000;
		}
		
		.black-box-header li
		{
		background: #000000;
		display:inline;
		}
		
		.main-header-home {
		font-size: 1.5em;
		font-weight: bold;
background: #000000;
color: #ffffff;
padding: .3em;
margin: .3em 0 .3em 0;
}

.main-header {
font-size: 1.5em;
background: #000000;
color: #ffffff;
padding: .3em;
margin: 0 0 0 0;
}

.main-header2 {
font-size: 1.5em;
color: #013334;
margin: 0 0 0 0;
}

.question {
font-weight:bold;
color: #013334;
}


.subheader {
margin: 0 0 0 .5em 0;
padding:0;
font-weight: bold;
font-size: 1.0em;
}

.subheader a:link, .subheader a:visited {
margin: 0 0 0 0;
text-decoration: none;
font-weight: bold;
font-size: 1.0em;
color:#2A002A;
}

.subheader a:hover, .subheader a:active {
margin: 0 0 0 0;
text-decoration: none;
font-weight: bold;
font-size: 1.0em;
color: #013334;
}

.news-item-header {
color: #ffffff;
font-weight: bold;
margin: 0 0 .3em 0;
}

.header2 {
font-weight: bold;
font-size: 1.3em;
}

.header-day {
color: #ffffff;
font-weight: bold;
background-color: #333333;
padding: .3em;
margin: 0 0 .3em 0;
}

/* ----------- HEADERS END-------------*/

.custom-box {
padding: .5em;
}

.custom-box p {
padding: .5em 0 .7em 0;
}

.custom-box-left {
padding: 0;
margin: .5em 0 0 0;
}

.custom-box-left p {
padding: .5em 0 .7em 0;
}

.purple-box{
background-image:url(../images/purple_box2.png);
background-repeat: repeat-x;
height: 1%;
padding: .5em;
}

.grey-box {
background-color:#333333;
padding: .5em;
}

.darkpurple-box {
background-color:#180419;
padding: 0;
padding: .5em;
}
/* ----------- LATEST NEWS START -------------*/
#latest-news ul {
margin:0;
padding:0;
list-style-type: none;
color: #CCCCCC;
}

#latest-news li {
background-image:url(../images/purple_box2.png);
background-repeat: repeat-x;
margin: .5em 0 0 0;
height: 1%;
padding: .5em;
}

.news-item {
}
/* ----------- LATEST NEWS END -------------*/

/* ----------- BIO PAGE START -------------*/

.white-text-extract {
font-size: 1.2em;
font-style: italic;
color:#2A002A;
}

#profile-menu select {
margin: 0 0 1em 0;
font-size: 1em;
width: 16em;
}

ul.column-list {
margin:0;
padding: .7em .5em .5em 2.5em;
list-style-type:square;
color: #cccccc;
}

ul.column-list li {
margin: 0 0 1em 0;
}


/* ----------- BIO PAGE END -------------*/

/* ----------- CONTACTUS START -------------*/


.bold {
font-weight:bold;
}

#contact-form select {
margin: 0 0 .5em 0;
padding: 0;
width: 15em;
}

textarea {
width: 15em;
}
/* ----------- CONTACTUS END -------------*/
/* ----------- CLASSES START -------------*/
#class-timetable {
margin: 0 0 2em 0;
}

/* ----------- CLASSES END -------------*/
/* ----------- profiles START -------------*/
.profile-pic
		
		{
			padding: 0em;
			margin: .7em 0 0 0;
			background-repeat: repeat-x;
		}
		
		
.details {
color: #ffffff;
vertical-align: top;
padding: 1em;
}
		

/* ----------- profiles END -------------*/