/* -----------------------------------------------------------------------


Dance8 specific CSS to add to blueprint

----------------------------------------------------------------------- */
body { font-family:Tahoma, Geneva, sans-serif; color:#FFF; font-size:1em; background: #000;}
.main { background: #000; }
.footer { background:#000; margin:1em auto; text-align:left; padding-top:3em; border-top:1px solid #7D00A7; }
.left, .right { padding:30px 10px; }
.menus { padding:5px 0; background-color:#000; }
h2, h3, h4 { color:#9E65FB; font-weight:bold; }
.advert { text-align:center; background-color:#000; font-size:0.9em;}
.advert h2 { font-size:1.2em; color:#FFF; font-weight:bold; }
.advert a:link, .advert a:visited { color:#FFF; }
.advert a:hover { color:#FC9; }
.advert p { color:#FFF; text-align:justify;}
.first { font-size:1.1em;}
caption { background-color:#9E65FB; }
.logos { margin: 1em auto 0em; }
.logos img { padding: 0.5em; } 
strong { color:#9E65FB; }
.events h3 { border-top:1px solid #969; }
.events p { padding-left:2em; } 
img .left {float:left; margin-right:0.5em; }
table {font-size:0.9em; vertical-align:top; }
tr .alt, .alt td { background-color:#333; }
td { vertical-align:top;  background-color:#666;}
img.left { margin-top:0.5em !important; }
/* Spry amendment */
ul.MenuBarHorizontal {
 margin: auto;
}
a:link, a:visited { color:#FFF; }
a:hover { color:#9E65FB; }

.button {
	width:250px;
	height: 200px;
	background: url('/images/buttonUp.png') no-repeat top center; 
	color:#003;
	text-align:center;
	padding-top:4em;
}
/* right hand col */
.right ul { list-style:none; }
.right ul, .right ul li { margin-left:0; padding-left:0; list-style:url(/images/bullet.gif)}
.right ul a.current { text-decoration:none; color:#96C}
.right h2 { color: #FFF;}
/* 
http://www.456bereastreet.com/archive/200506/customising_custom_corners_and_borders/
*/
/* home page rounded box 
requires box.png and borders.png
box is the WHOLE box including rounded corners
borders is simply left and right borders butted up into single thin image
*/

/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#7D00A7;
}
.cbb h2 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#7D00A7;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
/* Top corners and border */
.bt {
	height:23px;
	margin:0 0 0 23px;
	background:url(/images/box.png) no-repeat 100% 0;
}
/* top left corner */
.bt div {
	position:relative;
	left:-23px;
	width:23px;
	height:23px;
	background:url(/images/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

/* Bottom corners and border */
.bb {
	height:23px;
	margin:0 0 0 23px;
	background:url(/images/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-23px;
	width:23px;
	height:23px;
	background:url(/images/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(/images/borders.png) repeat-y 0 0 #7D00A7;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(/images/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#7D00A7;
	padding-bottom:50px; 
	background:url('/images/advert.gif') bottom center repeat-x; 
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */