* { margin: 0; outline: none; } 
html, body { height: 100%; }

body { background: #fff url(images/top_line.png) repeat-x 0 0; color: #666; font: normal 13px/1.2em Verdana, Arial, Helvetica, Sans-Serif; margin: 30px 0 20px 0; padding: 0; line-height: 1.5em; word-spacing: 0.1em; }

#maincontainer { background: url(images/spiral.png) repeat-y  top right;width: 960px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; }

#header { background: url(images/header2.png) no-repeat 0 0; height: 138px; }

#header h1 { font-size: 2.7em; line-height: 1em; font-weight: normal; margin: 0 0 0 110px; padding-top: 40px; }

#header span { font-size: 1.3em; line-height: 1.5em; font-weight: normal; margin: 0 0 0 112px; }

#contentwrapper {  float: left; width: 100%; }

/*CONTENT COLUMN*/

#contentcolumn { margin: 0 70px 20px 290px; }

a, a:link, a:visited { color: #cc0000; text-decoration: underline; }

a:hover { color: #cc0000; text-decoration: none; }

#contentcolumn ul { list-style-type: square; }

/*SWITCH CONTENT*/

.iconspan{ float: right; margin: 3px; cursor:hand; cursor:pointer; font-weight: bold; }

.eg-bar{ background-color: #f2f5f9; font-weight: bold; border: 1px solid #4682b4; padding: 3px; }

div.eg-bar{ width: 592px; margin-bottom: 15px; }

textarea { border: 1px solid #4682b4; width: 595px; margin-bottom: 15px; }

.icon { vertical-align: middle; }

/*LEFT COLUMN*/

#leftcolumn { text-transform: uppercase; border-right: 2px solid #4682b4; border-bottom: 2px solid #4682b4; border-left: 1px solid #4682b4; float: left; width: 246px; margin: 0 0 20px -940px; }

#leftcolumn h4 { font-size: 1.1em; background-color: #4682b4; color: #fff; margin: 0; padding-left: 4px; text-transform: none; line-height: 1.4em; }

#navlist { padding: 5px 0; margin: 0; width: 228px; }

#navlist li { background: #fff url(images/points.png) repeat-x 0 1.3em; list-style: none; line-height: 2em; margin: 0 0 0 10px; }

#navlist li a, #navlist li a:link, #navlist li a:visited { background-color: #fff; color: #000; text-decoration: none; padding-left: 5px; }

.seagreen { border-left: 30px solid #2e8b57; }
.rawsienna { border-left: 30px solid #c76114; }
.lightblue { border-left: 30px solid #7d9ec0; }
.beet { border-left: 30px solid #8e388e; }
.steelblue { border-left: 30px solid #4682b4; }
.burlywood { border-left: 30px solid #deb887; }
.darkgray { border-left: 30px solid #a9a9a9; }
.rosybrown { border-left: 30px solid #bc8f8f; }
.midnightblue { border-left: 30px solid #191970; }
.tomato { border-left: 30px solid #ff6347; }
.darkkhaki { border-left: 30px solid #bdb76b; }
.darkseagreen { border-left: 30px solid #8fbc8f; }
.dimgray { border-left: 30px solid #696969; }

#navlist li a:hover { color: #cc0000; text-decoration: underline; }

.greybox { background: #fff url(images/greybox.png) repeat-x 0% 0%; text-transform: none; padding: 5px 10px; }

/*FOOTER*/

#footer { clear: both; width: 960px; margin: 5px auto; text-align: right; }

#footer, #push { height: 50px; clear: both; }

/*STYLES*/

h2 { border-bottom: 1px solid #000; font-size: 1.9em; font-weight: normal; line-height: 1em; margin: 0 0 16px 0; padding-bottom: 8px; }

h3 { font-size: 1.5em; font-weight: normal; line-height: 1em; margin: 8px 0; }

h4 { font-size: 1.3em; font-weight: normal; line-height: 1em; margin: 0 0 8px 0; }

p { margin: 8px 0 8px 0; }

.hr { border: #ccc 1px solid; background-color: #fff; color: #fff; height: 5px; margin: 8px 0; width: 100%; }

blockquote { border: 1px solid #4682b4; border-top-width: 0; margin: -8px 20px 16px 20px; padding: 0; }

blockquote p { font-size: 1.1em; letter-spacing: 1px; padding: 5px 10px; }

blockquote em { font-size: 1.3em; color: #4682b4; line-height: 1.6em; }

.listnumber { color: #4682b4; float: left; font-size: 3.2em; line-height: 83%; padding-right: 3px; }

.list ul { list-style-type: none; margin: 0 0 16px; padding: 0; }

.list li { clear: both; margin-bottom: 8px; }

.innertube { margin: 5px 70px 0 0; }

img.shadow { background: url(images/shadow.png) no-repeat bottom right; padding: 0 7px 7px 0; }

table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; }

tr,td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px; }

div.left { float: left; width: 32%; margin-right: 1%; }

div.center { float: left; width: 32%; margin-right: 1%; }

div.right { float: left; width: 32%; }

.clear:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }

/*FORUM*/

span.name { display: block; margin: 0; padding: 5px; background-color: #f2f5f9; border: 1px solid #4682b4; }

span.subject { display: block; font-weight: bold; background-color:#fff; padding: 5px 0 0 0; }

span.comment { display: block; background-color:#fff; padding: 0; margin: 0 0 10px 0; }