html {height: 100%; margin-bottom: 1px;}
*,div {margin: 0; padding: 0; border: 0;}
body {
	background: #15659f url(files/body.jpg) 50% 0 no-repeat;
	font: 62.5%/1.6em Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.68em;
	color: #555;
}
h1,h2,h3,h4,h5,h6 {font: 2em/1em Georgia, Times, serif;}
h1 {font-size: 30px;line-height: 1.6em;}
h2, h3, h4 {font: 24px/1.2em Georgia, Times, serif; margin-bottom: 5px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
a {text-decoration: none; color: #1c6cbe;}
a:hover {text-decoration: underline; color: #1c6cbe;}
/* ****************** */
#wraper {
	margin: 0 auto;
	width: 950px;
}
#container {
	float: left;
	width: 950px;
}
	img.logo {
		float: left;
		margin: 0 0 10px 0;
	}
	form#login, #logged {
		float: left;
		background: url(files/login.jpg) 0 0 no-repeat;
		width: 282px; height: 101px;
		margin: 40px 0 0 220px;
	}
		#login input {
			float: left;
			background: url(files/input.jpg) 0 0 no-repeat;
			width: 162px; height: 15px;
			margin-bottom: 12px;
			padding: 5px;
			font: 11px Verdana, Arial, sans-serif;
			color: #1c6cbe;
		}
		#login input:focus {
			background: url(files/inputFocus.jpg) 0 0 no-repeat;
		}
		#login fieldset {
			width: 242px;
			padding: 20px 0 0 20px;
		}
		#login button {
			float: left;
			background: url(files/button.jpg) 0 0 no-repeat;
			width: 63px; height: 25px; overflow: hidden;
			margin-left: 7px;
			font: 11px Verdana, Arial, sans-serif;
			text-transform: uppercase;
			color: #1c6cbe;
			cursor: pointer;
		}
		#logged h3 {
			font: 14px/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
			text-transform: uppercase;
			font-weight: bold;
			color: #fff;
			padding: 20px 0 0 20px;
		}
		#logged ul {
			margin: 0 0 0 40px;
			color: #c0e4ff;
		}
		#logged a {
			color: #c0e4ff;
			border-bottom: 1px Dotted #c0e4ff;
		}
		#logged a:hover {
			text-decoration: none;
			border-style: solid;
		}
	#content {
		float: left;
		background: #fff url(files/content.gif) 0 55px repeat-x;
		width: 940px; overflow: hidden;
		padding: 5px;
	}
	ul#menu {
		float: left;
		width: 940px; height: 45px;
		margin-bottom: 10px;
		border-top: 5px Solid #d6d6d6;
		border-bottom: 1px Solid #d6d6d6;
	}
		ul#menu li {
			float: left;
			background: url(files/separator.jpg) 0 100% no-repeat;
			list-style: none;
			position: relative;
		}
			ul#menu li a {
				display: block;
				width: 120px; height: 32px;
				padding-top: 12px;
				text-align: center;
			}
			ul#menu li.home a, ul#menu li.contact a {
				width: 50px;
				text-indent: -9999px;
				outline: none;
			}
			ul#menu li.home {
				background: url(files/home.gif) 100% 0 no-repeat;
			}
			ul#menu li.contact {
				background: url(files/contact.gif) 50% 59% no-repeat;
			}
	/* menu and submenu */
	ul.sub {
		background: #fff!important;
		border: 1px Solid #e4e4e4;
		display: none;
		width: 160px;
		padding: 1px;
		position: absolute;
		left: 0!important;
	}
	ul#menu li li {
		height: auto;
		background: none;
	}
	ul#menu li li a:hover {
		background: #f5f5f5;
	}
	ul#menu li ul.sub li a {
		width: 140px!important;
		height: auto!important;
		padding: 10px;
		text-transform: none;
		text-align: left;
		color: #1c6cbe;
	}
	.sub li a:hover {
		color: #1c6cbe;
	}
	#menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
		top: auto;
		left: auto;
	}
	#menu li:hover ul, li.over ul { /* lists nested under hovered list items */
		display: block;
	}
	.restofcontent { /*wrap rest of content of the page inside this div*/
		clear: left;
	}
