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

body { color: #505050; background: #fcfcfc; }

a:link, a:visited { color: #81002b; }

#container { width: 932px; margin: 0 auto; }

#header { position: relative; }
#header h1 { background: #fcfcfc url(../images/logo.png) no-repeat; width: 299px; text-indent: -9999px; }
#header h1 a:link, #header h1 a:visited { display: block; height: 84px; }
#header h2 { position: absolute; bottom: 0%; right: 0%; background: #fcfcfc url(../images/slogan.png) no-repeat; width: 371px; height: 52px; text-indent: -9999px; }

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

#colLeft { color: #2d2d2d; float: left; width: 173px; margin: 0; padding: 0; }
#colLeft .padding { padding: 0; }

form#browse { background: #fff url(../images/browse_bg.png) no-repeat; margin: 0; padding: 18px 12px 21px 12px; }
form#browse ul { margin: 0; padding: 0; }
form#browse ul li { list-style: none outside; }
form#browse label { text-transform: uppercase; font-family:arial; font-weight: bold; display: block; margin: 0 0 5px 0; }
form#browse select#s { width: 149px; }
form#browse button { color: #fff; background: #9a0033; text-transform: uppercase; border: none; margin: 10px 0 0; }

#colLeft h2 { color: #2d2d2d; font-weight: normal; padding: 5px 17px; font-size: 1.6em; }
#colLeft h2 a { color:#2D2D2D; }
#colLeft h2 em { text-transform: uppercase; font-style: normal; }

ul#side-menu { margin: 0; padding: 10px 0; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; }
ul#side-menu li { list-style: none outside; padding: 4px 17px; }
ul#side-menu a:link, ul#side-menu a:visited { color: #2d2d2d; text-decoration: none; font-style: italic; }

ul#categories { margin: 0; padding: 10px 0; }
ul#categories li { padding: 4px 17px; list-style: none outside; }
ul#categories a:link, ul#categories a:visited { color: #2d2d2d; text-decoration: none; font-weight:bold; }

#colRight { float: right; width: 150px; margin: 0; padding: 0; background-color: #09f; }

#content { margin: 0 150px 0 186px; position: relative; z-index: 50; } /* 13px more margin than the width of the left column */
#content .floatfix { display: table; height: 1%; width: 100%; margin: 0; padding: 0; }
#content .padding { background: #e0ddd0 url(../images/content-padding_bg.png) repeat-x; border: 1px solid #dbce9d; border-top: none; padding: 75px 35px; }
body.root #content .padding { padding: 0; background: none; border: none; }
#content div.c { width: 10px; height: 10px; position: absolute; background-repeat: no-repeat; }
#content div.ctl { background-image: url(../images/sctl.png); top: 0%; left: 0%; }
#content div.ctr { background-image: url(../images/sctr.png); top: 0%; right: 0%; }
#content div.cbl { background-image: url(../images/cbl.png); bottom: 0%; left: 0%; }
#content div.cbr { background-image: url(../images/cbr.png); bottom: 0%; right: 0%; }

#flash { background: #fff url(../images/flash.jpg) no-repeat; height: 337px; }

h2.title { color: #fff; background: #000 url(../images/title_bg.png) repeat-x; padding: 6px 18px; font-size: 2.4em; position: absolute; top: 0%; left: 0%; border: 1px solid #5a001e; width: 708px; margin: 0 0 10px; font-weight: normal; }
body.root h2.title { color: #8a002e; background: none; position: static; width: auto; padding: 0; border: none; text-transform: uppercase; font-size: 1.6em; }

#root-thing { margin: 8px 0 0; padding: 0; background: #fff url(../images/root_content_bg.png) repeat-y; position: relative; } /* Yes, this is laziness */
#root-thing li { list-style: none outside; float: left; background: #e0ddd0 url(../images/content-col_bg.png) repeat-x; margin-top: 1px; margin-bottom: 1px; }
#content #root-thing li .padding { padding: 1.5em 2em; }
#root-thing li.col1 { width: 241px; margin-left: 1px; }
#root-thing li.col1 a:link, #root-thing li.col1 a:visited { display: block; font-weight: bold; }
#root-thing li.col1 a.view:link, #root-thing li.col1 a.view:visited { color: #fff; background: #fff url(../images/button_bg.png) repeat-x; text-transform: uppercase; text-decoration: none; float: right; padding: 3px 5px; border: 1px solid #5a001e; }
#root-thing li.col1 em { display: block; text-transform: uppercase; font-style: normal; font-weight: bold; }

#root-thing li.col2 { width: 262px; margin-left: 1px; }

#root-thing li.col3 { width: 238px; margin-left: 1px; margin-right: 1px; }
#root-thing li.col3 ul { margin: 0; padding: 0; }
#root-thing li.col3 ul li { display: block; float: none; background: none; margin: 0; height: 3em; }
#root-thing li.col3 ul li.form-item input { width: 100%; padding: 2px 0; }
#root-thing li.col3 button { color: #fff; background: #fff url(../images/button_bg.png) repeat-x; text-transform: uppercase; text-decoration: none; padding: 3px 5px; border: 1px solid #5a001e; margin: 5px 0 0; }

#root-thing li.c { width: 10px; height: 10px; position: absolute; background-repeat: no-repeat; margin: 0; padding: 0; }
#root-thing li.ctl { background-image: url(../images/ctl.png); top: 0%; left: 0%; }
#root-thing li.ctr { background-image: url(../images/ctr.png); top: 0%; right: 0%; }
#root-thing li.cbl { background-image: url(../images/cbl.png); bottom: 0%; left: 0%; }
#root-thing li.cbr { background-image: url(../images/cbr.png); bottom: 0%; right: 0%; }

#footer { text-align: center; padding: 45px 0; }

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;
}

a.view_newsletter_btn {
	padding: 3px 12px;
	background-color: #777;
	color: #fff;
	border:solid .2em #aaa;
	border-right-color:#444;
	border-bottom-color:#444;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 12px;
	width: 118px;
}