body {
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 12px;
	color: #555555;
	background-color: #ffffff;
	background-image: url('../gfx/bg_left.gif');
	background-repeat: repeat-x;
}

a { color: #555555; text-decoration: none; cursor: pointer }
a:hover { text-decoration: underline }

img { border: 0 }

input.text {
	height: 14px;
	padding: 2px;
	font-size: 11px;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
}

input.file {
	height: 18px;
	width: 198px;
	font-size: 11px;
}

input.submit, a.submit {
	width: 196px;
	color: #ffffff;
	padding: 1px 0 1px 0;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	background-color: #59b315;
}
a.submit {
	height: 15px;
	padding: 1px 3px 1px 3px;
	font-size: 11px;
}
a.submit:hover { text-decoration: none }

textarea, select {
	font-size: 12px;
	padding: 2px;
	color: #666666;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
}

#top {
	width: 887px;
	height: 407px;
	margin: 0 auto -200px auto;
	background-image: url('../gfx/logo.jpg');
	background-repeat: no-repeat;
}
#top a.logo {
	width: 210px;
	height: 50px;
	float: left;
	margin: 55px 0 0 40px;
}
#top #banner {
	width: 468px;
	height: 60px;
	margin: 32px 0 0 375px;
	position: absolute;
}
#top h3 { width: 150px; float: left; margin: 113px 0 0 120px; color: #ffffff; text-align: center; font-family: Trebuchet MS; font-size: 17px; font-weight: normal }
#top form { width: 146px; float: left; margin: 101px 0 0 125px }
#top form input { display: block; margin-bottom: 2px; color: #b7b7b7 }
#top form input.text { width: 140px }
#top form input.submit, #top form a { width: 90px; float: right; margin-top: -1px; padding-right: 17px; color: #ffffff; border: 0; background: none; background-image: url('../gfx/arrow.gif'); background-repeat: no-repeat; background-position: center right }
#top form a { font-size: 9px }
#top div.links { width: 310px; float: right; margin: 102px 45px 0 0; text-align: center }
#top div.links a { color: #ffffff; font-family: Trebuchet MS; font-size: 14px; font-weight: bold; margin: 0 15px 0 5px; letter-spacing: -1px }
#top div.links a:hover { text-decoration: none }
#top div.links img { margin: 2px 11px -15px 0 }

#main {
	width: 887px;
	margin: auto;
}

#content {
	width: 817px;
	float: left;
	padding: 10px 30px 0 40px;
	margin-bottom: -15px;
	background-image: url('../gfx/main_bg.gif');
	background-repeat: repeat-y;
}

/* footer */
#footer {
	width: 887px;
	height: 110px;
	margin-bottom: 10px;
	clear: both;
	color: #bfbfbf;
	background-image: url('../gfx/footer.gif');
	background-repeat: no-repeat;
}

#footer ul {
	width: 370px;
	float: left;
	margin: 72px 0 0 35px;
	text-align: right;
	list-style-type: none;
}
#footer ul li {
	display: inline;
}
#footer ul li a { margin-left: 20px; float: left }
#footer p {
	float: left;
	width: 422px;
	margin: 72px 0 0 -38px;
	text-align: right;
}
#footer a { color: #999999 }
#footer p a { font-weight: bold }
/* end footer */

/* menu */
#menu {
	width: 209px;
	float: left;
	margin: -70px 8px 0 0;
}
#menu h1 {
	width: 150px;
	height: 67px;
	margin: 0 0 0 15px;
	padding: 14px 0 0 45px;
	letter-spacing: -1px;
	font-family: Trebuchet MS;
	font-size: 17px;
	font-weight: normal;
	background-image: url('../gfx/menu_main_cat.gif');
	background-repeat: no-repeat;
}
#menu ul {
	margin: -20px 0 0 12px;
	padding-bottom: 10px;
	list-style-type: none;
}
div#menu ul li {
	margin-left: -37px;
	padding: 2px 0 2px 45px;
	background-image: url('../gfx/menu_li.gif');
	background-repeat: no-repeat;
	background-position: 15px 7px;
}
div#menu ul.nostyle {
	margin-top: -35px;
}
div#menu ul.nostyle li {
	background: none;
}
/* end menu */
#text {
	float: left;
	width: 570px;
	margin: 0 0 0 20px;
	background-color: #ffffff;
}
#text h2, #cooperation h2 {
	height: 38px;
	margin: 0 0 8px 0;
	padding: 6px 0 0 55px;
	letter-spacing: -1px;
	font-family: Trebuchet MS;
	font-size: 16px;
	color: #ffffff;
	background-image: url('../gfx/bar.jpg');
	background-repeat: no-repeat;
}

