@import "reset.css";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #272727;
	background: #fff url(img/bodybg.gif) repeat-x;

}
	body strong { font-weight: bold;}
	body p {
		font-size: 11px;
		color: #272727;
		line-height: 18px;
		}
#container { position:relative; width: 840px; margin: 0 auto; }

	#header {
		float: left;
		width: 840px;
		height: 279px;
		position: relative;
		background: url(img/headerbg.jpg) no-repeat;
		font-size: 10px;
		color: #757575;
		}
		#header #today {
			position: absolute;
			left: 25px;
			top: 152px;
			}
		#header #topnav {
			position: absolute;
			top: 0;
			right: 15px;
			}
			#header #topnav a {
				float: left;
				background: url(img/polec.gif) no-repeat top center;
				width: 100px;
				height: 30px;
				padding-top: 30px;
				text-align: center;
				text-decoration: none;
				color: #757575;
				
				}
				#header #topnav a:hover { text-decoration: underline; }
				#header #topnav a.reg {
					background-image:url(img/regist.gif);
					width: 90px;
					}
				#header #topnav a.for {
					background-image: url(img/forum.gif);
					}
	
		ul#menu {
		position: absolute;
		bottom: 69px;
		left: 59px;
		}
		ul#menu li {
			float: left;
			height: 18px;
			font-size: 0;
			}
			ul#menu li a {
				float: left;
				height: 18px;
				background-repeat: no-repeat;
				text-decoration: none;
				text-indent: -900%;
				margin-right: 24px;
				
				}
				ul#menu li a.hom, ul#menu li a.homx {background-image: url(img/m_hom.gif); width: 111px;}
					ul#menu li a.hom:hover, ul#menu li a.homx {background-image: url(img/m_homx.gif); }
		
				ul#menu li a.add, ul#menu li a.addx { background-image:url(img/m_add.gif); width: 109px;}
					ul#menu li a.add:hover, ul#menu li a.addx { background-image:url(img/m_addx.gif);}
				
				ul#menu li a.rec, ul#menu li a.recx { background-image: url(img/m_con.gif); width: 66px;}
					ul#menu li a.rec:hover, ul#menu li a.recx { background-image: url(img/m_conx.gif);}
				
				
	#content {
		float: left;
		width: 820px;
		height: auto;
		padding-left: 20px;
		}
		#content #left {
			float: left;
			width: 191px;
			}
			#content #left h3 {
				float: left;
				width: 191px;
				height: 65px;
				text-indent: -900%;
				font-size: 0;
				}
				#content #left h3.main { background-image: url(img/h3_glow.gif);}
				#content #left h3.inne { background-image: url(img/h3_inn.gif);}
			#content #left ul {
				float: left;
				width: 186px;
				background: url(img/leftulbg.gif) no-repeat bottom;
				padding-bottom: 53px;
				}
				
				#content #left ul.last {
					background-image: url(img/oo.gif);
				
				}
				#content #left ul li {
					float: left;
					width: 157px;
					height: 20px;
					padding-top: 4px;
					background: url(img/leftulli.gif) repeat-y;
					padding-left: 29px;
					}
					#content #left li a {
						float: left;
						color: #135b7d;
						font-size: 12px;
						font-weight: bold;
						font-family: "Trebuchet MS";
						text-decoration: none;
						}
						#content #left li a:hover {
							color: #bc1c1d;
							}
		
		#content #middle {
			float: left;
			width: 396px;
			height: auto;
			margin-left: 9px;
			display: inline;
			}
			#content #middle h1 {
				float: left;
				background: url(img/h1h2.gif) no-repeat;
				width: 396px; height: 73px;
				font-size:0px; text-indent: -900%;
				margin-bottom: 13px;
				}
			#content #middle .adsense {
				display: block;
				width: 250px;
				margin: auto;
				text-align: center;
				}
				
			#content #middle .page {
				font-size: 12px;
				font-family: "Trebuchet MS";
        margin-left: 15px;
      }
      #content #middle .page a {
        text-decoration: none;
      }
      #content #middle .page #uid {
        width: 340px;
        text-align: center;

        padding-bottom: 20px;
      }
      #content #middle .page li a {
						color: #135b7d;
						font-size: 12px;
						font-weight: bold;
						font-family: "Trebuchet MS";
		 }
		#content #middle .page li a:hover {
							color: #bc1c1d;
		}
		#content #middle .page h1 {
				float: left;
				background: url(img/h1h32.gif) no-repeat;
				width: 396px; height: 73px;
				font-size:0px; text-indent: -900%;
				margin-bottom: 13px;
				}
      #content #middle h2	{
        color: #135b7d;
        font-size: 140%;
        text-align: center;
        padding-bottom: 15px;
        font-weight: bold;
      }
			
      #content #middle p {
				margin: 15px 20px;
				
				}
			#content ul#select {
				float: left;
				width: 360px;
				background: url(img/uu.gif) no-repeat bottom;
				padding-bottom: 63px;
				padding-left: 36px;
				}
				#content ul#select li {
					float: left;
					width: 115px;
					padding-top: 20px;
					}
					#content ul#select li a {
						float: left;
						color: #17556d;
						font-family: "Trebuchet MS";
						font-size: 11px;
						width: 115px;
						text-decoration: none;
						background: url(img/boxa.gif) no-repeat;
						padding-top: 70px;
						}
				
						#content ul#select li.b a { background-image: url(img/boxb.gif);}
						#content ul#select li.c a { background-image: url(img/boxc.gif);}
						#content ul#select li.d a { background-image: url(img/boxd.gif);}
						#content ul#select li.e a { background-image: url(img/boxe.gif);},
						#content ul#select li.f a { background-image: url(img/boxf.gif);}
		#content #right {
			float: left;
			width: 190px;
			height: auto;
			margin-left: 15px;
			display: inline;
			background: url(img/rightbg.gif) repeat-y;
			}
			#content #right h3 {
				float: left;
				width: 190px;
				height: 76px;
				font-size: 0; text-indent: -900%;
				}
			#content #right .adsense {
				float: left;
				height: auto;
				padding-bottom: 63px;
				padding-top: 10px;
				width: 157px;
				padding-left: 33px;
				background: url(img/aa.gif) no-repeat left bottom;
			
				}
	#footer {
		float: left;
		width: 840px;
		height: 92px;
		background: url(img/footer.gif) no-repeat;
		}
		#footer div {
			float: left;
			margin-left: 50px;
			margin-right: 50px;
			margin-top: 35px;
			color: #17556d;
			
			}
		#footer a {
			font-size: 10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #17556d;
			text-decoration: none;
			}
			#footer a:hover {
				text-decoration: underline;
				}
				.input {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	
	
	color: black;
}
				.input2 {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	
	color: black;
}

				.input3 {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: black;
}