@import "reset.css";
@import "text.css";

/* Utilites
------------------------------ */
	.grid { background: #fff url(/res/img/16_col.gif) repeat-y;}
		
	*:focus { outline: none; }
	.hidden { display: none; }
	.show { display: block!important; }
	.no-margin { margin: 0!important; }
	.no-padding { padding: 0!important; }
	.no-bg { background: none!important; }
	.no-border, a img { border: none!important; }
	.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
	.cc { clear: both;}
	
	.a-left { text-align: left; }
	.a-center { text-align: center; }
	.a-right { text-align: right; }

	.f-left { float: left; }
	.f-right { float: right; }
	.p-left { padding-left: 10px;}
	.p-right { padding-right: 10px;}
	.p-right20 { padding-right: 20px;}
	.m-right20 { margin-right: 20px;}
	.p-left20 { padding-left: 20px;}
	
	.borders { border: 5px solid #5e606a;}
	
	.ready { padding: 10px;}
	.error { padding: 2px 5px; background: #f45c5c; color: #fff;}
	
/* Colors
------------------------------ */

	.bg-white {background-color: #fff;}
	.bg-black {background-color: #000;}
	.bg-grey-line {background-image: url('/res/img/bg_grey.png'); background-position: top; background-repeat: repeat-x; height: 20px;}
	.bg-w-g {background: url(/res/img/footer_bg.gif) top left repeat-x;}
	.bg-grey-c {background: url(/res/img/bg-c-grey.gif) top left repeat-x;}
	.bg-blue-c {background: url(/res/img/bg-c-blue.gif) top left repeat-x;}
	.bg-bottom {background: url(/res/img/bg-c-bottom.gif) bottom left repeat-x;}
	.border {border: 1px solid #ccc;}
	

/* Body
------------------------------ */

body { background: #5e606a url('/res/img/bg.png') repeat-x top;}

#wrap { margin: 0 auto; width: 900px;}
/* Header
------------------------------ */

	#header { position: relative; height: 95px}
	#header .logo { margin: 30px 0 0 25px;}
	#header .search { position: absolute; top: 30px; right: 20px;}
	.search input { font-size: 10px;}

/* Horizontal Menu
------------------------------ */

	ul#menu { padding-top: 10px; padding-left: 10px;}
	ul#menu li { float: left; list-style: none; margin-left: 10px;}
	ul#menu a { text-decoration: none; display: block; font-weight: bold; color: #5e606a;}
	ul#menu a:hover { text-decoration: underline; }

/* Top Content
------------------------------ */
	#topContent { margin-top: 3px; clear:both;}
	
	#imageContent { width: 620px; padding-bottom: 2px;}
	#lastNews { width: 270px; margin: 5px;}
	#lastNews div { border-bottom: 1px solid #ccc; margin: 5px 5px;}
	#lastNews div p{ margin: 0; font-size: 11px; line-height: 15px;}
	#lastNews a.all{ margin: 10px 20px; display: block; color: #730000; text-decoration: underline;}
	#lastNews:after, #gallery:after, #Content:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	
	#Content { margin: 3px 0 0 0; clear:both; padding: 0 20px 20px 20px;}
	.newscontent {  margin: 0 0 20px 0;}
	.newscontent a{ text-decoration: underline}
	.newscontent .date { font-size: 80%; color: #666;}
	.newscontent p{padding: 0; margin-bottom: 10px;}
	.newscontent img{}
	#patch { padding: 10px 0; font-size: 90%; color: #666;}
	
	#gallery { width: 270px; margin: 5px;}
	#gallery div { background: url('/res/img/bg-small.gif') bottom repeat-x; border: 1px solid #ccc; margin-top: 3px; }
	#gallery div p { font-size: 90%; margin: 0; padding: 5px 5px 0 0; font-size: 80%;}
	#gallery div img { padding: 5px;}
/* Content
------------------------------ */
	#content { margin: 5px 0 5px 5px; clear:both;}
	#content p{ padding: 5px 10px; color: #174c80; margin: 0;}
	
	#content a {text-decoration: underline; color: #1052AC;}
	
	#video { text-align: center;}
	
	#atach {
		width: 25px;
		height: 25px;
		border: 1px solid #ccc;
		background: #f9f9f9;
		padding: 10px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
	}
	
	table th{text-align: right; width: 200px;}
	table td{text-align: left;}
	
	table th, table td { padding: 5px; vertical-align: top; background: url(/res/img/bg-c-bottom.gif) bottom left repeat-x; border: 1px solid #ccc;}
	
	table input[type=text], table textarea { width: 99%; padding: 3px;}
	
/* Footer
------------------------------ */
	#footer { margin-top: 5px;  height: 32px; padding: 5px 10px 0 10px; font-size: 12px; color: #5e606a; font-weight: bold}