body {
margin: 0;
padding: 0;
font: 11px/160% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #4E4E4E;
background-color: #F5F5E2;
}
#printheader {
display: none;
text-align: left;
}
.normal {
font: normal 11px/160% Verdana, Arial, Helvetica, sans-serif;
}
.inner {
width: 920px;
margin: 0 auto;
}
#header1 {
width: 920px;
margin: 0 auto;
padding: 20px 20px 10px;
font: 12px/normal Arial, Helvetica, sans-serif;
color: #988C65;
}
#header1 .left {
float: left;
text-align:left;
padding-left: 70px;
}
#header1 .right {
float: right;
text-align:right;
}
#header1 strong {
color: #807655;
}
#header1 a:link, #header1 a:visited {
color: #a9181c;
}
#header1 a:hover, #header1 a:active {
color: #000;
}
#header1 a.current {
color: #988C65;
}
#header2 {
position: relative;
margin: 0 auto;
width: 920px;
border-bottom: 12px solid #94876b/*9a9281*/;
border-top: 1px solid #fff;
background-color: #94876b/*9a9281*/;
}
#sign {
position: absolute;
width: 80px;
height: 80px;
left: -18px;
top: -28px;
background: url(../images/layout/sq.png) no-repeat;
}
#header2bg {
float: right;
width: 695px;
height: 180px;
}
#logo_en {
float: left;
width: 225px;
height: 180px;
background: url(../images/layout/logo_en.png) no-repeat;
}
#logo_fr {
float: left;
width: 225px;
height: 180px;
background: #A9181C url(../images/layout/logo_fr.png) no-repeat;
}
.var01 {
background: url(../images/layout/headerbg01.jpg) no-repeat;
}
.var02 {
background: url(../images/layout/headerbg02.jpg) no-repeat;
}
.var03 {
background: url(../images/layout/headerbg03.jpg) no-repeat;
}
.var04 {
background: url(../images/layout/headerbg04.jpg) no-repeat;
}
.var05 {
background: url(../images/layout/headerbg05.jpg) no-repeat;
}
.var06 {
background: url(../images/layout/headerbg06.jpg) no-repeat;
}
.var07 {
background: url(../images/layout/headerbg01.jpg) no-repeat;
}
.var08 {
background: url(../images/layout/headerbg08.jpg) no-repeat;
}
.var09 {
background: url(../images/layout/headerbg02.jpg) no-repeat;
}
.var10 {
background: url(../images/layout/headerbg10.jpg) no-repeat;
}
.var11 {
background: url(../images/layout/headerbg11.jpg) no-repeat;
}
.var12 {
background: url(../images/layout/headerbg12.jpg) no-repeat;
}
.var13 {
background: url(../images/layout/headerbg13.jpg) no-repeat;
}
.var14 {
background: url(../images/layout/headerbg14.jpg) no-repeat;
}
#wrap {
width: 920px;
margin: auto;
text-align: left;
border-bottom: 1px solid #988C65;
}
#content {
padding: 0 0 30px 0;
}
#leftcol {
float: left;
width: 190px;
padding-top: 31px;
margin-right: 35px;
}
#midcol {
float: left;
width: 470px;
padding-top: 25px;
margin-right: 35px;
}
#midcol.album {
position: relative;
width: 500px;
margin-right: 5px;
}
#midcol.album h1, #midcol.album p {
width: 475px;
}
#rightcol {
float: left;
width: 190px;
padding-top: 9px;
}
#footer {
width: 470px;
margin: 0 auto;
padding: 15px 0 25px;
text-align: center;
color: #988C65;
border-top: 2px solid #988C65;
}
a:link, a:visited {
color: #a9181c;
text-decoration: none;
}
a:hover, a:active {
color: #000;
text-decoration: underline;
}
a.more:link, a.more:visited {
padding-left: 8px;
background: url(../images/layout/arr2.gif) no-repeat left center;
}
a.more:hover, a.more:active {
background: url(../images/layout/arr1.gif) no-repeat left center;
}
.sidenav a:link, .sidenav a:visited {
color: #000;
text-decoration: none;
outline: none;
}
.sidenav a:hover, .sidenav a:active {
color: #a9181c;
text-decoration: underline;
}
img {
border: none;
}
img.block {
display: block;
}
img.bordered {
border: 1px solid #fff;
}
p {
margin: 0 0 12px;
}
li {
margin: 0 0 6px;
}
ul.noindent li {
margin: 0 0 6px -24px;
}
.disco h3 {
color: #a9181c;
}
.disco li {
margin: 0 0 3px -2em;;
}
h1 {
font: normal 20px/140% Arial, Helvetica, sans-serif;
color: #000;
margin: 15px 0;
}
h2 {
font: normal 17px/150% Arial, Helvetica, sans-serif;
color: #000;
margin: 17px 0 8px;
}
#rightcol h2 {
font-weight: bold;
font-size: 15px;
}
h3 {
font: bold 12px/150% Arial, Helvetica, sans-serif;
color: #000;
margin: 15px 0 5px;
}
.frametitle {
display: block;
padding-bottom: 8px;
font: normal 10px/normal Arial, Helvetica, sans-serif;
color: #a9181c;
}
.framed {
margin: 25px 0;
padding: 15px;
color: #000;
background-color: #EAE9D7;
}
.framed img {
display: block;
float: left;
margin: 4px 15px 0 0;
border: 1px solid #fff;
}
.framed h1 {
margin: 0 0 12px;
color: #797051;
}
.framed h2 {
margin: 12px 0;
line-height: normal;
color: #797051;
}
.framed .h1sub {
font-size: 15px;
color: #625A42;
}
.framed table {
width: 100%;
border-top: 1px solid #F7F7E8;
}
.framed td {
padding: 5px 15px 5px 0;
border-bottom: 1px solid #F7F7E8;
}
.framed p, p.thirdspace {
margin: 0 0 4px;
}
.h1sub {
font: normal 15px/150% Arial, Helvetica, sans-serif;
margin: 5px 0 15px;
}
.fpframed {
margin: 30px 0;
padding: 15px;
color: #000;
background-color: #EAE9D7;
border: 1px solid #fff;
}
.fpframed h1 {
font-size: 19px;
margin: 0 0 14px;
color: #000;
}
.fpframed p {
margin: 0 0 6px;
}
#itemnav {
margin: 40px 0 0;
padding: 5px 0;
border-top: 1px solid #D8D6B4;
border-bottom: 1px solid #D8D6B4;
font-size: 10px;
text-transform: uppercase;
}
#itemnav a.prevlink {
display: block;
float: left;
padding-left: 8px;
background: url(../images/layout/arr3.gif) no-repeat left center;
}
.prevlink_dead {
display: block;
float: left;
padding-left: 8px;
color: #988C65;
background: url(../images/layout/arr5.gif) no-repeat left center;
}
#itemnav a.nextlink {
display: block;
float: right;
padding-right: 8px;
background: url(../images/layout/arr4.gif) no-repeat right center;
}
.nextlink_dead {
display: block;
float: right;
padding-right: 8px;
color: #988C65;
background: url(../images/layout/arr6.gif) no-repeat right center;
}
.black {
font-weight: bold;
color: #000;
}
.clearfix {
display: block;
height: 0px;
clear: both;
}
.clear {
clear: both;
}
.zerotop {
margin-top: 0;
}
.zerobottom {
margin-bottom: 0;
}
.zeromarg {
margin: 0;
}
.topspace, .framed .topspace {
margin-top: 30px;
}
.toppad {
padding-top: 20px;
}
.imgleft {
display: block;
float: left;
margin: 4px 10px 0 0;
}
.date {
display: inline-block;
padding: 1px 6px 2px;
margin-bottom: 4px;
font-size: 10px;
line-height: normal;
color: #fff;
background-color: #988C65;
}
.past {
background-color: #999;
}
.horseparator {
display: block;
height: 1px;
line-height: 0;
margin: 20px 0;
border-top: 1px dotted #C6BFAA;
}
.paraseparator {
display: block;
height: 1px;
line-height: 0;
margin: 12px 0;
border-top: 1px dotted #C6BFAA;
}
.groupseparator {
display: block;
height: 1px;
line-height: 0;
margin: 20px 0 0;
border-top: 1px solid #C6BFAA;
}
.scheduleset {
margin: 20px 0;
color: #000;
}
.scheduleset .date {
padding: 3px 10px 4px;
margin-bottom: 0;
text-transform: uppercase;
}
.scheduleset .date.current {
background-color: #A9181C;
}
.scheduleset table {
background-color: #EAE9D7;
}
.scheduleset td {
padding: 5px 10px;
border-bottom: 1px solid #F7F7E8;
}
.scheduleset td.label {
color: #4E4E4E;
width: 100px;
font-size: 10px;
text-transform: uppercase;
}
.scheduleset td.space {
border-bottom: 3px solid #F7F7E8;
}
.overtitle {
font: 10px Arial, Helvetica, sans-serif;
color: #807655;
text-transform: uppercase;
padding-top: 3px;
}
#midcol.album {
position: relative;
width: 500px;
margin-right: 5px;
}
.thumb {
float: left;
width: 130px;
height: 130px;
padding: 14px;
text-align: center;
background-color: #444;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
.thumb img {
display: block;
margin: auto;
}
.note {
background-color: #444;
color: #ccc;
padding: 7px 14px 4px;
text-transform: uppercase;
font: 9px/normal Arial, Helvetica, sans-serif;
border-bottom: 1px solid #666;
margin-right: 23px;
}
.boxed {
padding: 2px 5px;
font: bold 10px/normal Arial, Helvetica, sans-serif;
color: #fff;
text-transform: uppercase;
}
.red {
background-color: #A9181C;
}
.white {
color: #4E4E4E;
background-color: #fff;
}
.indent {
margin-left: 20px;
}

#progarchive a {
display: block;
margin-bottom: 4px;
}
.caption {
display: block;
padding: 8px;
font: 11px/140% Arial, Helvetica, sans-serif;
color: #fff;
background-color: #94876B;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
}

/*q-tip*/
#qTip {
display: none;
position: absolute;
max-width: 220px;
padding: 5px;
font: 11px/130% Arial, Helvetica, sans-serif;
text-align: left;
background-color: #fff;
border: 1px solid #BAB398;
z-index: 1000;
}
.hide {
display: none;
}