/* */
	#left {
		float: left;
		width: 650px;
	}
		#left .photo {
			border: 5px Solid #d6d6d6;
			margin-bottom: 10px;
		}
		p.navigation {
			background: #f5f5f5 url(files/folder.gif) 5px 50% no-repeat;
			padding-left: 26px;
			font-style: italic;
		}
		/* news */
		#news {
			float: left;
			background: url(files/dot.gif) 322px 0 repeat-y;
			width: 650px;
		}
		.newsItem {
			float: left;
			display: inline;
			width: 305px; height: 300px; overflow: hidden;
			padding: 5px;
			margin: 0 5px 5px;
			line-height: 2em;
		}
			.newsItem img {
				float: left;
				border: 1px Solid #d6d6d6;
				padding: 1px;
				margin-right: 10px;
			}
			.cube {
				float: left;
				width: 305px; height: 260px; overflow: hidden;
			}
			p.desc {
				float: left;
				background: url(files/newsItemBottom.gif) 0 0 no-repeat;
				width: 305px;
	padding: 0; margin: 0;
				margin-top: 5px;
			}
				p.desc span {
					float: left;
					background: #fff url(files/item.gif) 5px 50% no-repeat;
					width: 190px; height: 12px; overflow: hidden;
					padding: 2px 5px 2px 17px;
					margin: 5px;
					font-size: 10px;
					font-style: italic;
					line-height: 10px;
				}
				/*p.desc button,*/
				p.desc span.more,
				#right button,
				#comments button,
				.regForm button,
				.contactForm button { /*right button, regForm, contactForm and comment button definition */
					float: left;
					background: url(files/newsButton.gif) 0 0 no-repeat;
					width: 67px; height: 27px;
					margin-left: 11px;
					font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
					color: #1c6cbe;
					cursor: pointer;
				}
				p.desc span.more {
					padding: 0;
					padding-top: 5px;
					height: 22px;
					margin: 0 0 0 11px;
					text-align: center;
				}
				p.desc span.more a:hover {
					text-decoration: none;
				}
			/* complete news */
			/* welcome */
			#complete, .welcome, .message {
				float: left;
				width: 640px;
				padding: 10px; padding-right: 0;
				line-height: 2em;
			}
			.welcome, .message {
				border-bottom: 5px Solid #f5f5f5;
				margin-bottom: 10px;
			}
			.message {
				background: url(/files/yellow.gif);
			}
			#complete h2 {
				margin-bottom: 10px;
			}
			#complete p {
				margin-bottom: 15px;
				text-align: justify;
			}
			#complete p.desc {
				background: url(files/newsItemBottom.gif) 0 0 repeat-x;
				width: 640px;
				height: 26px;
			}
			#complete p.desc span {
				width: 608px;
			}
			#complete ol, #complete ul {
				margin-left: 20px;
				margin-bottom: 20px;
			}
				#complete ol ol {
					list-style-type: lower-alpha;
				}
				#complete ol ol, #complete ul ul {
					margin-bottom: 0;
				}
				#complete li {
					margin: 5px;
				}
				p.archive {
					background: #f5f5f5 url(files/calendar.jpg) 5px 50% no-repeat;
					padding-left: 26px;
					font-style: italic;
				}
				span.string {
					background: #f5f5f5;
					padding: 5px;
					font-style: italic;
				}
				h3.warning {
					background: url(files/warning.gif) 5px 50% no-repeat;
					padding-left: 25px;
					color: #c00;
				}
				.photogallery img {
					float: left;
					background: #f5f5f5;
					padding: 5px;
					margin: 5px;
				}
				.cell {
					float: left;
					width: 280px; height: 220px; height: auto;
					margin:1px;
				}
				.big {
					width: 338px;
					height: 202px;
				}
			/* gallery inside complete news */
			#gallery {
				float: left;
				background: url(files/dot.gif) 100% 0 repeat-y;
				width: 130px;
				padding: 10px;
				margin: 0 10px 10px 0;
			}
			#gallery img {
				border: 1px Solid #d6d6d6;
				padding: 1px;
				margin-bottom: 10px;
			}
			/* comments */
			#comments {
				float: left;
				background: url(files/newsItemBottom.gif);
				width: 640px;	
			}
				#comments div {
					padding: 10px;
				}
				#comments h2, #comments p, #comments label {
					background: #fff;
					padding: 5px;
				}
				#comments h2, #comments h3, #comments label {
					font-family: Verdana, Arial, Helvetica, sans-serif;
					color: #1c6cbe;
				}
				#comments p.pageNum, #comments p.close, p.pageNum {
					clear: both;
					background: #fff url(files/series.gif) 5px 50% no-repeat;
					padding: 2px 5px 2px 17px;
					font-size: 10px;
					font-style: italic;
					line-height: 10px;
				}
				#comments p.close {
					background: url(files/close.gif) 5px 50% no-repeat;
					padding-left: 25px;
				}
				#comments label, #comments h3 {
					float: left;
					width: 175px;
					height: 25px;
					padding: 5px 10px;
					margin-right: 10px;
				}
				form.commentForm {
					margin-bottom: 20px;
				}
				.commentForm textarea {
					float: left;
					width: 385px; height: 105px;
					padding: 5px;
					margin-bottom: 10px;
					border-bottom: 1px Dotted #1c6cbe;
					font: 11px Verdana, Arial, sans-serif;
					color: #1c6cbe;
				}
				.commentForm textarea:focus {
					border-bottom: 1px Solid #1c6cbe;
				}
				#comments button, .regForm button { /* regForm and comment button */
					float: right;
				}
				#comments h3 {
					background: #fff;
					height: auto;
				}
				#comments h3 span {
					font-size: 10px;
					font-style: italic;
					line-height: 2em;
					color: #555;
				}
				#comments p.commItem {
					float: left;
					width: 375px;
					min-height: 40px;
					padding: 5px 10px;
				}
				/* for Internet Explorer 6 and older */
				/*\*/
				* html #comments p.commItem {
					height: 40px;
				}
				/* register and contact */
				form.regForm, form.contactForm {
					float: left;
					display: inline;
					background: url(files/dot.gif) 100% 0 repeat-y;
					width: 332px;
					padding-right: 20px;
					margin-left: 100px;
				}
				.regForm input, .contactForm input, .contactForm textarea {
					float: left;
					background: url(files/inputRight.gif) 0 0 no-repeat;
					width: 162px; height: 16px;
					padding: 5px; padding-top: 6px;
					margin-bottom: 10px;
					font: 11px Verdana, Arial, sans-serif;
					color: #1c6cbe;
				}
				.regForm label, .contactForm label {
					float: left;
					width: 150px; height: 21px;
					padding-top: 6px;
					margin-right: 10px;
					font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
					text-transform: uppercase;
					text-align: right;
				}
				.captcha {
					float: left;
					clear: both;
					margin: 0 0 20px 160px;
					padding-right: 70px;
				}
				form.contactForm {
					background: #fff;
					width: 470px;
					margin-left: 50px;
				}
				form.contactForm textarea {
					background: none;
					border: 1px Solid #ddd;
					width: 288px; height: 150px;
				}
				form.contactForm .captcha {
					float: none;
					padding: 0;
				}
				form.contactForm fieldset {
					margin-left: 150px;
				}
	.banner {
		float: left;
		background: url(files/ads.gif) 50% 0 no-repeat;
		width: 650px; height: 90px;
		margin: 10px 0;
		padding: 10px 0;
	}
		.banner img {
			margin: 0 33px;
		}
	/* right */
	#right {
		float: left;
		width: 260px;
		padding: 0 15px;
	}
		h2.galleries {
			background: url(files/galleries.jpg) 0 0 no-repeat;
			width: 190px; height: 40px;
			padding: 25px 0 0 70px;
			margin-bottom: 18px;
		}
		#right p.desc {
			background: url(files/newsItemBottom.gif) 0 0 repeat-x;
			width: 260px;
			margin-bottom: 10px;
		}
		#right p.desc span {
			background: #fff url(files/series.gif) 5px 50% no-repeat;
			width: 228px;
		}
		#modules {
			float: left;
			background: #f5f5f5;
			padding: 5px;
			margin-top: 0px;
		}
		/* search */
		form#search, form#poll, .box {
			float: left;
			width: 250px;
			margin: 5px 0;
		}
			#search label, #poll label, p.label {
				background: url(files/label.gif) 0 0 no-repeat;
				display: block;
				width: 100px; height: 18px;
				padding-top: 5px;
				font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
				text-transform: uppercase;
				text-align: center;
				color: #fff;
			}
			#search input {
				float: left;
				background: url(files/inputRight.gif) 0 0 no-repeat;
				width: 162px; height: 16px;
				padding: 5px; padding-top: 6px;
				font: 11px Verdana, Arial, sans-serif;
				color: #1c6cbe;
			}
		#right button {
			margin-left: 5px;
		}
		/* poll */
			form#poll fieldset {
				background: #fff;
				padding: 10px;
				border: 1px Solid #e6e6e6;
			}
			#poll h3 {
				font: 14px/1.2em Georgia, Times, serif;
				font-weight: bold;
				color: #1c6cbe;
				margin: 5px 0 15px;
			}
			#poll p {
				margin: 15px;
			}
			#poll img {
				border: 1px Solid #e6e6e6;
				padding: 1px;
			}
			#poll input {
				margin-right: 10px;
			}
			#poll input.results {
				background: none;
				font: 11px "Trebuchet MS", Verdana, Arial, sans-serif;
				color: #369;
				cursor: pointer;
			}
			#poll button {
				margin-top: 10px;
			}
		/* box */
		.box .frame {
			background: #fff;
			padding: 10px;
			border: 1px Solid #e6e6e6;
		}
		.box img {
			width: 120px; height: 90px;
			border: 1px Solid #d6d6d6;
			padding: 1px;
			margin: 5px;
		}
