/*
	 * JL @2008
	 * Screen CSS
	 *
	 *
	 */

@import "primes-typo.css";


html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, ul, ol, li, dl, dt, dd, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; list-style: none; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }

html { background: #660018 url(../images/bg-html.png) repeat-x 0 0; font: 12px/10pt Arial, Helvetica, sans-serif; }
body { }


.aural { position: absolute; left: -100em; }

a { color: #5e5e5e; text-decoration: none; }
a:focus, a.focus, a:hover { color: #a1a1a1; text-decoration: underline; }

#top:after,
.outer:after,
#wrapper:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

/* main */
#page { width: 970px; margin: 0 auto; }

/* top */
#top { padding: 1px 0 0; background: url(../images/bg-top.png) no-repeat 0 44px; }
#top #logo { position: relative; float: left; margin: 0 -20px -30px -3px; z-index: 5; }
#top #sub-nav { height: 15px; float: right; padding: 15px 0 0; text-align: right; }
#top #sub-nav li { display: inline; padding: 0 5px 0 10px; background: url(../images/icon-divider.png) no-repeat 0 2px; }
#top #sub-nav li:first-child { background: none; }
#top #sub-nav li a { color: #fff; font-size: 11px; text-transform: uppercase; }
#top #nav { width: 875px; height: 66px; float: left; margin: 30px 0 0 -30px; padding: 13px 0 0; text-transform: uppercase; }
#top #nav li { height: 66px; float: left; padding: 0 2px 0 0; background: url(../images/icon-divider-1.png) no-repeat 100% 50%; }
#top #nav li:first-child span { padding-left: 60px; }
#top #nav li span { height: 46px; float: left; padding: 22px 30px 0; color: #fff; background: url(../images/bg-nav-act.png) repeat-x 0 200px; font-size: 18px; }
#top #nav li.act span,
#top #nav li span:hover { background-position: 0 0; }

.outer { width: 961px; margin: 0 0 0 5px; background: #fff url(../images/bg-outer.png) repeat-y 0 0; }
#wrapper { width: 961px; padding: 30px 0 0; background: url(../images/bg-outer-child.png) no-repeat 0 0; }
#wrapper>.x { position: relative; display: block; width: 970px; height: 31px; clear: both; margin: 0 -5px 0 -4px; padding: 30px 0 0; background: url(../images/bg-wrapper-child.png) no-repeat 0 100%; }
#wrapper.col-0-lay { width: auto; padding: 0; background: none }
#wrapper.col-0-lay>.x { display: none; }
#wrapper.col-1-lay {  }
#wrapper.col-2-lay { }
#wrapper.col-1-lay #content { margin: 0 30px; float: none; } 
#wrapper.col-2-lay #content { width: 630px; margin: 0 30px; } 

/* content */
#content { float: left; } 
#content_left { width: 300px;  margin: 0 20px 0 0; }
#content_right { width: 300px; position: absolute; right: 340px; top: 144px; }


/* sifr */
.sIFR-flash { visibility: visible !important;  }
.sIFR-flash .hide { display: none; }
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: -2000em; top: 0; display: block; width: 0; height: 0; overflow: hidden; z-index: 1; }
.sIFR-replaced div.sIFR-fixfocus { float: none; letter-spacing: 0;  overflow: auto; }

/* bars */
#side-bar-0 { width: 231px; float: left; margin: 0 0 0 30px; }
#side-bar-1 { width: 231px; float: right; margin: 0 30px 0 0; }
#side-bar-1 .mod-img { margin: 0 0 20px; padding: 0 0 4px; background: url(../images/bg-mod-img.png) no-repeat 0 100%; }
#side-bar-1 .mod-img h5 { height: 28px; padding: 5px 0 0 15px; color: #fff; background: url(../images/bg-side-hd.png) no-repeat 0 0; font-size: 14px; text-transform: uppercase; }
#side-bar-1 .mod-img img { display: block; padding: 0 0 1px; border: solid #999; border-width: 0 1px 1px; }

/* footer */
#footer { width: 930px; height: 81px; margin: 0 auto; padding: 1px 20px 0; background: url(../images/bg-footer.png) no-repeat 0 0; }
#footer #copy { width: 210px; height: 65px; float: left; padding: 5px 0 0; background: url(../images/icon-divider-3.png) no-repeat 100% 0; }
#footer #copy>a,
#footer #copy p { float: left; color: #333; font-size: 11px; }
#footer #copy p { line-height: 15px; padding: 10px 5px 0; }
#footer #copy p span { display: block; }
#footer ul { width: 560px; height: 70px; line-height: 70px; float: left; background: url(../images/icon-divider-3.png) no-repeat 100% 0; text-align: center; }
#footer ul li { display: inline; padding: 0 10px; background: url(../images/icon-divider-2.png) no-repeat 0 2px; }
#footer ul li:first-child { background: none; }
#footer ul li a { color: #900; font-size: 12px; padding: 0 6px 10px; }
#footer #madeby { float: right; line-height: 70px; color: #333; font-size: 11px; }
#footer #madeby img { float: right; }