body {
 background: #D9EBFA;
 color: #000000;
 margin: 0;
}

#container {
 width: 900px;
}

/* ############################################### */

#header {
 background: url("../img/bg.header.jpg") no-repeat #FFFFFF;
 padding: 0 0 0 72px;
 line-height: 120px;
}

#header span {
 background: url("../img/bg.headertext.png") repeat #E4F1C3;
 border-bottom: 3px solid #333333;
 vertical-align: middle;
}

#header span:hover {
 background: #333333;
 color: #FFFFFF;
}

#header span.m {
 font: italic 64px "Georgia", serif;
 padding: 0 10px 4px 10px;
 margin: 0 4px 0 0;
}

#header span.m a {
 text-decoration: none;
 color: #9FC5B0;
}

#header span.t {
 font: bold 36px "Arial", sans-serif;
 text-transform: uppercase;
 letter-spacing: -2px;
 padding: 0 6px;
 margin: 0 6px;
}

#header span.t a {
 text-decoration: none;
 color: #B1D978;
}

/* ############################################### */

#img {
 background: url("../img/bg.center.jpg") repeat-x #FFFFFF;
 border-bottom: 1px dotted #555555;
 border-top: 1px dotted #555555;
 margin: 0;
}

#img #box {
 margin: 0 auto 12px auto;
 width: 750px;
}

#img div.img {
 background: url("../img/bg.image.png") repeat #F7F8F2;
 border: 3px solid #BCCC7A;
 padding: 2px 6px 6px 2px;
 margin: 10px 6px 0 6px;
 line-height: 183px;
 cursor: pointer;
 float: left;
}

#img div.img:hover {
 border-color: #9FC5B0;
}

#img div.img img {
 vertical-align: middle;
 border: 0;
}

#img div.cl {
 line-height: 0;
 clear: left;
}

/* ############################################### */

#nav {
 border-bottom: 1px dotted #555555;
 background: #F1E9C8;
 text-align: center;
 line-height: 48px;
}

#nav span {
 font: bold 12px "Verdana";
 padding: 3px 4px;
}

#nav span a {
 border-bottom: 1px solid #000000;
 text-decoration: none;
 color: #000000;
}

#nav span.a, #nav span.b {
 background: #CADDCC;
}

#nav span.a:hover {
 background: #C2E57F; 
}

#nav span.c {
 background: #FFC0CB;
}

/* ############################################### */

#footer {
 background: url("../img/bg.footer.jpg") no-repeat #FFFFFF;
 font: italic 32px/80px "Georgia", serif;
 border-bottom: 1px dotted #555555;
 text-align: center;
 color: #774F38;
}

#footer span {
 border: 1px dotted #222222;
 padding: 0 4px 2px 4px;
 background: #FAE8E3;
}

#footer span.l:hover {
 background: #F1BFAF;
}

#footer span a {
 text-decoration: none;
 color: #774F38;
}

/* ############################################### */

p, p a {
 font: bold 10px "Verdana", serif;
 margin: 2px 0 14px 1px;
 color: #666666;
}

/* ############################################### */

#imgbg {
 background: #000000;
 position: absolute;
 display: none;
 opacity: 0.8;
 width: 100%;
 left: 0;
 top: 0;
}

#imgfg {
 font: bold 16px "Arial", sans-serif;
 letter-spacing: 2px;
 text-align: center;
 position: absolute;
 word-spacing: 4px;
 cursor: pointer;
 color: #EEEEEE;
 display: none;
 width: 100%;
 top: 0;
}

#imgfg img {
 border: 1px solid #FFFFFF;
 margin: 10px auto;
 padding: 4px;
}