body {
	font:	11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	background: #807c28 url(/images/bg.png);
	padding:0px;
	margin:0px;
	}
	
a {
	text-decoration:none;
	font-weight:bold;
	color:#c02880;
	}
	
a:hover {
	text-decoration: underline;
	}
	
pre {
	font-size:11px;
	color: #066;
	}

ol {
	margin-right:40px;
	}

ul {
	margin-right:40px;
	list-style-type: square;
	}
	
li {
	margin-bottom:5px;
	}

.pic {
	float: left;
	padding:5px 15px 5px 15px;
	text-align: center;
	}
	
.pic img {
	border: 2px solid #444;
	}

.clear {
	clear: left;
	margin-bottom: 20px;
	}
	
input, textarea {
	font: 10px Verdana, sans-serif;
	font-weight: bold;
}

#banner {
	text-align: center;
	margin-top:5px;
	}

#language {
	float: left;
	padding-left:10%;
	}

#language img {
	border: 1px solid #555
	}
	
#contacts {
	float: right;
	padding-right:10%;
	}
	
.submenu {
	font-size:10px;
	}
	
.submenu a {
	color: white;
	background-color: #807c28;
	}
	
#contacts a:hover {
	text-decoration: none;
	color: #807c28;
	background-color: white;
	}

#content {
	margin-right:10%;
	margin-left:10%;
	margin-top:0px;
	padding-bottom:10px;
	background:#fc0;
	color:#066;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:left;
	min-width:500px;
	}
	
.menu {
	width:200px;
	padding:0px;
	margin-left:20px;
	margin-right:-3px;
	float:right;
	voice-family: "\"}\"";
	voice-family: inherit;
	}
	
.box {
	border-left:1px solid #fff; 
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	border-right:10px solid #fff;
	background:#f90;
	color:#fff;
	padding:10px;
	margin-bottom:10px;
	text-align:left;
	font-size:10px;
	}

#copy {
	background:#fc3;
	text-align: right;
	padding-right: 20px;
	}
	
#about {
	background:#fc3;
	text-align: center;
	}
	
#login {
	background: #996;
	}
	
#menupic {
	background: #111;
	text-align: center;
	}
	
#login a {
	color: #444;
	}

html>body .menu {
	margin-right:-6px;
	}
	
p {
	margin-top:0px;
	margin-bottom:10px;
	padding:0px 20px 0px 20px;
	}

.box p {
	padding:0px 10px 0px 10px;
	}
	
#menupic p {
	padding-top:5px;
	margin-bottom:0px;
	}

.dance_info {
	padding-left: 140px;
	}

.interview {
	color: #444;
	font-weight: bold;
	}
	
.page_nb {
	margin-bottom:30px;
	padding:0px 20px 0px 20px;
	color:#444;
	font-size:2em;
	font-weight: bold;
	}
	
.page_nb a:hover {
	text-decoration: none;
	}

h1 {
	text-align: center;
	margin-top:25px;
	margin-bottom:25px;
	padding:0px 20px 0px 20px;
	font-size:3em;
	color:#444;
	}

h2, h3 {
	margin-top:10px;
	margin-bottom:10px;
	padding:0px 20px 0px 20px;
	color:#444;
	}
	
h2 {
	font-size:2em;
	}
	
h3 {
	font-size:1.25em;
	}
	
.news_title {
	font-size:1.5em;
	margin-top:20px;
	padding:0px 20px 0px 20px;
	color:#444;
	background: #eee;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
	
#title p {
	font:	14px/1.4 Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	}

#title a {
	color: #807c28;
	}
	
#title a:hover {
	text-decoration: none;
	color: white;
	background-color: #807c28;
	}
	
#title {
	background: white;
	color: #807c28;
	padding:0px;
	width:100%; /* I have to specify a width for IE5 PC, or else it ignores the top-margin of the H1 element therein. But 100% is different in browsers without IE5x PC's broken box model, so I have to use the CSS2 selector trick to set the width to auto for those browsers*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width:auto;
	}
html>body #title {
	width:auto;
	}
	
img {
	border:	0
	}
		
a.anchor {
	font-size:10px;
	font-weight:normal;
	}
	
p.anchor {
	text-align:right;
	}

.links {
	margin-left:50px;
	margin-right:30px;
	}
	
form {
	width: 210px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px 5px 5px 5px;
	background: #996;
	color: #444;
	border:	1px dashed #eee;
	font-size:10px;
}
	
#actuform {
	width: 370px;
}

#login form {
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px 0px 0px 0px;
	}

#newsletter {
	padding: 10px 10px 0px 10px;
	}

#newsletter form {
	background: #f90;
	color: #fff;
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	}
	
div.sidepanel {
float: right; 
margin-top: 0px;
margin-bottom: 10px;
padding: 2px;
border: solid 1px black; 
text-align: center;
margin-right: 0px;
background-color: #eef;
}

div.floatwin {
    position: absolute;
    top: 150px;
    left: 450px;
    width: 200px;
    visibility: hidden;
    background: #fc3;
    padding: 5px;
    border: solid white 1px;
}

#layouts {
	font-size:10px;
	margin-left:10px;
	}
	
#footer {
	text-align: center;
	color: #fc0;
	margin-bottom: 2px;
	}

#footer a {
	color: white;
	font-weight: normal;
	}