/*Reset*/
*, html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
img { border:0 }
ol, ul, li { list-style:none }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal ; margin:5px 2px;}
/* utility section */
br.clear {clear:both;}
div {position:relative;}
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
a {text-decoration:none; color:inherit;}
body {width:100%; font-family: Georgia, serif 16px; background: #7889ac; }
/* old bg url(../images/atoms6.jpg) repeat #7889AC; */
#wrapper {background: rgba(62,119,128,0.8); width:1200px; margin:0 auto; border: solid 1px #fff;}
#wrapper.long {background: url(../images/grit1.png) repeat rgba(183,170,198,0.6); }
/* html 5 specific */
nav, aside, header, footer, section, article {display:block; position:relative;}
hgroup { }
/* headings and typography */
.larger {font-size: 1.3em;}
header {width:1200px; background:url(../images/header2.jpg) no-repeat; height:250px; }
header h1 {color:black; }
article {background: rgba(252,255,255,0.97); padding:5px 15px; margin-top:10px; text-align:justify; border-radius:12px; } /* old #77BAD5*/
article p {padding:2px; margin:5px 2px; line-height:1.3em; word-spacing:2px; font-size:1.2em; color:#000;} /* old 2F7A53 and 6C8B9F*/
article.bts ul li {display:block;}
article.cours {height: 188px; text-align: center; }
nav {padding:10px; min-height:40px; font-size:0.9em; width:700px; margin:0 auto;}
nav.wide {width:900px; text-align:center;}
nav.wide ul {width:825px; margin:0 auto;}
div.index {background: #fcffff; padding:5px 15px 25px; margin-top:10px; text-align:justify; border-radius:12px;}
div.index >* {text-align: center; margin-top:15px;}
div.index ul {width:825px; margin:0 auto;}
div.index ul li {width:200px; height:30px; background:white; display: inline-block; border:dashed 1px black; margin:2px auto; text-align:center; line-height:30px;}
div.index ul li a {width:200px; height:30px; display: inline-block; text-align:center; line-height:30px;}
div.index ul li a:hover {background:#85EDF0;}
header nav {top:206px;}
nav ul li {width:200px; height:30px; background:white; display: inline-block; border:solid 1px black; margin:2px auto; text-align:center; line-height:30px;}
nav ul li a {width:200px; height:30px; display: inline-block; text-align:center; line-height:30px;}
nav ul li a:hover {background:#85EDF0;} /* old FEF3D7 */
nav h3 a:hover {background:#85EDF0;} /* old FEF3D7 */
div.halved {width: 40%; display: inline-block; float: left; text-align: left; padding: 5px 0px 50px 100px; font-size:0.9em; }
ol.principles {width:800px; margin: auto;}
section {background:transparent; padding:25px 30px; } /* #FFF0CA*/
/*article {padding:20px; width:777px; margin:0 auto; } */
div.warning {width:800px; height:70px; margin:0 auto;}
div.warning h3 {color:red; text-align: center;}
div.center {width:30%; margin:0 auto; padding:25px; border-bottom: 1px solid black;}
div.center li a, div.halved li a {text-decoration:none;}
div.center li a:hover, div.halved li a:hover {text-decoration:none; background:#85EDF0;}
div.center li a span, div.halved li a span {color:#61B0D1;}
footer {width:1200px; background:#7889AC; color:white; }
footer div {width:500px; margin:0 auto; padding:10px; }
/* headings and typography */
ol li {color:#422793; font-size:1.2em;}
.link {text-decoration:underline; margin-bottom:5px;}
.red {color:#422793;} /* ! red ? */
.dark {color:#307951;}
.hilite {
padding: 5px 0px;
position: relative;
text-shadow: 1px 1px 2px #AAAAAA;
margin-bottom:15px;
}
p { }
sub {font-size:0.6em; }
h1 {font-size: 2.2em; text-align:center; font-weight:800;}
h2 {font-size: 1.3em; text-align:center; font-weight:700;color:#422793;}
h2.heading {color:#2F7A53; width:600px; background:#FFF2D0; margin:0 auto;}
h3 {font-size: 1.1em;text-align: left; margin-bottom:5px;}
h4 {font-size: 1em; }
h5 {font-size: 0.9em; }
h6 {font-size: 0.8em; }
/* drop down nav */
/*
From CSS-tricks.com ** multi-level drop down menu used on individual artist pages**
LEVEL ONE
*/
ul.dropdown { position: relative; z-index:10; }
ul.dropdown li { font-weight: bold; float: left; zoom: 1; background: #FFF; line-height:20px; margin: 0 auto; }
ul.dropdown a:hover { color: #999999; text-decoration:underline; }
ul.dropdown a:active { color:black; }
ul.dropdown li a { display: block; padding: 4px 6px; color: #222; } /* colours origin #222 text, #333 border-right
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover { opacity:0.95; color: black; position: relative; }
ul.dropdown li.hover a { color: black; }
/*
LEVEL TWO
*/
ul.dropdown ul { width: 200px; visibility: hidden; position: absolute; top: 100%; left: -1px; }
ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000;
border-bottom: 1px solid #ccc; float: none; width:100%; font-size:0.8em;}
ul.dropdown ul li.wide {}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { border-right: none; display: inline-block; }
/*
/*
LEVEL THREE
*/
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }
/* long names in navs */
div.index ul li.wider, div.index ul li.wider a {width:300px;}