body, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, form {
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

textarea {
	overflow: auto;
}

html {
	height: 100%;
}

body {
	height: 100%;
	font-family: arial;
	text-align: center;
	background: #ffffff;
	font-size: 12px;
}
	
	#container {
		width: 750px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}

		#header {
			height: 249px;

		}
		
		#content-wrapper {
			margin-top: 6px;
		}
		
			#left-col {
				width: 228px;
				float: left;
				position: relative;
			}
				
				#corner {
					width: 51px;
					height: 52px;
					position: absolute;
					left: 0px;
					background: url(../images/left-corner.gif) no-repeat left top;
				}
				
				#nav-wrapper {
					width: 181px;
					float: right;
					margin-right: 1px;
					background: url(../images/nav-wrapper.gif) repeat-y;
				}
					
					#nav {
						margin-top: 28px;
					}
					
					#nav ul {
						list-style: none;
						padding: 0px;
						margin: 0px;
					}
					
						#nav li {
							margin-left: 6px;
							background: url(../images/li-bullet.gif) no-repeat 0px bottom;
							padding-bottom: 1px;
						}
						
						#nav li span {
							/*+*/
						}
						
							#nav li a {
								display: block;
								background:  url(../images/nav-bullet.gif) no-repeat 17px 14px;
								font-size: 11px;
								font-weight: bold;
								color: #fff;
								text-decoration: none;
								padding: 8px 0px 9px 38px;
								margin: 0px 0px 0px 0px;
							}
							
								#nav li.first a {
									/*+*/
								}
								
								#nav li.last a {
									padding-bottom: 28px;
								}
							
							#nav li a:hover {
								color: #fff;
								text-decoration: none;
								background-color: #ff9999;
							}
							
							#nav li.selected a {
								color: #fff;
								text-decoration: none;
								background-color: #ff9999;
							}
							
							#nav li.selected a:hover {
								color: #fff;
								text-decoration: none;
								background-color: #ff9999;
							}
			
			#right-col {
				width: 522px;
				float: right;
				background: #f2f2f2;
			}
				
				#title-wrapper {
					width: 504px;
					background: url(../images/title-wrapper.gif) no-repeat 0px bottom;
					float: right;
					margin-bottom: 9px;
				}
				
					h2.title {
						font-size: 18px;
						font-weight: bold;
						color: #2867ad;
						padding: 23px 0px 5px 3px;
						float: left;
					}
					
					#timer-wrapper {
						width: 272px;
						height: 44px;
						background: url(../images/timer-tmp.gif) no-repeat;
						float: right;
						margin-top: 2px;						
					}
						
						#timer-wrapper #clock1 {
							font-size: 12px;
							font-weight: bold;
							color: #fff;
							margin: 21px 35px 0px 20px;
							letter-spacing: 9px;
							text-align: right;
						}
						
							#timer-wrapper #clock1 span.h {
								padding: 0px 0px 0px 16px;
							}
							
							#timer-wrapper #clock1 span.m {
								padding: 0px 0px 0px 26px;
							}
							
							#timer-wrapper #clock1 span.s {
								padding: 0px 0px 0px 30px;
							}
				
				#sub-nav-wrapper {

					padding: 15px 0px 0px 18px;
				}
				
					ul.sub-nav {
						list-style: none;
						padding: 0px;
						margin: 0px;
					}
					
						.sub-nav li {
							float: left;
							width: 33%;
						}
					
							.sub-nav a {
								display: block;
								background: transparent url(../images/sub-nav-bullet.gif) no-repeat left 6px;
								font-size: 11px;
								font-weight: bold;
								color: #bbb;
								text-decoration: none;
								padding: 0px 0px 12px 10px;
							}
							
							.sub-nav a:hover {
								color: #89bde8;
								text-decoration: none;
							}
							
							.sub-nav a.selected {
								color: #89bde8;
								text-decoration: none;
							}
							
							.sub-nav a.selected:hover {
								color: #89bde8;
								text-decoration: none;
							}
						
						h3.title {
							font-size: 14px;
							color: #040404;
							margin: 13px 0px 0px 18px;
						}
						
				#content {
					width: 480px;
					height: 250px;
					color: #000000;
					font-size: 12px;
					padding: 0px 0px 20px 23px;
					margin-top: 9px;
					line-height: 16px;
				}
				
					*> #content {
							min-height: 250px;
							height: auto;
					}					

#created {
	font-size: 10px;
	padding: 15px 15px;
	margin: 0px 24px 0px 5px;
	color: #3260bf;
}

	#created-wrapper {
		float: left;
		padding-top: 1px;
	}
	
	#created .logo {
		float: left;
	}
	
		#created .logo a {
			display: block;
			background: transparent url(../images/sys/puslapis.gif) no-repeat right top;
			width: 56px;
			height: 14px;
			padding-left: 3px;
		}
		
			#created .logo a span {
				display: none;
			}
	
	#copyright-wrapper {
		float: right;
		text-align: right;
		width: 400px;
		padding-top: 1px;
	}

	/* Content images */
	
	.img-container {
		/*+*/
	}
	
		.img-container table tr.image td {
		}
		
		.img-container table tr.title {
			/*+*/
		}
		
			.img-container table tr.title td {
				text-align: center;
			}			

/* === Other === */

.w25 {
	width: 25%;
}

.w33 {
	width: 33%;
}

.w50 {
	width: 50%;
}

.w100 {
	width: 100%;
}

.fl {
	float: left;
}

.fr {
	float: right;
}			
/* Clear Fix */

.clearfix:after {
	content: ".";
	display: block;
	font-size: 0px;
	line-height: 0px;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}

* html .clearfix {
	height: 1px;
}