body,p,a {
    font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
    padding:0px;
    margin:0px;
    overflow-x: hidden;
}
body { background-color:#D6D3D6; margin-top:5px; text-align:center; }
#main { max-width:1280px; margin:0 auto; }
h3 {
    color: #794600;
    font: 14px/20px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align:center;
}
h1,h2 {
    font: 18px/24px Verdana, Arial, Helvetica, sans-serif;
    color: #295994;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
a {
    color: #39597B;
    text-decoration: none;
    font-weight:bold;
}
a:hover {
    color: #AD6500;
}
#mascotte { padding:20px 0px 0px 40px; }
ol { font:12px/14px Verdana,Arial,Helvetica; }
#hlinks { padding-top:10px; }
.news { padding:10px 5px 10px 10px; }
.darkbox a img { border:1px solid #295994; }
.darkbox a:hover img { border:1px solid #ffffff; }
.thanks { padding:20px 15px; }
.spacing { padding-right:16px; }
.foot,.foot a { font:11px/13px Verdana, Arial, Helvetica, sans-serif; color:#7B92AD; }
#head ul { list-style-type:none; padding:0em; margin:0 0 0 1em; }
#head ul li {
    background:transparent url(img/hbul.gif) no-repeat 0px 3px;
    padding-left:1.4em;
    font:18px/26px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#295994;
}
* html #head ul li { background-position:0em 3px; }
#head { background:transparent url(/img/mascotte.gif) no-repeat top left; }

.darkbox img { margin-left:5px; margin-bottom:5px; }
.darkbox td { text-align:center; }
table { width:97%; }
.darkbox table { width:100%; }
ul            { font:12px/14px Verdana,Arial,Helvetica; list-style-type:none; padding:0em; margin:0 0 0 1em; }
.l1           { background:transparent url(img/type1.gif) no-repeat 0px 4px; padding:2px 0 0 1.8em; }
.l2           { background:transparent url(img/type2.gif) no-repeat 0px 4px; padding:2px 0 0 1.8em; }

.darkbox, .darkboxbody, .darkboxhead, .darkboxhead div {
    background:transparent url(img/box_dark.gif) no-repeat bottom right;
}
.darkbox {
    padding-right:16px; /* the gap on the right edge of the image (not content padding) use to position the darkbox */
    margin:0;text-align:center;
}
.darkboxhead {
    background-position:top right; /* set the top-right image */
    margin-right:-16px; /* pull the right image over on top of border */
    padding-right:38px; /* right-image-gap + right-inside padding */
}
.darkboxhead div {
    background-position:top left; /* set the top-left image */
    margin:0; /* reset main site styles*/
    border:0; /* ditto */
    padding:22px 0px 10px 20px; /* padding-left = image gap + interior padding ... no padding-right */
    height:auto !important;
    height:1%; /* IE Holly Hack */
}
.darkboxbody {
    background-position:bottom left; /* set the lower-left corner image */
    margin-right:8px; /* interior-padding right */
    padding:0px 0px 17px 20px; /* mirror .gals .darkboxhead right/left */
}
.darkboxhead div { padding:27px 0px 0px 20px; }
* html .darkboxhead div { padding:10px 0px 0px 20px; }

.box, .boxbody, .boxhead, .boxhead div {
    background:transparent url(img/box_light.gif) no-repeat bottom right;
}
.box {
    padding-right:18px; /* the gap on the right edge of the image (not content padding) use to position the box */
    margin:0;
    text-align:center;
}
p {text-align:left}
.boxhead {
    background-position:top right; /* set the top-right image */
    margin-right:-18px; /* pull the right image over on top of border */
    padding-right:22px; /* right-image-gap + right-inside padding */
}
.boxhead div {
    background-position:top left; /* set the top-left image */
    margin:0; /* reset main site styles*/
    border:0; /* ditto */
    padding:16px 0px 15px 18px; /* padding-left = image gap + interior padding ... no padding-right */
    height:auto !important;
    height:1%; /* IE Holly Hack */
}
.boxbody {
    background-position:bottom left; /* set the lower-left corner image */
    margin-right:0; /* interior-padding right */
    padding:0px 0px 20px 6px; /* mirror .gals .boxhead right/left */
}
.boxhead div { padding:16px 0px 8px 20px; }
* html .boxhead div { padding:16px 0px 8px 20px; }
.darkbox,.box { width:940px; margin:0 auto; }



#sites ul,#hlinks ul { list-style-type:disc; margin-left:25px; }
#sites ul li,#hlinks ul li { padding-top:2px; }
.screens { margin:20px 0; }
.screens { width:100%; text-align:center; }
.screens td { text-align:center; font-weight:bold; font-size:1.2em; }
.screens img { margin-top:3px; border:1px solid black; }