html,body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/body_bg.jpg) repeat-x top #d9d9d9;
	}

p, h1, h2, h3, hr, ul, li, input, form, body {
	margin: 0;
	padding: 0;
}

a {outline:none;}

#wrap {
 width:984px;
 margin:0 auto;}
 
	#bg_padding_wrap {
	float:left;
	width:924px;
	background:url(../images/top_bg_index.gif) no-repeat top;
	padding:42px 31px 0 29px;
	display:inline;
}

	#bg_padding_sub {
	float:left;
	width:924px;
	background:url(../images/top_bg.jpg) no-repeat top;
	padding:42px 31px 0 29px;
	display:inline;
}

#bg_streach {
float:left;
width:924px;
background:#ffffff;}

#header {
width:924px;
height:114px;
float:left;}

#header img.logo {
float:left;
width:184px;
padding:0 42px 20px 0;
display:inline;
border:0;}

#search {
float:right;
width:174px;
height:22px;
margin:22px 26px 0 0;}
#search input.text {float:left; width:147px; height:15px; background:url(../images/search_bg.gif) no-repeat; border:0; font-size:11px; padding-top:2px;}
#search input.gumb {float:left; width:20px; margin-left:7px; border:0; display:inline;}

#menu {
float:left;
width:698px;
margin-top:37px;
display:inline;
}

#menu ul {list-style:none; float:right; padding-right:25px;}
#menu ul li {float:left; padding-right:1px;}
#menu ul li a {color:#ffffff; background:url(../images/menu_ul_li.gif) repeat-x; padding:8px 10px 10px 12px; float:left; height:15px; text-decoration:none;}
#menu ul li a:hover {background:url(../images/hover_menu.gif) repeat-x;}
#menu ul li a.active {color:#799d2d; background:url(../images/active_menu.gif) repeat-x; padding:8px 10px 10px 12px; float:left; height:15px;}
#menu ul li a.active:hover {text-decoration:underline;background:url(../images/active_menu.gif) repeat-x;}

#novice {float:left; width:652px; padding-bottom:30px;}
#novice a.more {float:left; width:66px; height:18px; background:#e53960; color:#ffffff; text-decoration:none; padding:2px 0 0 7px; margin-top:7px;}
#novice a.more:hover {text-decoration:underline;}
#novice a h1 {font-size:14px; color:#e54564; text-decoration:none;}
#novice a:hover h1 {text-decoration:underline;}
#novice span {font-size:11px; color:#828282; font-weight:normal; float:left; width:652px; padding-bottom:7px;}

#content {
float:left;
width:898px;
background:url(../images/content_bg.jpg) no-repeat top left;
min-height:350px;
height:auto !important;
height:350px;
margin-left:26px;
display:inline;
padding-top:37px;
}

#content ul {list-style:none; padding:8px 0 8px 0;}
#content ul li {background:url(../images/ul_li_bullet.gif) no-repeat 0 6px; padding-left:10px;}

#content h1.index {
float:left;
width:823px;
padding:32px 0 0 75px;
font-size:24px;
font-weight:normal;}

#content span.green {
color:#799d2d;
font-weight:bold;}

#content img.title_img {float:right;}

#content h1.title {float:left; margin-left:200px; width:678px; display:inline; background:url(../images/title_bg.gif) repeat-x; height:41px; color:#ffffff; font-size:24px; font-weight:normal; padding:17px 0 0 20px;}

#content h2 {font-size:18px; float:left; width:678px; padding:0 0 0 75px; font-weight:normal;}

#text {float:left; width:672px; padding:32px 26px 31px 200px;}
#text span.pink {color:#e54564; font-weight:bold;}
#text span.small {font-size:10px; color:#000000;}
#text a {color:#e54564;}
#text a:hover {text-decoration:none;}

#textsub {float:left; width:652px; padding:32px 26px 31px 220px;}
#textsub span.pink {color:#e54564; font-weight:bold;}
#textsub span.small {font-size:10px; color:#000000;}
#textsub a {color:#e54564;}
#textsub a:hover {text-decoration:none;}


#index_left {float:left; width:415px; text-align:justify;}
#index_left a.more {float:left; width:66px; height:18px; background:#e53960; color:#ffffff; text-decoration:none; padding:2px 0 0 7px; margin-top:15px;}
#index_left a.more:hover {text-decoration:underline;}

#index_right {float:left; width:219px; padding-left:38px; text-align:justify;}
#index_right h3 {background:url(../images/news_bg.gif) bottom no-repeat; font-size:14px; color:#799d2d; padding-bottom:7px;} 
#index_right span.green {color:#799d2d; font-size:12px; font-weight:bold; padding-top:20px; float:left; width:219px;}
#index_right span.date {color:#858585; font-size:11px; float:left; width:219px; font-weight:normal; padding-bottom:10px;}
#index_right a.more {float:left; width:66px; height:18px; background:#799d2d; color:#ffffff; text-decoration:none; padding:2px 0 0 7px; margin-top:15px;}
#index_right a.more:hover {text-decoration:underline;}

#footer {
color:#939393;
float:left;
width:924px;
height:37px;
background:url(../images/footer_bg.gif) no-repeat top;
font-size:11px;
padding-top:23px;}

#footer span {font-size:10px;}

#footer_left {
float:left;
width:400px;}

#footer_right {
float:right;
width:300px;
text-align:right;}

#footer a.ns {color:#939393; text-decoration:none; float:right; width:60px; padding-right:5px;}
#footer a.ns:hover {text-decoration:underline;}
#footer img.ns {border:0; width:85px; float:right; margin-top:1px;}

#absolute {float:left; width:924px; height:1px;}

#academy {position:absolute; margin:-125px 0 0 26px; display:inline;}
#academy img {border:0;}

#academy_sub {position:absolute; margin:-243px 0 0 26px; display:inline;}
#academy_sub img {border:0;}

/* clearfix za content */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */