body, html { margin: 0 auto; background: #e6e9ee url(../images/bg.jpg) repeat-y center; height: 100%; }

a { cursor: pointer; color: #ff9207; text-decoration: none; }

input { font: 10px Verdana, Arial, Helvetica, sans-serif; }

h1 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #647386; border-bottom: solid 2px #334050; padding: 4px; }
h2 { font: 21px Verdana, Arial, Helvetica, sans-serif; color: #ff9207; margin: 0px 0px 5px 0px; padding: 5px; border-bottom: dotted 1px #333; }

.topLinks { position: absolute; right: 30px; top: 11px; color: #cedbeb; font: 10px Arial, Helvetica, sans-serif; }
.topLinks a { color: #cedbeb; text-decoration: none; }
.topLinks a:hover { color: #fff; text-decoration: underline; }
.input { background: url(../images/inputBg.jpg) repeat-x; width: 137px; border: solid 1px #ccc; height: 12px; line-height: 20px; padding: 4px; }
.button { background: url(../images/buttonBg.jpg) repeat-x; width: 60px; border: solid 1px #ccc; height: 20px; line-height: 20px; }
.clearer { clear: both; }

#container { width: 850px; margin: 0 auto; position: relative; background: #fff; height: 100%; }

#topRow { background: #334050; padding: 8px; padding-left: 30px; position: relative; }

#header { background: url(../images/headerBg.jpg) repeat-x; height: 115px; position: relative; }

#navSeperator { background: #334050; height: 7px; }

#navigation { position: absolute; right: 0px; top: 123px; }
	#navigation a { background: url(../images/navBg.jpg) no-repeat; width: 65px; height: 25px; text-align: center; padding: 8px 5px 5px 5px; display: block; float: left; margin-right: 5px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #334050; text-decoration: none; }
	#navigation a:hover { background: url(../images/navOver.jpg) no-repeat; }
	#navigation a.active { background: url(../images/navOver.jpg) no-repeat; }

#body { background: #fff url(../images/leftCol.jpg) repeat-y; }

#leftCol { width: 228px; padding: 10px 13px; float: left; }
#leftColCon { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #444; }
	#leftColCon a { font: 12px Verdana, Arial, Helvetica, sans-serif; padding: 3px 3px 3px 5px; display: block; border: solid 1px #f4f4f4; }
	#leftColCon a:hover { color: #555; border: solid 1px #fff; padding: 3px 3px 3px 10px; border-left: solid 3px #ccc; background: #fff; }

#loginBox { background: url(../images/loginBox.jpg); width: 212px; height: 80px; position: relative; margin-bottom: 15px; padding: 7px; font: 10px Verdana, Arial, Helvetica, sans-serif; }
	#loginBox a { font: bold 10px Verdana, Arial, Helvetica, sans-serif; }
	#loginBox a:hover { text-decoration: underline; color: #555; }

#content { float: left; width: 596px; }
#adArea { padding: 10px; }

#story { padding: 10px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #5c5c5c; }
	#story p { text-indent: 35px; line-height: 25px; }

#error { background: #D5E0E6; width: 80%; padding: 15px; margin: 10% auto; border: solid 1px #91a6b1; font: 15px Verdana, Arial, Helvetica, sans-serif; }