/* GLOBAL */

* { border: 0; margin: 0; padding: 0; }
body { background: #fff; font: 80% arial; }
#wrapper { width: 750px; margin: 0 auto; }
hr { display: hidden; color: #fff; height: 0; clear: both; }

/* HEADER */

#header { width: inherit; background: url(../images/layout/bg_header.png) repeat-x #000; padding-bottom: 0.65em; }
.logo { margin: 1em 0 0.5em 1em; }
#header ul { list-style: none; text-align: center; }
#header ul li { display: inline; font: bold 1em arial; color: white; padding: 0 0.1em; text-decoration: none; text-transform: uppercase; }
#header ul li a { border-bottom: 0.6em solid #000; color: white; padding: 0 0.1em; text-decoration: none; text-transform: uppercase; }
#header ul li a.menuselect, #header ul li a:hover { border-bottom: 0.6em solid #900; background: none; }

/* CONTENT */

#feature { width: inherit; padding-bottom: 0.08em; border-bottom: 0.08em solid #000; margin-bottom: 0.08em; }
#colfullwidth { width: inherit; }
#colnarrow { width: 20em; float: left; border-right: 0.08em solid #fff; }
#colwide { width: 38.5em; float: right; }
#fullcol { width: 58.5em; float: left; }

a { font-weight: bold; }
a:link { color: #900; }
a:visited { color: #300; }
a:hover, a:active { color: #900; background: #eee; border-bottom: 0.08em solid #000; }

h1 { font: bold 1.5em arial; color: #000; padding: 0.25em; margin-bottom: 1em; }
h2 { font: bold 1.25em arial; color: #fff; background: url(../images/layout/bg_hx.png) repeat-x #900; padding: 0.25em; margin-bottom: 1em; }
h3 { font: bold 1.15em arial; color: #000; margin-bottom: 0; }
h4 { font: bold 1em arial; color: #000; margin-bottom: 0; }

p { font: 1em arial; color: #000; margin: 0 1em 1em 1em;}

.left { float: left; margin: 0 0.5em 0.5em 0; }
.right { float: right; margin: 0 0 0.5em 0.5em; }

/* FOOTER */

#footer { width: inherit; height: 2em; background: url(../images/layout/bg_footer.png) repeat-x #000; text-align: center; padding-top: 0.7em; }
#footer p { font: bold 0.75em arial; color: #fff; text-transform: uppercase; margin-top: 1em; }
#footer ul { list-style: none; }
#footer ul li { display: inline; font: bold 1em arial; color: white; padding: 0 0.1em; text-decoration: none; text-transform: uppercase; }
#footer ul li a { border-bottom: 0.6em solid #000; color: white; padding: 0 0.1em; text-decoration: none; text-transform: uppercase; }
#footer ul li a.menuselect, #footer ul li a:hover { border-bottom: 0.6em solid #900; background: none; }