#footerWrap {
	width: 992px;
	margin: 0 auto;
}
#footer {
	float: left;
	background: url(files/footer.jpg) 2px 0 no-repeat;
	width: 934px; height: 194px; overflow: hidden;
	padding: 20px 30px;
}
	.third {
		float: left;
		width: 270px; height: 159px; overflow: hidden;
		padding: 0 20px;
		margin-right: 20px;
		color: #c0e4ff;
	}
		.third.middle {width: 280px;}
		.third.last {width: 240px; padding-right: 0; margin-right: 0;}
		.third h2 {
			color: #fff;
			margin: 0; padding: 0;
		}
		.third p {margin: 2px 0;}
		.third a {
			color: #c0e4ff;
			border-bottom: 1px Dotted #c0e4ff;
		}
		.third a:hover {
			color: #c0e4ff;
			text-decoration: none;
			border-style: solid;
		}
		.third ul {margin-left: 20px;}
		.third li {margin: 5px 10px;}
		p.rss {
			background: url(files/rss.jpg) 0 50% no-repeat;
			padding-left: 35px;
		}
		/* plus */
		table.list, table.table {
			width: 640px;
			margin: 10px 0;
			padding: 5px;
			border-bottom: 5px Solid #f5f5f5;
			vertical-align: top;
		}
			table.list img {
				padding-left: 10px;
			}
			table.table {
				margin-bottom: 10px;
			}
			table.table td {
				border-bottom: 1px Solid #f5f5f5;
			}
/* eof */