/* default values */
*				{ font: 11px tahoma,verdana,arial,"sans serif"; padding: 0px; margin: 0px; }
html, body			{ background-color: #d0edf5; }

img				{ border: 0px; }

a				{ text-decoration: none; }
a:hover				{ text-decoration: underline; }

/* mainframe box styles */
.mainframe			{ }

.contentframe			{ width: 820px; }
.contentframe .mtop		{ width: 820px; background: url('img/tlb.gif') no-repeat 0px 0px; margin-top: 10px; margin-left: 10px; height: 140px; }
.contentframe .mmid		{ width: 820px; background: url('img/mlb.gif') repeat-y 0px 0px; margin-left: 10px; }
.contentframe .mbot		{ width: 820px; background: url('img/blb.gif') no-repeat 0px 0px; margin-left: 10px; height: 35px; }

/* the menu */
.menu				{ float: left; margin-top: 0px; }
.menu ul			{ font-size: 14px; list-style: none; width: 141px; margin: 15px 20px 0px 20px; padding: 0px; }
.menu li			{ margin: 5px 0px; line-height: 14px; }
.menu li a			{ text-transform: uppercase; color: #ffffff; font-weight: bold; display: block; height: 14px; background-color: red; padding: 3px 0px 4px 10px; text-decoration: none; font-size: 11px; }
.menu li a#active		{ text-transform: uppercase; color: red; background-image: url('img/menub.gif'); background-repeat: no-repeat; }
.menu li a:hover		{ text-transform: uppercase; color: #000000; background-image: url('img/menub.gif'); background-repeat: no-repeat; }
.imglink			{ margin: 50px 0px 0px 50px; }
.imglink a			{ color: white; }

/* infobox styles */
.infobox			{ width: 180px; float: left; margin: 10px 0px 20px 20px; }
.infobox .top			{ width: 180px; background: url('img/ibtl.gif') no-repeat 0px 0px; margin-top: 10px; height: 12px; }
.infobox .mid			{ width: 180px; background: url('img/ibml.gif') repeat-y 0px 0px; }
.infobox .bot			{ width: 180px; background: url('img/ibbl.gif') no-repeat 0px 0px; height: 12px; }

/* the main content div */
.main				{ float: left; width: 600px; margin: 0px 0px 0px 0px; }
.main h1			{ font-size: 20px; font-weight: bold; margin: 0px 10px; }
.main hr			{ margin: 20px 10px; }

/* firstpage */
.questionoftheweek		{ text-align: center; clear:left; }
.questionoftheweek h2		{ text-align: left; font-size: 12px; font-weight: bold; margin: 5px 0px; }
.questionoftheweek h3		{ text-align: left; font-size: 11px; margin: 5px 0px; }
.questionoftheweek a		{ font-size: 13px; font-weight: bold; color: black; text-decoration: none; vertical-align: middle; }
.questionoftheweek a:hover	{ text-decoration: underline; }
.questionoftheweek img		{ vertical-align: middle; }

/* textdiv */
.text				{ width: 390px; float: left; margin: 20px 0px 20px 0px; }
.text .header			{ font-size: 20px; font-weight: bold; margin: 0px 0px 10px 0px; display: block; }
.text .header a			{ font-size: 20px; font-weight: bold; margin: 0px 0px 10px 0px; display: block; text-decoration: none; }
.text .header a:hover		{ text-decoration: underline; }
.text .firstheader		{ font-size: 30px; font-weight: bold; margin: 0px 0px 10px 0px; display: block; }
.text .firstheader a		{ font-size: 30px; font-weight: bold; margin: 0px 0px 10px 0px; display: block; text-decoration: none; }
.text .firstheader a:hover	{ text-decoration: underline; }
.text .ingress			{ font-size: 13px; font-weight: normal; }
.text h2			{ font-size: 16px; font-weight: bold; margin: 0px 0px 10px 0px; }
.text h3			{ font-size: 12px; font-weight: bold; margin: 0px 0px 10px 0px; }
.text .ingresstext		{ font-size: 13px; font-weight: bold; }
.text .newstext			{ font-size: 13px; }
.text .newstext a		{ font-size: 13px; }
.text .left			{ float: left; margin-right: 10px; }
.text .right			{ float: right; margin-left: 10px; }
.text strong			{ font-weight: bold; }
.text em			{ font-style: italic; }
.text a				{ color: #000000; text-decoration: underline; }
.text a:hover			{ text-decoration: none; }
.text i				{ font-style: italic; }
.text img			{ border: 0px; }

.text .blue			{ color: #000050; font-weight: bold; }

.texttd	.header			{ font-size: 20px; }
.texttd h3			{ font-size: 12px; font-weight: bold; }

.question			{ margin-bottom: 10px; padding: 5px; }

.imagebox			{ width: 390px; margin: 10px 0px; }
.imagebox img			{ margin: 10px 10px 0px 0px; }

.commentbox			{ width: 390px; padding: 5px 0px; margin: 10px 0px; }
.commentbox .head		{ background-color: #e0e0e0; border-bottom: 1px dashed #c0c0c0; padding: 2px 2px; margin: 2px 0px; }
.commentbox .head strong	{ font-weight: bold; }

.infoboxContent			{ font-size: 10px; padding: 0px 10px 0px 10px; }
.infoboxContent .left		{ display: inline; float: left; margin-right: 10px; }
.infoboxContent .right		{ display: inline; float: right; margin-left: 10px; }
.infoboxContent h2		{ font-size: 12px; font-weight: bold; margin: 0px 0px 5px 0px; }
.infoboxContent h3		{ font-size: 10px; font-weight: bold; margin: 5px 0px 0px 0px; }
.infoboxContent strong		{ font-size: 10px; font-weight: bold; }
.infoboxContent #frontthumb	{ float: right; }
.infoboxContent a		{ font-size: 10px; color: #000000; text-decoration: none; }
.infoboxContent a:hover		{ text-decoration: underline; }
.infoboxContent p		{ margin: 10px 0px 0px 0px; }

.logoframe			{ float: left; width: 161px; height: 140px; }
.logoframe .sbu			{ margin: 90px 0px 0px 10px; }
.logoframe .sbu a		{ color: white; font-size: 10px; }
.logoframe .sbu img		{ float: left; padding-right: 10px; }
.trFlash			{ float: left; position: relative; height: 140px; background: url('img/tr2.jpg') no-repeat; width: 650px; }
.topbanner			{ height: 100px; width: 600px; margin: 22px 0px 12px 12px; padding: 3px; position: absolute; top: 0px; left: 0px; background-color: white; }

/* banners and ads */
.bannerframe			{ position: absolute; top: 0px; left: 820px; padding: 5px; margin-top: 10px; }
.banner600100			{ clear: both; width: 600px; margin: 0px 0px 0px 0px; position: relative; left: -5px; }

.clear				{ clear: both; height: 0px; font-size: 0px; }

.annons				{ width: 390px; }
.annons td			{ vertical-align: top; padding: 10px 0px; border-bottom: 1px dashed #c0c0c0; }
.annons a			{ text-decoration: none; }
.annons a:hover			{ text-decoration: underline; }

/* forms and extras */
.form				{ width: 370px; margin-right: 10px ; background-color: #e0e0e0; padding: 10px; }
.form textarea			{ width: 300px; height: 300px; padding: 5px; }
.form input			{ width: 190px; padding: 2px; }
.form .button			{ width: auto; }

.bottomImages			{ text-align: center; margin-left: 170px; margin-right: 170px; width: 620px; }
.bottomImages a			{ padding: 5px; vertical-align: middle; }

.about				{ float: left; width: 250px; margin-bottom: 20px; }

.contestlist			{ width: 390px; }
.contestlist td			{ vertical-align: top; padding: 10px 0px; border-bottom: 1px dashed #c0c0c0; }
.contestlist a			{ text-decoration: none; }
.contestlist a:hover		{ text-decoration: underline; }

#pc_imgbox			{ width: 390px; min-height: 300px !important; height: 300px; background-color: #f0f0f0; text-align: center; }

#floatdiv			{ position: absolute; padding: 5px; width: 150px; top: 0px; left: 0px}

#url				{ display:none; }
