/* CSS Document */
html{
margin:0px;
padding:0px;
height:100%;
}
body{
 font-family:Arial, Helvetica, sans-serif;
 background-color:#ff00cc;
 background-image:url(images/miranda-dancing.gif);

 padding:0px;
 
 height:100%;
 margin:0px;
 font-size:12px;}

#wrapper {
   
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
    width: 780px;
	background-image:url(images/engadine-dancing.jpg);
	background-color:#FF00CC;
	text-align:justify;
	min-height:100%;
	padding-left:15px;
	padding-right:15px;
	display:block;
	position:relative;
	_height:100%;
	margin-bottom:-20px;
	padding-bottom:20px;
	border-left:#FF00CC 2px;
	border-right:#FF00CC 2px;}
	
h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:13pt;}
h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:11pt;}


.logo{
padding-left:5px;
float:left;
margin-top:0px;
padding-top:0px;
}
#jazz{
height:193px;}
.nav {
    margin-left:6px;
	width:771px;
   	height:28px;
	 background-image:url(images/jazz.jpg);
	 background-repeat:repeat-x;
	margin-top:0px;

padding-top:0px;
	}
	
.nav div {

}
.nav ul {

padding:0px;
white-space:nowrap;
text-align:center;

margin-left:0;
margin-right:auto;
}

.nav li {
display:inline;
list-style-type:none;

margin-top:4px;}

.nav li a{
    color:#FF00CC;
    text-decoration: none;
    padding: 2px 2px 2px 2px;
	font:Verdana, Arial, Helvetica, sans-serif;}	


.nav ul li{

padding-left:5px;
padding-right:3px;
}
#drop{
width:120px;
text-align:left;

background-color:#000000;
line-height:23px;
margin-top:0px;}
.clear {
    clear: both;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    
   
}
 body#joannewilliamson li#index a,
 body#jwda li#danceschool a,
 body#classes li#dance a,
 body#performing li#juniordancers a,
 body#dancers li#petite a,
 body#training li#showgroup a,
 body#arts li#performance a,
 body#dancing li#timetable a,
 body#danceschool li#dancenews a,
 body#dramalessons li#dancedates a,
 body#dancer li#uniforms a,
 body#photos li#concerts a,
 body#awards li#danceachievments a,
 body#danceclass li#enrol a,
 body#dance li#clothes a,
 body#troup li#ballet a,
 body#student li#info a{
	color:#ffffff;
	cursor:default;

}
.footer{

font-size:10px;
height:15px;
margin-left:auto;
margin-right:auto;
padding-bottom:0px;
padding-left:15px;
padding-right:15px;
position:relative;
width:780px;
background-image:url(engadine-dancing.jpg);}

#rightfoot a{
float:right;
text-decoration:none;
color:#000033;
padding-right:10px;}

#leftfoot{
float:left;
padding-left:10px;}

#left{
float:left;
width:430px;
padding:10px 10px 10px 20px;}

#right{
width: 250px;
float:right;
text-align:center;
padding-top:20px;}
#center{
padding-left:20px;
padding-right:20px;
padding-top:10px;
color:#000000;}
#center a{
color:#0066FF;}
#center a:hover{
color:#0066FF;}


#decl{
font-size:10px;
padding-bottom:10px;}
#desc{
padding:10px;}


#table {
font-size:10px;
text-align:left;
}

.timetable {
	font-size:8pt;
	border:1px black solid;

}
.timetableborder {

	font-size: 10pt;
	color: #000000;
	font-family: "Trebuchet MS", Georgia, Verdana, "Times New Roman";
}
#leftpane{
width:100px;
float:left;
position:relative;
clear:right;
}
#rightpane{
width:100px;
float:right;
postion:relative;
clear:left;}