@charset "UTF-8";
/* CSS Document */

body, html {
background-color:#FFF;
font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
font-size:12px;
color:#837966;
padding:0;
margin:0;
margin-top:22px;
text-align:left;
}

h1, h2, h3, h4, h5 {
font-family:"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
font-weight:normal;
}

h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:13px; }

p, h1, h2, h3, h4, h5 {
margin-top:0;
/*margin-bottom:0;
padding-bottom:1em;*/
}

.regular-text p, p.regular-text, .small-intro p, .regular-text h1, .regular-text h2, .regular-text h3, .regular-text h4, h1.regular-text, h2.regular-text, h3.regular-text, h4.regular-text {
margin-top:1em !important;
padding-bottom:0 !important;
}

/* lightest */
.brown1 { color:#968E7F; }
.brown2 { color:#837966; }
.brown3 { color:#6F644F; }
.brown4 { color:#5C4F37; }
.brown5 { color:#483A20; }
.brown6 { color:#352602; }
/* darkest */

a:link { color:#352602; text-decoration:none; }
a:visited { color:#352602; text-decoration:none; }
a:hover { color:#352602; text-decoration:underline; }

#container {
position:relative;
width:940px;
margin-left:auto;
margin-right:auto;
}

#left-col {
position:relative;
float:left;
top:0;
width:368px;
border-top:1px #483A20 solid;
}

#right-col {
position:relative;
top:0;
margin-left:382px;
width:558px;
border-top:1px #483A20 solid;
margin-bottom:6px;
padding-bottom:24px;
}

* html #right-col {
margin-left:14px;
}

.region {
position:relative;
border-bottom:1px #483A20 solid;
padding-top:6px;
padding-bottom:6px;
}

#left-col .region {
width:368px;
}

#right-col .region {
width:558px;
}

.x1 { height:59px; overflow:hidden; }
.x2 { height:131px; overflow:hidden; }
.x3 { height:203px; overflow:hidden; }
.x4 { height:275px; overflow:hidden; }
.x5 { height:348px; overflow:hidden; }
.x6 { height:419px; overflow:hidden; }

.left-holder {
position:relative;
width:272px;
float:left;
}

.right-holder {
position:relative;
width:272px;
margin-left:286px;
}

* html .right-holder {
margin-left:14px;
padding-left:10px;
}

#footer {
position:relative;
left:0;
width:368px;
font-size:9px;
letter-spacing:-1px;
margin-top:6px;
padding-bottom:24px;
}


/* SPECIFICS */

 .thumb { display:block; width:178px; height:132px; position:relative; float:left; margin-right:12px; }
.pad-right { margin-right:12px; }
.last { margin-right:0; }
.logo { margin-left:-6px; margin-top:-4px; }
.body-heading { margin-bottom:6px; }
.nav a:link { color:#968E7F; text-decoration:none; }
.nav a:visited { color:#968E7F; text-decoration:none; }
.nav a:hover { color:#352602; text-decoration:none; }
a.selected:link { color:#352602 !important; text-decoration:none; }
a.selected:visited { color:#352602 !important; text-decoration:none; }
a.selected:hover { color:#352602 !important; text-decoration:underline !important; }
.super { height:72px; font-size:52px; margin-left:-4px; }
.allowOverflow { overflow:visible !important; }
.short p { width:273px !important; }

.thumb img {
border:0;
z-index:10;
}

.info {
position:absolute;
top:0;
left:0;
width:178px;
height:132px;
background-image:url(../gfx/whiteout.png);
background-repeat:repeat;
z-index:20;
}

.thumb .info { visibility:hidden; }
.thumb:hover .info { visibility:visible; }


.info p, .info h3 {
padding:12px;
}

* html .info {
display:none;
}

#scroll-arrows { position:absolute; top:5px; right:0; width:32px; text-align:right; }
#up-arrow { display:block; position:relative; top:0; width:32px; height:40px; background-image:url(../gfx/up-arrow-off.gif); background-repeat:no-repeat; }
a#up-arrow:hover { background-image:url(../gfx/up-arrow-on.gif); }
#down-arrow { display:block; position:relative; top:54px; width:32px; height:40px; background-image:url(../gfx/down-arrow-off.gif); background-repeat:no-repeat; }
a#down-arrow:hover { background-image:url(../gfx/down-arrow-on.gif); }
#left-arrow { display:block; text-indent:46px; height:58px; position:absolute; left:0; top:4px; background-image:url(../gfx/left-arrow-off.gif); background-repeat:no-repeat; }
a#left-arrow:hover { background-image:url(../gfx/left-arrow-on.gif); }
#right-arrow { display:block; position:absolute; text-indent:-76px; height:58px; right:0; top:4px; background-image:url(../gfx/right-arrow-off.gif); background-repeat:no-repeat; background-position:top right; }
a#right-arrow:hover { background-image:url(../gfx/right-arrow-on.gif); }