/* Set defaults */
body			{ margin: 0; padding: 0; font-size: 76%; }
input,
select,
textarea		{ font-size: 1em; }
th,
td				{ vertical-align: top; font-size: 1em; }
img				{ border: 0; }
a				{ text-decoration: none; }
a:hover			{ text-decoration: underline; }

/* Generic classes */
.clear:after	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear			{ display: inline-block; }
/* \*/
.clear			{ display: block; }
/* */

.align-left		{ text-align: left !important; }
.align-right	{ text-align: right !important; }
.align-centre	{ text-align: center !important; }
.align-top		{ vertical-align: top !important; }
.align-bottom	{ vertical-align: bottom !important; }
.align-middle	{ vertical-align: middle !important; }

.bold			{ font-weight: bold !important; }
.italic			{ font-style: italic !important; }
.underline		{ text-decoration: underline !important; }


/* Site specific */
html { background: #23353e url(../graphics/footer.gif) center top; }
body { background: #e9daae url(../graphics/body.jpg) center top; }
body,
input,
select,
textarea { font-family: "Lucida Sans", Arial, Helvetica, sans-serif; }

h1 { margin: 0 0 0.5em; height: 28px; line-height: 28px; padding: 0 0 0 38px; font-size: 2em; background: url(../graphics/h1.gif) no-repeat left top; color: #A84733; }
h2 { font-size: 1.6em; font-weight: normal; color: #A84733; border-bottom: 1px solid #A84733; padding-bottom: 5px; }
h3 { font-size: 1.2em; }
td h2,
td h3,
td p { margin: 0 0 0.2em; }
td h3 { padding: 2px 0 0; }

a { color: #eb6b00; }

#outer-wrapper { background: url(../graphics/outer-wrapper.jpg) repeat-x center top; font-size: 1.1em; }
#wrapper,
div.fixed { width: 960px; margin: 0 auto; }

#header { position: relative; z-index: 20; height: 159px; background: url(../graphics/header.jpg) no-repeat right top; }
#logo { position: absolute; left: -5px; top: 25px; }
#byline { position: absolute; left: 285px; }

#navigation { position: absolute; left: 0; bottom: 0; }
* html #navigation { bottom: -1px; }

#navigation ul { float: left; margin: 0; padding: 0 1px 0 0; list-style-type: none; background: url(../graphics/nav.gif) no-repeat right bottom; }
#navigation li { position: relative; float: left; padding: 5px 0 0; }
#navigation li a { float: left; background: url(../graphics/navlink-hover.gif) repeat-x 0 34px; color: white; border-left: 1px solid #f5bc51; }
#navigation li a span { float: left; height: 34px; line-height: 34px; padding: 0 17px; cursor: pointer; }
#navigation li a:hover { text-decoration: none; background-position: 0 0; }
#navigation li.nav_active { margin: 0 -1px 0 0; padding: 0; height: 39px; background: url(../graphics/navlink-active.gif); }
#navigation li.nav_active a,
#navigation li.nav_active a:hover { background: url(../graphics/navlink-left.gif) no-repeat left top; color: #925a49; border-left: 0; }
#navigation li.nav_active a span { padding: 5px 17px 0; background: url(../graphics/navlink-right.gif) no-repeat right top; }

#navigation ul li ul { position: absolute; left: 0; top: 39px; background: none; font-size: 0.9em; background: url(../graphics/subnav.png); width: 180px; }
* html #navigation ul li ul { top: 34px; }
#navigation ul li ul li,
#navigation ul li.nav_active ul li { float: none; display: block; height: auto; padding: 0 !important; background: none !important; border-bottom: 1px solid #fede8f !important;  }
#navigation ul li ul li a,
#navigation ul li.nav_active ul li a { zoom: 1; float: none; display: block; border-left: 0; background: none !important; color: #211403 !important; }
#navigation ul li ul li a:hover,
#navigation ul li.nav_active ul li a:hover { background: #f0a100 !important; }
#navigation ul li ul li.nav_active a,
#navigation ul li ul li.nav_active a:hover,
#navigation ul li.nav_active ul li.nav_active a,
#navigation ul li.nav_active ul li.nav_active a:hover { background: #f0a100 !important; }
#navigation ul li ul li a span,
#navigation ul li.nav_active ul li a span { float: none; display: block; padding: 5px 17px !important; height: auto !important; line-height: 1.4em !important; background: none !important; border-left: 0; }
#navigation ul li ul li.nav_active a span,
#navigation ul li ul li.nav_active a:hover span,
#navigation ul li.nav_active ul li.nav_active a span,
#navigation ul li.nav_active ul li.nav_active a:hover span {  }

#navigation ul li ul li ul { left: 180px; top: 0; }
#navigation ul li ul li ul li a,
#navigation ul li.nav_active ul li ul li a { background: none !important; }
#navigation ul li ul li ul li a:hover,
#navigation ul li.nav_active ul li.nav_active ul li.nav_active a { background: #f0a100 !important; }

/* Navigation dropdown (do not edit) */
* html #navigation table { border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; z-index: 300; position: absolute; left: 0; top: -1000px; }
* html #navigation a:hover table { display: block; left: 0; top: 0; }
#navigation td { margin: 0; padding: 0; }
#navigation td a { position: relative; zoom: 1; }
* html #navigation a:hover { position: relative; z-index: 100; }
#navigation li:hover { position: relative; }
* html #navigation ul ul a:hover { position: relative; z-index: 110; }
#navigation ul ul li:hover { position: relative; }
* html #navigation ul ul ul a:hover { position: relative; z-index: 120; }
#navigation ul ul ul ul a:hover { position: relative; z-index: 130; }
#navigation ul ul { visibility: hidden; display: none; }
#navigation ul :hover ul { visibility: visible; display: block; height: auto; }
#navigation ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul ul { visibility: hidden; }
#navigation ul :hover ul :hover ul { visibility: visible; }
#navigation ul :hover ul :hover ul :hover ul { visibility: visible; }

#main { position: relative; overflow: hidden; width: 960px; padding: 30px 0 20px 0; line-height: 1.6em; }

#sidebar { float: right; width: 230px; }
#sidebar p { margin: 0 0 1em; }

#content.sidebar { margin: 0 250px 0 0; }
#content table { margin: 0 0 1em; }

#gallery { margin: 0; padding: 0; list-style-type: none; width: 936px; }
#gallery li { float: left; padding: 0 32px 15px 0; }
#gallery li a { #float: left; display: table-cell; width: 120px; height: 120px; text-align: center; background-color: #c5b784; text-align: center; vertical-align: middle; }
#gallery li a * { vertical-align: middle; }
#gallery li a span { #display: inline-block; #height: 100%; }

#footer { background: #23353e url(../graphics/footer.gif) center top; color: #000; font-size: 0.9em; border-top: 2px solid #fff; }
#footer h3 { margin: 0 0 0.5em; color: #A84733; font-size: 1.3em; }
#footer div.inner { background: url(../graphics/footer-main.png) repeat-x center top; }
#footer div.top { padding: 30px 0 40px; line-height: 1.4em; background: url(../graphics/hello.gif) no-repeat center bottom; }
#footer div.top div.left { float: left; width: 480px; }
#footer div.top div.left img { float: right; padding-left: 10px; }

#footer div.top div.centre { float: left; width: 180px; height: 150px; border-left: 1px solid #8ea1a3; padding-left: 20px; margin-left: 20px; border-right: 1px solid #8ea1a3;  }

#footer div.top div.right { float: right; width: 230px; }
#footer div.top div.right a { position: relative; display: inline-block; color: #904838; }
#footer div.base { background: url(../graphics/footer-dark.gif) repeat-x center top; }
#footer div.base ul { margin: 0; padding: 0; list-style-type: none; }
#footer div.base ul li { float: left; height: 35px; line-height: 35px; padding: 0 12px 0 0; margin: 0 12px 0 0; background: url(../graphics/footer-link.gif) no-repeat right center; }
#footer div.base ul li:last-child { padding: 0; margin: 0; background: none; }
#footer div.base ul li a {  }
#footer div.base p { clear: left; margin: 0; padding: 1em 0 2em; #padding: 0.5em 0 2em; }
#footer div.base p a { color: #777476; }