/* General Markup */
* {margin: 0; padding: 0;}
body
{
font-family:arial,sans-serif;
font-size:13px;
font-weight:normal;
color:#333333;
line-height:130%;
background-image:url('../images/background-grey-stripe.png');
background-repeat: repeat-x;
margin: 0px;
margin-top: 5px;
}
p{
font-size:14px;
}
p.strapline{
font-family:arial,sans-serif;
font-size:16px;
color:white;
}
h2.fp{
display: inline;
font-family: arial,sans-serif;
font-size:13px;
}
h2.fppic{
display: inline;
font-family: arial,sans-serif;
font-size:13px;
padding-top: 50px;
}

div.fp1
{
background:url(../images/fp-pic1.jpg) no-repeat top right;
width: 160px;
height: 160px;
float:left;
vertical-align:text-bottom;
}
div.fp2
{
background:url(../images/fp-pic2.jpg) no-repeat top right;
width: 160px;
height: 160px;
float:left;
}
div.fp3
{
background:url(../images/fp-pic3.jpg) no-repeat top right;
width: 160px;
height: 160px;
float:left;
}

a.text-pic
{
background-repeat: no-repeat;  
float:left; 
text-align:center; 
text-decoration: none; 
font-size: 18px; 
color:white; 
padding-top:130px; 
padding-bottom:0px; 
border:25px;
}
.fp-pictures{background-color:transparent;
margin: 0 auto;
border: 0px solid #12daff;
padding: 0px;
height: 160px;
overflow: hidden;
}
.three-pictures{background-color:transparent;
margin: 0 auto;
border: 0px solid #12daff;
padding: 0px;
height: 160px;
overflow: hidden;
}
a.fp-pic1
{
background-image:url(../images/fp-pic1.jpg);
height:160px;
width:160px;
padding-top:130px;
}
a.fp-pic2
{
background-image:url(../images/fp-pic2.jpg);
height:160px;
width:160px;
padding-top:130px;
}
a.fp-pic3
{
background-image:url(../images/fp-pic3.jpg);
height:160px;
width:160px;
padding-top:130px;
 
}
a.fp-pic4
{
background-image:url(../images/fp-header.png);
height:175px;
width:540px;
text-align:left;
text-indent:8px;
padding-top:110px;
font-size: 20px;
}
a.fp-pic5
{
background-image:url(../images/dm-header.png);
height:175px;
width:540px;
text-align:left;
text-indent:8px;
padding-top:45px;
font-size: 20px;
color:black;
}

h1{
font-family:arial,sans-serif;
font-size:16px;
color:white;
}
h1.small{
color:white;
}
h1.title{
font-size:16px;
color:black;
line-height: 130%;
}
h1.dd{
font-size:18px;
color:#ff007a;
font-weight: strong;
display: inline;
line-height: 130%;
}
h1.dw{
font-size:44px;
color:#ff007a;
font-weight: strong;
display: inline;
line-height: 130%;
}
h1.dm{
font-size:18px;
color:#000000;
display: inline;
line-height: 130%;
}
h2.pink{
color:#ff007a;
font-size:16px;
}
h2.title-pink{
background:url("images/dance-workshops.png") top left repeat-x;
font-size: 18px;
color:#ff007a;
}
h2.dw{
font-size:44px;
color:#ff007a;
font-weight: strong;
display: inline;
line-height: 130%;
}
h2.black{
font-size: 14px;
color:black;
}
h2.light{
font-weight: normal;
line-height: 130%;

}
img.pic2
{
padding-left: 25px;
padding-right: 25px;
}

img.side
{
border: 0px;
}

