@import url("../css/thickbox.css");
@import url("../css/links.css");

* {
	margin:0;
	padding:0;
	}
	
body {
	text-align:center;
	background:url(/gfx/bck.png) repeat-x #f7f8ed;
	}
	
a {
	outline:none;
	}
	
a img {
	border:none;
	}
	
#content a.logo:hover {
	border:none;
}

#content a.thickbox:hover {
	border:none;
	}		
	
.borImg {
	padding:2px;
	border:2px solid #b3b3b3;
	position:relative;
	background:#fff;
	}
	
#content a.thickbox:hover img.borImg {
	padding:2px;
	border:2px solid #5e8500;
	position:relative;
	background:#fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}

.left {
	float:left;
	margin:5px 11px 0 0;
	position:relative;
	}
	
.right {
	float:right;
	margin:5px 0 0 11px;
	position:relative;
	}
	
.clearer {
	clear:both;
	}
				
#container {
	width:950px;
	height:auto;
	text-align:left;
	margin:0 auto;
	position:relative;
	}
	
#toper {
	width:950px;
	height:378px;
	background:url(/gfx/toper.jpg) no-repeat #fff;
	margin:23px 0 0 0;
	position:relative;
	}
	
#logoLink {
	width:167px;
	height:100px;
	position:absolute;
	left:60px;
	top:15px;
	}
	
#iconBox {
	position:absolute;
	top:9px;
	right:20px;
	text-align:right;
	}
	
#iconBox a {
	display:block;
	text-align:center;
	text-decoration:none;
	}
	
#iconBox a img {
	display:block;
	margin:0 auto;
	}	
	
#iconBox span {
	display:block;
	margin:2px auto 0 auto;
	font:12px Arial, Helvetica, sans-serif;
	color:#404040;
	text-decoration:none;
	}
	
.icon_login {
	width:57px;
	height:57px;
	}
	
#topMenu {
	position:absolute;
	bottom:14px;
	left:25px;
	}
	
#topMenu p {
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#808080;
	margin:0 12px;
	}	
	
#topMenu a {
	display:block;
	float:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	}
	
#topMenu a:hover {
	color:#efecc0;
	}
	
#topMenu a.active {
	color:#bfd688;
	}
	
#content {
	width:900px;
	height:auto !important;
	min-height:200px;
	height:200px;
	padding:27px 25px 20px 25px;
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#000;
	background:#fff;
	}
	
#content p {
	margin:0 0 13px 0;
	}
	
#content h1.header {
	margin:0 0 20px 0;
	padding:0 0 6px 36px;
	font:25px Arial, Helvetica, sans-serif;
	color:#f20414;
	border-bottom:1px solid #dcddd3;
	background:url(/gfx/arrow_header.png) no-repeat 0 2px;
	}
	
#content a {
	text-decoration:none;
	color:#5e8500;
	}
	
#content a:hover {
	color:#f20414;
	background-color:transparent;
	border-color:#98d2e7;
	border-bottom-width:1px;
	border-left-width:0;
	border-right-width:0;
	border-top-width:0;
	border-style:dotted;
	text-decoration:none;
	}
	
#content hr {
	height:1px;
	background:#dcddd3;
	color:#dcddd3;
	margin:10px 0;
	border:0 none;
	font:1px Arial, Helvetica, sans-serif;
	}				
	
#footer {
	width:950px;
	height:38px;
	background:url(/gfx/bck_footer.png) repeat-x;
	position:relative;
	margin-bottom:25px;
	clear:both;
	}
	
#copy {
	position:absolute;
	left:15px;
	bottom:13px;
	font:11px Arial, Helvetica, sans-serif;
	color:#cdcdcd;
	}
	
#topBut {
	width:19px;
	height:19px;
	position:absolute;
	right:15px;
	bottom:10px;
	}
	
#design {
	position:absolute;
	right:15px;
	bottom:-20px;
	font:11px Arial, Helvetica, sans-serif;
	color:#777;
	}
	
#design a {
	color:#777;
	text-decoration:none;
	font-weight:bold;
	}
	
#design a:hover {
	color:#e60f21;
	}
	
#mainPageBox {
	margin:0 auto 5px auto;
	width:877px;
	overflow:hidden;
	}
	
#mainPageBox .box {
	width:248px;
	height:auto !important;
	min-height:173px;
	height:173px;
	float:left;
	font:12px/17px Arial, Helvetica, sans-serif;
	color:#000;
	padding:82px 15px 0 15px;
	overflow:hidden;
	position:relative;
	}
	
#mainPageBox .box a {
	text-decoration:none;
	color:#d30c0e;
	}
	
#mainPageBox .box a:hover {
	color:#8f8f8f;
	}
	
#mainPageBox .box .seeMore {
	height:22px;
	padding-top:1px;
	padding-right:24px;
	background:url(/gfx/arrow_more.png) no-repeat 100% 0;
	position:absolute;
	bottom:4px;
	right:10px;
	color:#000;
	font-weight:bold;
	}
	
#mainPageBox .box .seeMore:hover {
	color:#d30c0e;
	text-decoration:none;
	border:none;
	}
	
#mainPageBox .sep {
	width:1px;
	height:254px;
	float:left;
	background:#dcddd3;
	margin:0 10px;
	position:relative;
	top:1px;
	}
	
.inbox1 {
	background:url(/gfx/box1_bck.png) no-repeat;
	}
	
.inbox2 {
	background:url(/gfx/box2_bck.png) no-repeat;
	}
	
.inbox3 {
	background:url(/gfx/box3_bck.jpg) no-repeat;
	}
	
.outer {
	margin:0 0 0 5px;
	padding:0;
	height:115px;
	position:relative;
	overflow:hidden;
	}
	
.outer[class] {
	margin:0 0 0 5px;
	padding:0;
	display:table; 
	position:static;
	}
	
.middle {	
	position:absolute; 
	top: 50%;
	}

.middle[class] {
	display:table-cell;
	vertical-align:middle;
	position:static;
	}	

.inner {
	position:relative;
	top:-50%;
	}

.inner[class] {
	position:static;
	}
	
.inner ul, .inner ol {
	margin:0;
	padding:0;
	}	

.inner ul li {
	list-style:none;
	padding:0 0 0 15px;
	margin-bottom:5px;
	background:url(/gfx/dot.png) no-repeat 0 5px;
	}
	
.inner div, .inner p {
	line-height:22px;
	}

ul, ol {
	margin:10px 0 10px 0;
	padding:0 0 0 20px;
	overflow:auto;
	}
	
* html ul {
	overflow:visible;
	height:1%
	}	

ul li {
	list-style-type:none;
	padding:0 0 0 12px;
	margin-bottom:2px;
	background:url(/gfx/dot.png) no-repeat 0 5px;
	}
	
ol {
	padding:0 0 0 30px;
	margin-left:12px;
	}	
	
ol li {
	list-style:decimal;
	margin-bottom:2px;
	}