/*  
Site Name: 
Site URI: 
Description: 
Version:
Author: 	
Author URI: 
*/

/*  =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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	
margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
table, tbody, tfoot, thead, tr, th, td {
	vertical-align: top;
}
body {
	line-height: 1.3;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*  =GLOBAL ELEMENTS
-------------------------------------------------------------- */

body {
	font-family:tahoma,verdana,sans-serif;
	font-size: 80%;
	color:#333;
	margin:0px;
}
a:link {
	color: #c31711;
}
a:visited {
	color: #c31711;
}
a:hover, a:active {
	color: #fff;
	text-decoration: none;
}
a img {
	border:none;
}
a:hover img {
}
ol {
	list-style-type:none;
}
ul {
	list-style-type:none;
}
li {
	margin:0;
}
p {
	margin:10px 0;
}
blockquote {
}
pre {
}
address {
}
del {
}
h1, h2, h3, h4 {
	margin:0 0 10px 0;
	padding:5px 0;
	line-height:1.3;
}
h1 {
	color:#c31812;
	font-size:24px;
}
h2 {
	color:#c31812;
	font-size:20px;
}
h3 {
	color:#c31812;
	font-size:18px;
}
h4 {
	color:#c31812;
	font-size:15px;
padding:0;
margin:0;
}
img.clsleft {
	margin-right:20px;
	margin-bottom:15px;
	float:left;
}
img.clsmiddle {
	margin-right:20px;
	margin-left:20px;
	margin-bottom:15px;
}
img.clsright {
	margin-left:20px;
	margin-bottom:15px;
	float:right;
}
img.clsborderleft {
	border:1px solid #c31611;
	padding:4px;
	margin-right:20px;
	margin-bottom:15px;
	float:left;
}
img.clsbordermiddle {
	border:1px solid #c31611;
	padding:4px;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:15px;
}
img.clsborderright {
	border:1px solid #c31611;
	padding:4px;
	margin-left:20px;
	margin-bottom:15px;
	float:right;
}
.datatable {
	border-top:1px solid #000;
}
.datatable th {
}
.datatable td {
	border-bottom:1px solid #000;
	padding:8px 4px;
}
.notes {
	font-size:0.9em;
}
.shout {
	font-size:1.2em;
}
.shout2 {
	font-size:1.2em;
}
.submit, .reset {
	cursor:pointer;
	outline:none;
	border:none;
	width:90px ;
	color:#fff;
	padding:5px;
margin:5px 0;
	background:#000;
}
.reset {
	background:#333;
}
.quote, blockquote {
background: none repeat scroll 0 0 #CB2222;
    color: #FFFFFF;
    font-size: 1.2em;
    font-weight: bold;
margin:5px 0;
    padding: 5px;
}
.caption {
	float:right;
	width:220px;
	padding:15px;
	margin:0 0 0 25px;
}
.custom1 {
}
.custom2 {
}
.border {
	border:1px solid #c31611;
	padding:4px;
}
.noborder {
	border:0;
}
.clear {
	clear:both;
}
#wrap{
	width:960px;
	padding:0;
	margin:0 auto;
}

/*  =MENU
-------------------------------------------------------------- */
#menu {
	z-index:80;
	position:relative;
	background:none;
	height:34px;
}
#menu ul {
   padding:0 !important;
   list-style:none;
   margin:0;
   position:relative;
   z-index:80;
}
#menu ul li {
	padding:0 !important;
	margin:0 !important;
	min-height:0 !important;
	float:left;
	position:relative;
	z-index:80;
}
#menu ul li a {
	color:#fff;
	font-size:14px;
	margin:0;
	padding:0 15px;
	line-height:34px;
	height:34px;
	text-decoration:none;
	display:block
}
#menu ul li a:hover, #menu ul li a#active {
}
#menu ul li:hover {

}
#menu ul li.nav_parent a{
}
#menu ul li ul{
	display:none;
	width:150px;
	background:#c31611;
	position:absolute;
	left:15px;
	top:33px;
}
#menu ul li:hover ul{
	display:block;
}
#menu ul li ul li{
	float:none;
	border:none;
}
#menu ul li ul li a{
	background:none !important;
}