img.post {
text-align:center;
padding: 1px;
border:none;
margin:none;
} 
img.floatleft { 
float: left; 
margin: 4px; 
}
img.floatright { 
float: right; 
margin: 4px; 
}
img.frame {
border:1px solid #c0c0c0;
margin:4px;
}
p.center{ /*use for paragraphs*/
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
} 
.text3{
font-family:arial,sans-serif;font-size:13px;font-weight:normal;color:#333333;line-height:140%
}
p.fp {
color: black;
}
ul.main {
margin-left:15px;
list-style-type:square;
font-size:.16px;
font-family:arial,sans-serif;
color:black;
}
a:link {}
a:visited {}
a:hover {color:#ff3298;cursor: pointer;}   /* mouse over link */
a:active {}

a.fp:link {text-decoration: none;font-size:14px; color: black;}
a.fp:visited {text-decoration: none;font-size:14px;}
a.fp:hover {color:#ff3298!important;text-decoration: none;font-size:14px;}   /* mouse over link */
a.fp:active {color:#ff3298!important;text-decoration: none;font-size:14px;}

a.plain:link {color:black!important;font-size:16px;background-color:white;}
a.plain:visited {color:black!important;font-size:16px;background-color:white;}
a.plain:hover {color:#ff3298!important;font-size:16px;background-color:white;} 
a.plain:active {color:#ff3298!important;font-size:16px;background-color:white;}

a.top:link {color:silver!important;font-size:12px;font-family:arial,sans-serif; text-decoration: none;}    /* unvisited link */
a.top:visited {color:silver!important;font-size:12px;font-family:arial,sans-serif; text-decoration: none} /* visited link */
a.top:hover {color:black!important;font-size:12px;font-family:arial,sans-serif; background-color:white; cursor: pointer; text-decoration: none}   /* mouse over link */
a.top:active {color:silver!important;font-size:12px;font-family:arial,sans-serif;text-decoration: none}  /* selected link */

a.sub:link {color:black!important;font-size:13px;font-family:arial;text-decoration: none}    /* unvisited link */
a.sub:visited {color:black!important;font-size:13px;font-family:arial;text-decoration: none} /* visited link */
a.sub:hover {color:#ff3298!important;font-size:13px;font-family:arial;background-color:black;cursor: pointer;text-decoration: none}   /* mouse over link */
a.sub:active {color:#ff3298!important;font-size:13px;font-family:arial;background-color:black;text-decoration: none;}  /* selected link */

a.selected:link {color:black!important;font-size:13px;font-family:arial;}    /* unvisited link */
a.selected:visited {color:black!important;font-size:13px;font-family:arial;} /* visited link */
a.selected:hover {color:#ff3298!important;font-size:13px;font-family:arial;background-color:black;cursor: pointer;}   /* mouse over link */
a.selected:active {color:#ff3298!important;font-size:13px;font-family:arial;background-color:black;}  /* selected link */

.heading{background-color:transparent;
position: absolute;
right: 2%;
top: 5px;
width: 330px;
height: 10px;
z-index:1;
visibility:visible !important;
overflow:none;
border: 0px solid black;
}
span.highlight
{
color:#ff007a;/*pink*/
font-weight: bold;
}	

/* Generic throughout */

.top-menu{background-color:transparent;
position: absolute;
right: 25px;
top: 5px;
width: auto;
height: 20px;
z-index:1;
visibility:visible !important;
overflow:none;
border: 0px solid black;
}
.sub-menu{background-color:transparent;
position: absolute;
left: 2px;
top: -20px;
width: 906px;
height: 10px;
z-index:-1;
visibility:visible !important;
overflow:none;
border: 1px solid red;
}
.logo{background-color:transparent;
position: absolute;
left: 5%;
top: 15px;
z-index:1;
visibility:visible !important;
overflow:none;
border: 0px solid black;
}
.brand{background-color:transparent;
position: absolute;
left: 25px;
top: 10px;
z-index:1;
visibility:visible !important;
overflow:none;
padding: none;
border:none;
}
.banner{background-color:transparent;
width: 930px;
height: 85px;
visibility:visible !important;
overflow:hidden;
border: 0px solid black;
padding:0px;
margin: 0px;
}

.spacer{background-color:transparent;
width: 920px;
height: 82px;
z-index:-1;
visibility:visible !important;
padding:0px;
margin: 0 auto;
overflow:hidden;
border: 0px solid #12daff;
}
.container{background-color:transparent;
margin-left:50%;
margin-right:50%;
width: 930px;
height: auto;
z-index:-1;
visibility:visible !important;
margin: 0 auto;
overflow:hidden;
border: 0px solid #12daff;
}

/* Frontpage only */

/*titles*/
   #title-pink {
      margin:0; padding:0;
      position:relative;
      width:240px; height:30px;
      overflow:hidden;
      }
   #title-pink span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:240px; height:30px;
      margin:0; padding:0;
      background:url("images/dancing_maths_logo.png") top left no-repeat;
      }
/*eof titles*/

img.titles{
border: 0px solid black;
}
.title1{background-color:transparent;
/*background-image:url('../images/dancing_digits_logo.png');*/
float:left;
margin-left:3px;
width: 290px;
height: 60px;
z-index:-1;
visibility:visible !important;
overflow:hidden;
border: 0px solid black;
}
.box1{background-color:white;
float:left;
width: 288px;
height: 450px;
z-index:-1;*/
visibility:visible !important;
overflow:hidden;
margin-right:10px;
padding:5px;
padding-top:5px;
border: 1px solid #ff3298;
border-top-width:20px;
border-bottom-width:15px;
border-bottom-color:black;
}
.box2{background-color:white;
float:left;
width: 288px;
height: 450px;
z-index:-1;
visibility:visible !important;
overflow:hidden;
padding:5px;
padding-top:5px;
border: 1px solid #12daff;
border-top-width:20px;
border-bottom-width:15px;
border-bottom-color:black;
}
.title2{background-color:transparent;
/*background-image:url('../images/dance-workshops.png');*/
float:left;
margin-left:5px;
width: 269px;
height: 43px;
z-index:-1;
visibility:visible !important;
overflow:none;
border: 0px solid black;
}

.box3{background-color:white;
float:left;
width: 288px;
height: 450px;
z-index:-1;
visibility:visible !important;
overflow:none;
margin-left:10px;
padding:5px;
padding-top:5px;
border: 1px solid #ff6a19;
border-top-width:20px;
border-bottom-width:15px;
border-bottom-color:black;
}
.title3{background-color:transparent;
/*background-image:url('../images/dance-events-title.png');*/
float:left;
margin-left:5px;
width: 266px;
height: 37px;
z-index:-1;
visibility:visible !important;
overflow:none;
border: 0px solid black;
}
/* The three themes */
/* PINK */
.pink-tab{background-color:#ff3298;
height: 20px;
z-index:-1;
visibility:visible !important;
overflow:none;
margin: none;
padding: none;
border: 0px solid red;
}
.footer{background-color:silver;
height: 20px;
z-index:-1;
visibility:visible !important;
overflow:none;
margin: none;
padding: none;
border: 0px solid red;
}
.pink-box{background-color:white;
float:left;
width: 908px;
min-height: 450px;
z-index:-1;
visibility:visible !important;
overflow:none;
margin-right:10px;
padding:5px;
padding-top:5px;
border: none;
border-top-width:0px;
border-bottom-width:15px;
border-bottom-color:black;
}
/* Table Styling */
#workshops
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:98%;
margin-left:1%;
border-collapse:collapse;
}
#workshops td, #workshops th 
{
font-size:1em;
border:1px solid #de264c; /* table outline slightly darker than header background*/
padding:3px 7px 2px 7px;
}
#workshops th 
{
font-size:1.2em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#f0788c;/*header background*/
color:#fff; /*Header text*/
}
#workshops tr.alt td 
{
color:#000;
background-color:#f6b1c3; /*alternate rows off white*/
}
/*new stuff layout */
div.content-box {
margin-top:5px;
padding:8px;
padding-bottom:10px;
overflow:hidden;
}
div.content-box-lg {
width:540px;
float:left;
}
div.content-box-lg2 {
width:540px;
float:left;
padding-top:10px;
}
div.content-box-sm {
float:right;
width:160px;
padding-top:10px;
}
div.content-box-menu {
float:left;
width:160px;
padding-right:20px;
padding-top:10px;
}
div.img-box {
float:left;
padding: 6px;
}

	dl { width: 160px; }
	dl,dd { margin: 0; }
	dt { 
	background-image:url('../images/menu.png');
	background-repeat:no-repeat;
	height:30px;
	border:1px solid #c0c0c0;
	font-size: 16px;
	padding-top: 5px;
	margin: 2px;
	border: 0px solid #ff3298;
	border-bottom-width:1px;
	}
	de { 
	background-image:url('../images/menu.png');
	background-repeat:no-repeat;
	height:30px;
	border:1px solid #c0c0c0;
	font-size: 16px;
	padding-top: 5px;
	margin: 2px;
	border: 0px solid #ff3298;
	border-bottom-width:1px;
	}
	dt a { text-decoration: none; color: #black; font-weight: bold; }
	dd a { text-decoration: none; color: #000; }
	ul { list-style-type:disc; list-style-position:outside;list-style: none;}
	li { padding: 0px 0px 5px 15px; font-weight: bold; }
	
/* Things from the form style sheet */

#mainForm {background-color:white;
float:left;
width: 908px;
min-height: 450px;
z-index:-1;
visibility:visible !important;
overflow:none;
margin-right:10px;
padding:5px;
padding-top:5px;
border: 1px solid #ff3298;
border-top-width:0px;
border-bottom-width:15px;
border-bottom-color:black;
}
/* tooltip */
a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none; 
	position: relative;
}

a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;;
	left:25px;
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background:#f4f4f4 url(question.gif) no-repeat bottom right; 
	color:#000; 
	text-align:left; 
	font-size:13px; 
	padding-left:10px; 
	padding-top:10px;
}
p.footer
{
	text-align: right;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #ff3298;
	font-size:9px;
	position:relative;
	top:4px;
	left:-140px;
	letter-spacing: 2px;
}

a.footer
{
	text-align: right;
	margin:0 0 0 0;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-weight:normal;
	color: #ff3298;
	font-size:9px;
	position:relative;
	top:4px;
	letter-spacing: 2px;
}
#formFields
{
	position: relative;
	width: 100%;
	background-color: #ffffff;
	margin:0 0 0 0;

}

label.formFieldQuestion
{
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;	
	display:block;
	font-size:95%;
	font-weight:bold;
}

label.formFieldOption
{
	font-size:90%;
	display:block;
	line-height:1.0em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	width:90%;
}



input.formFieldStyle
{
	display:block;
	line-height:1.4em;
	margin:8px 0 0 3px;
	width:13px;
	height:13px;
}
/* Redesign 02/09/10 */
strong.headings
{
font-size:18px;
line-height:2.5em;
}
strong.headingsfp
{
font-size:17px;
line-height:1.5em;
}
strong.large
{
font-size:44px;
color:#ff007a;/*pink*/
font-weight: bold;
}
strong.blue
{
color:#00bbf8;/*blue*/
font-weight: bold;
}
strong.pink
{
color:#ff007a;/*blue*/
font-weight: bold;
}
div.packages{
margin-top:5px;
padding:5px;
padding-top:10px;
padding-bottom:10px;
border: 1px dotted #cccccc;
}
div.bronze{
border-color: #8C7853;
}
div.silver{
border-color: #C0C0C0;
}
div.gold{
border-color: #D4A017;
}
.titles
{
border-bottom: 1px solid #cccccc;
height: 150px;
}
.titlesfp
{
border-bottom: 1px solid #cccccc;
height: 100px;
}
.special{
margin-top:5px;
padding:5px;
padding-top:10px;
padding-bottom:10px;
border: 1px dotted #cccccc;
}
p.norm{
padding:5px;
padding-top:10px;
padding-bottom:10px;
}
p.normfp{
padding:5px;
}
p.offer{
font-size:14px;
padding:5px;
padding-top:10px;
padding-bottom:10px;
}
#timings {
padding:20px;
padding-top:10px;
padding-bottom:10px;
}
#timings td{
padding:10px;
padding-top:0px;
padding-bottom:0px;
}
#timings th{
text-align:left;
padding-top:5px;
border-bottom: 1px dotted #cccccc;
}
cite.lg{
font-size:14px;
line-height:1.5em;
padding-bottom:20px;
}
</style>