@import url(reset.css);
@import url(default.css);

body { color: #2a2a2a; background: #fff; }

a:link, a:visited { text-decoration: none; color: #D12643; }
a:hover, a:active { text-decoration: underline; color: #222C36; }

#container { width: 944px; margin: 0 auto; padding-top: 36px; position: relative; }

#header { background: #d12643 url(../images/header_bg.gif) no-repeat top right; }
#header h1 { background: #d12643 url(../images/logo.gif) no-repeat; text-indent: -9999px; width: 220px; }
#header h1 a:link, #header h1 a:visited { display: block; height: 73px; }
#header h2 { color: #fff; background: #0f1010; padding: 10px 30px; text-align: right; text-transform: uppercase; font-style: italic; font-weight: normal; font-size: 1.3em; }

#menu { margin: 0; padding: 0; position: absolute; top: 0%; left: 0%; }
#menu li { list-style: none outside; float: left; }
#menu li a:link, #menu li a:visited { color: #fff; background: #1e2124 url(../images/nav-li_bg.gif) repeat-x; display: block; text-decoration: none; padding: 12px 35px; text-transform: uppercase; border-right: 1px solid #000; border-left: 1px solid #2f3234; }
#menu li a:hover, #menu li a:active { background: #3f4245 url(../images/nav-li-hover_bg.gif) repeat-x; }
#menu li.first a:link, #menu li.first a:visited { border-left: none; padding: 12px 36px; }
#menu li.last a:link, #menu li.last a:visited { border-right: none; }

#main1 { background-image: url(../images/red.gif); background-position: top left; background-repeat: repeat-y; }
#main2 {}

#colLeft { float: left; width: 200px; margin: 0; padding: 0; border-top: 1px solid #fff; }
#colLeft .padding { padding: 0; }

#colLeft h3 { color: #fff; background: #d12643; text-align: center; font-size: 1.2em; text-transform: uppercase; padding: 8px; }

#browse { margin: 0; padding: 0; }
#browse li { color: #fff; background: #000; list-style: none outside; text-transform: uppercase; border-bottom: 1px solid #acaeb0; }
#browse li a:link, #browse li a:visited { color: #fff; text-decoration: none; display: block; padding: 10px 20px; }
#browse ul { margin: 0; padding: 0; }
#browse ul li { color: #000; background: #a9acae url(../images/browse-ul-li_bg.gif) no-repeat; text-transform: capitalize; border-bottom: none; }
#browse ul li a:link, #browse ul li a:visited { color: #000; }

#colRight { float: right; width: 200px; margin: 0; padding: 0; }
#colRight .padding { padding: 0; }

#content { margin: 0 200px; }
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }
#content .padding { padding: 20px; margin: 10px 0 10px 10px; border: 1px solid #a4a4a4; }

h2.title { background: #fff url(../images/pagetitle_bg.gif) no-repeat left; padding-left: 25px; color: #d12643; margin: 0 0 20px -20px; }

body.root #content { border: none; padding: none; }
body.root #content .padding { border: none; padding: 1px; }

.box { background: #fff; border: 1px solid #a4a4a4; padding: 1px; }

#flash { float: left; width: 511px; }
#pointless { float: right; width: 157px; height: 179px; overflow: hidden; padding: 30px; background: #d12643 url(../images/home_bg.gif) no-repeat bottom right; }
#pointless h3 { font-size: 1.2em; margin-bottom: 15px; }

#products { margin: 10px 0; padding: 0; }
#products li { list-style: none outside; float: left; width: 206px; height: 100px; overflow: hidden; margin: 2px; padding: 15px; }
#products h3 { color: #d12643; background: #000; font-size: 1.3em; font-weight: normal; padding: 2px 20px; margin: -14px -14px 10px -14px; }
#products img { float: right; margin: 5px 0 5px 5px; }

#sponsors { margin: 15px 0; padding: 0; }
#sponsors li { float: left; list-style: none outside; }

#footer { margin: 15px 0; padding: 0; }
#footer li { list-style: none outside; float: left; padding: 0 14px; font-size: 1.2em; border-right: 1px solid #000; }
#footer li a:link, #footer li a:visited { color: #000; text-decoration: none; }
#footer li.last, #footer li.last { border-right: none; }

body.noRight #main2 { background-image: none; }
body.noRight #colRight { display: none; }
body.noRight #content { margin-right: 0; }

body.noLeft #main1 { background-image: none; }
body.noLeft #colLeft { display: none; }
body.noLeft #content { margin-left: 0; }

body.noStructure {}
body.noStructure #colLeft,
body.noStructure #colRight,
body.noStructure #main1,
body.noStructure #main2,
body.noStructure #content,
body.noStructure #header,
body.noStructure #footer,
body.noStructure #menu
{
	display:none;
}