body { background:white url(/french-seasons/_images/diamondpattern.png); color:#111; font:12px/1.3em Calibri, Verdana, Arial, Helvetica, sans-serif;}


/* universal */
a { color:#915a2a;}

a:hover { color:#94012b;}

strong { color:#94012b;}

/* header */

div#header { height:155px;}

div#header h1 { background:url(/french-seasons/_images/frenchseasons-title.gif) 0 50% no-repeat;}

div#header h1 a { text-decoration:none; color:#fff; display:block; width:860px; height:95px; overflow:hidden;}

div#header-background { background-image: url(/french-seasons/_images/background-header-red.png); background-repeat: repeat-x; }

/* main navigation */

div#buttons { position:relative; z-index:1000; width:auto; font-size:1em; font-weight:bold; color:black; top:-10px; right:0; padding:0; left:auto; color:white;}
div#buttons a { display:inline; margin:0; margin-bottom:0; padding:0; text-align:center;}
div#buttons a { background-color:transparent !important; border:none; text-decoration:none; color:white;}
div#buttons a:hover { background-color:transparent !important;}

ul#nav { display:none;}

ul.nav
{
	width:880px;
    height:45px;
    background: url(/french-seasons/_images/nav-buttons.png) 0 0 no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
    position: absolute;
    top: ;
    height: 45px !important;
    text-indent: -9999em;
    overflow: hidden;
}
    .nav .mixed a:link, .nav .mixed a:visited {
        left: 0px;
        width: 185px !important;
    }
    .nav .mixed a:hover, .nav .mixed a:focus {
        background: url(/french-seasons/_images/nav-buttons.png) no-repeat 0 -45px;
    }
    .nav .mixed a:active {
        background: url(/french-seasons/_images/nav-buttons.png) no-repeat 0 -45px;
    }
	.nav .chausson a:link, .nav .chausson a:visited {
        left: 185px;
        width: 175px !important;
    }
    .nav .chausson a:hover, .nav .chausson a:focus {
        background: url(/french-seasons/_images/nav-buttons.png) no-repeat -185px -45px;
    }
    .nav .chausson a:active {
        background: url(/french-seasons/_images/nav-buttons.png) no-repeat -185px -45px;
    }
	.nav .poulenc a:link, .nav .poulenc a:visited {
        left: 360px;
        width: 175px !important;
    }
    .nav .poulenc a:hover, .nav .poulenc a:focus {
        background: url(/french-seasons/_images/nav-buttons.png) no-repeat -360px -45px;
    }
    .nav .poulenc a:active {
        background: url(/french-seasons/_images/nav-buttons.png) no-repeat -360px -45px;
    }
    .nav .debussy a:link, .nav .debussy a:visited {
        left: 535px;
        width: 180px !important;
    }
    .nav .debussy a:hover, .nav .debussy a:focus {
        background: url(/french-seasons/_images/nav-buttons.png) no-repeat -535px -45px;
    }
    .nav .debussy a:active {
        background: url(/french-seasons/_images/nav-buttons.png) no-repeat -535px -45px;
    }
    .nav .ravel a:link, .nav .ravel a:visited {
        left: 715px;
        width: 165px !important;
    }
    .nav .ravel a:hover, .nav .ravel a:focus {
        background: url(/french-seasons/_images/nav-buttons.png) no-repeat -715px -45px;
    }
    .nav .ravel a:active {
        background: url(/french-seasons/_images/nav-buttons.png) no-repeat -715px -45px;
    }


div#content { background-image:url(/french-seasons/_images/background-content.png);
font:14px/1.3em Calibri, Verdana, Arial, Helvetica, sans-serif !important;}

div#content h2 { color:#915a2a;}

div#content h3 { color:#94012b;}

div#content h4 { color:#915a2a;}

div#content h5 { color:#94012b;}

div#content h6 { color:#915a2a; margin:0; font-weight:normal; font-style:italic;}

div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 { clear:both; line-height:1.2em;}



div#content blockquote { border:1px solid #e7cf7d;
	border-right:0;
	border-left:0;
	padding:8px 8px 0 8px;
	background:#f9edc8;
	text-align:center;
	border-color:#c0ccf0;
	background-color:#e8edfb;
}


/* navigation */

.sidenav ul
{
	border:3px solid #d2d3cb;
	border-right:0;
	border-left:0;
	background-color:#eaebe1;
}

.sidenav ul li
{
	border-bottom:1px solid #d2d3cb;
}


/* content text */

.text { background-color:white; }

.small { font-size:.9em;}

/* image */

.image { padding:0; border:5px solid #d2d3cb;}
.image img { border:0;} /* weird margin gap -3 in FF only? */


/* channel-ized */

.channel
{
	border:1px solid #c9baae;
	background:#ddd6d1;
}
.alternate { 
	border-color:#c0ccf0;
	background-color:#e8edfb;
}

div#content .channel h3
{
	color:#234474;
}

div#content .channel h3 a { text-decoration:none;}

.channel img 
{	
	border:1px solid #c3c4a5;
}

/* Footer */


div#copyright
{ background-image:none;

}

div#copyright a
{
	color:#3b3b3b;
}

div#copyright a:hover
{
	color:#000;
}