/*  =PAGECONTENT
-------------------------------------------------------------- */
#head{
	overflow:hidden;
	font-size:20px;
	padding:0;
	clear:both;
}
#logo{
	margin:15px 0 0;
	display:block;
	height:89px;
	float:left;
	padding:0px;
	border:none;
	width:249px;
	overflow:hidden;
}
#call{	
	float:right;
	width:200px;
	text-align:center;
	padding:30px 100px 0 0;
	font-size:24px;
}
#strapline{
	clear:both;
	margin:19px 0;
	font-size:14px;
}
#buttons{
	background:url(bannerbk.jpg) no-repeat left top;
	margin:25px 0 0;
	height:235px;
}
#buttons a{
	display: block;
    float: left;
    height: 216px;
    margin: 10px 0 0 21px;
    overflow: hidden;
    text-indent: -9999px;
    width: 163px;
}
#contentwrap{
	border:solid 1px #c31812;
	margin:10px 0;
display:block;
padding:5px 0;
}

#content {
	padding:10px ;
display:block;
	background:#fff;
	margin:0 auto;
width:928px;
	color:#333;
}
#content ul{
	padding:0 0 0 10px;
list-style-type:disc;
}
#content ul li{
	padding:0;
	margin:10px 0;
}
#content p {
	margin:0 0 10px 0;
}
#content ul{
	padding:0 0 0 30px;
}
#content ul li{
	padding:0 0 10px 0;
}

/*  =FOOTER
-------------------------------------------------------------- */
#footwrap{
	background:url(footbk.jpg) no-repeat center top;
	height:188px;
}
#footer {
	overflow:hidden;
	color:#fff;
	margin:0 auto;
	width:960px;
	padding:10px 0 ;
}
#twitter{
	float:left;
	margin:50px 0 0 10px;
	width:100px;
	display:block;
}
#facebook{
	float:left;
	margin:40px 0 0 10px;
	width:100px;
	display:block;
}
#footer .copy {
	padding:0;
	color:#ccc;
	padding:50px 0 0;
	text-align:right;
	float:right;
	width:350px;
}
#linkbk, #linkbk a {
	font-size:10px;
	padding:0;
	color:#ccc;
	font-size:10px;
}
#linkbk a {
	float:none;
	margin:0px;
	padding:0;
}
.errors, .error{
	background-color: #FF3333;
	padding:5px;
	border:solid 1px #990000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	display:block;
	margin:10px 0;
	clear:both;
}
.errorField{
	background: url(error.png) no-repeat 99% 2px #990000 !important;
	color:#fff;
}
.completedField{
	background: url(tick.png) no-repeat 99% 2px #b5dda0 !important;
	color:#000;
}
.reset, .submit{
	width:100px;
	text-align:center;
	padding:5px;
}

#buttons{display:none;}
#page1 #buttons{display:block;}

#times tr{padding:10px 5px !important;display:block;}
#times tr td{border-bottom:solid 1px #c31812 !important;}
#times .day{color:#c31812;font-size:20px;font-weight:bold;width:200px;padding:10px;}
#times .info{border-left:dotted 1px #c31812 !important ;padding:10px;width:800px;}
#times tr#top{color:#c31812;font-size:18px;font-weight:bold;}
#times tr#top #days{border:solid 1px #c31812;border-right:none;padding:10px !important; width:200px}
#times tr#top #lessons{border:solid 1px #c31812;border-right:none;border-left:none;padding:10px !important;width:300px }
#times tr#top #private{border:solid 1px #c31812;border-left:none;padding:10px !important; width:400px}

.datatable {
    border: 1px solid #C6C6C6;
}
.datatable th {
    background: none repeat scroll 0 0 #CB2222;
    border: 1px solid white;
    color: white;
    font-weight: bold;
    padding: 4px;
}
.datatable td {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid white;
    padding: 4px;
}
.datatable p {
    margin: 0;
    padding: 0;
}

#lightbox{ position:absolute; top:40px; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox a img{ border:none; }
#outerImageContainer{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#imageContainer{ padding:10px; }
#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%; height:100%; background:transparent url(http://server20.sitewizard.co.uk/sites/rubiesdancenew/template/blank.gif) no-repeat; /* Trick IE into showing hover */ display:block; }
#prevLink { left:0; float:left;}
#nextLink { right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background:url(http://server20.sitewizard.co.uk/sites/rubiesdancenew/template/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url(http://server20.sitewizard.co.uk/sites/rubiesdancenew/template/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails{ width:70%; float:left; text-align:left; }	
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em;	}			
#imageData #bottomNavClose{ width:66px; float:right;  padding-bottom:0.7em;	}	 	
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } 
.clearfix:after { content:".";  display:block;  height:0;  clear:both;  visibility:hidden; }
* html>body .clearfix { display:inline-block;  width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }

.bluelinks a { color: blue }