#text h2.msg {
	margin: 0 0 8px 0;
}

#text h2.shadow {
	float: left;
	height: 29px;
	border: 0;
	font-family: Trebuchet MS;
	font-size: 16px;
	background-color: #ffffff;
	background-image: url('../gfx/belt.png');
	background-repeat: no-repeat;
}

/* style for text */
#text input.text { width: 190px }
#text a { color: #ec7402 }
ul.dec { margin-left: -14px; background: none }
.blad { font-size: 10px; font-weight: bold; color: #b00000 }

/* box */
div.box {
	width: 565px;
	float: left;
	margin: 5px 0 15px 0;
	padding-bottom: 20px;
	background-image: url('../gfx/line.gif');
	background-position: bottom left;
	background-repeat:no-repeat;
}
div.box .img {
	width: 164px;
	height: 155px;
	float: left;
	margin-right: 20px;
	padding: 10px 1px 1px 1px;
	text-align: center;
	background-image: url('../gfx/screen_bg.gif');
	background-repeat: no-repeat;
}
div.box small { display: block; color: #b3b3b3; font-size: 11px }
div.box h1 {
	float: left;
	width: 370px;
	margin: 5px 0 5px 0;
	font-size: 18px;
	font-weight: normal;
	font-family: Trebuchet MS;
	color: #3a3a3a;
}
div.box h1 a { color: #3a3a3a }
div.box h4 { margin: 3px 0 0 5px; font-family: Trebuchet MS; width: 155px }
div.box a.link { cursor: pointer; float: right; margin: 5px -370px 0 0; color: #c4c4c4; font-weight: bold }
div.box span.vote { float: left; margin-bottom: 8px }
div.box span.vote small { float: left; margin-top: 1px; display: inline; font-size: 10px }
div.box span.vote img { float: left; margin-right: 3px }
div.box div.bar { width: 374px; height: 19px; padding: 5px 5px 0 5px; font-weight: bold; font-size: 8pt; float: right; background-color: #f2f2f2 }
div.box p { float: left; width: 380px; display: block; font-size: 11px; margin: 0 0 5px -1px }
/* end box */

/* comment */
div#comments { font-size: 11px; float: left; width: 99%; }
div#comments form { padding-bottom: 30px }
div#comments form textarea {
	width: 100%;
	height: 100px;
	margin-top: 8px;
}
div#comments form input {
	width: 90px;
	float: right;
	margin-top: 5px;
}

div#comments span {
	float: right;
	font-style: italic;
}
div#comments p {
	padding-bottom: 10px;
	background-image: url('../gfx/line.gif');
	background-position: bottom center;
	background-repeat:no-repeat;
}
div#comments span.vote {
	float: left;
	margin: 4px 5px 0 0;
	font-style: normal;
	padding: 0;
	border: none;
}
div#comments h4 {
	font-family: Trebuchet MS;
	font-size: 14px;
}
#flash { display: inline }
/* end comment */

.pager ul { margin: 15px auto 0 auto; padding: 0 }
.pager ul li { height: 17px;  margin-right: 3px; padding-top: 3px; display: inline; float: left; text-align: center; border: 1px solid #1ab6cf }
.pager ul li.active { padding: 3px 6px 0 6px; border: 1px solid #7f6b43; background-color: #2f3b42; color: #82cb16 }
.pager ul li.active:hover { border: 1px solid #7f6b43 }
.pager ul li.noactive { padding: 3px 6px 0 6px; border: 1px solid #b7d7dc; color: #acacac }
.pager ul li.noactive:hover { border: 1px solid #b7d7dc }
.pager ul li:hover { border: 1px solid #80c717 }
.pager ul li a { float: left; height: 20px; padding: 0 6px 0 6px; color: #334048 }
.pager ul li a:hover { text-decoration: none }
.t_top { vertical-align: top }
.t_center { text-align: center }

#cooperation {
	clear: both;
	width: 568px;
	float: right;
	margin-right: 12px;
}
#cooperation h1 { margin: -5px 0 5px 0; letter-spacing: -1px; font-family: Trebuchet MS; font-size: 16px }
#cooperation div { height: 90px; overflow: auto }

#register { width: 260px; float: right; color: black }
#register h3 { margin: 2px 0 0 0 }
#register ul { margin-left: -28px; list-style-type: square }
#register ul li { margin-top: 10px }
#register2 { width: 540px; margin-top: 5px; padding: 10px; float: left; background: #f2f2f2; border: 1px solid #d9d9d9 }

table.list td { padding: 5px }
table.list .top td { font-weight: bold; color: white; background: #38c8e2 }
table.list .pr td { background: #eeeeee }