@import url("reset.css");
@import url("layout.css");

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background: url(../images/back.jpg);
}
#container_big {
	float:left;
	position:relative;
	width:100%;
	background:url(../images/back-big.jpg) no-repeat top center;
}

#container {
	width: 979px;
	margin:auto;	
}

#container-in {
	float: left;
	position: relative;
	width: 979px;
	background:url(../images/content-top-dev.png) no-repeat top center #fff;	
	/padding-bottom: 10px;
}
img  {
	border:0px;
	}
.header{
	float: left;
	position: relative;
	width: 100%;
	height: 85px;	
}

#logo {
	float: left;
	position: absolute;
	left: 0px;
	top: 25px;
}
#logo img {
	float: left;
}
#top_menu {
	float: right;
	position: relative;
	margin:30px 0 0px 0;
}
#top_navigation {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 15px;
		
}


#top_navigation a {
color:#365913; float:left; font-size:14px; height:27px; padding:13px 15px 0 15px; background:url(../images/a-back.png) no-repeat right; font-weight: bold; position:relative; text-shadow:1px 1px 1px #abc230; text-decoration:none;
}

#top_navigation a.item49 { color:#365913; float:left; font-size:14px; height:27px; padding:13px 31px 0 31px; background:url(../images/item49.png) no-repeat right; font-weight: bold; position:relative;}
#top_navigation a.item54 { color:#365913; float:left; font-size:14px; height:27px; padding:13px 19px 0 14px; background:url(../images/item54.png) no-repeat right; font-weight: bold; position:relative;}

#top_navigation a:hover {
	color: #1f330b;		
}


#top_navigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}


#top_navigation li {
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#footer-big  {
	float: left;
	position: relative;
	width: 100%;
	color: #383838;
}
#footer-inn{	
	float:left;
	position:relative;
	background:url(../images/footer-dev.png) no-repeat bottom;
	color:#fff;
	text-align:center;
	clear:both;
	width:979px;
	margin:0;
	padding:15px 0px;	
	}

#footer {
	width: 979px;
}


#login_menu {
	float: left;
	position: relative;
	width: 959px;
	background: #FAFAFA;
	border: 1px solid #DDDDDD;
	-moz-border-radius: 6px;
	text-align: left;
	padding-bottom: 6px;
	margin-left: 10px;
	margin-top: 10px;
	/padding-top: 6px;
}

#login_menu ul {
	margin-left: 6px;
	padding-left: 0px;
}


#login_menu li {
	float: left;
	list-style: none;
}

#login_menu li a, #login_menu li a:hover {
text-decoration: none;
color: #989ca1;
padding: 4px 12px;
letter-spacing: 1px;
}

#login_menu li a:hover {
text-decoration: none;
color: #96B30D;
}

#login_menu li .on {
color: #96B30D;
}

#form_content_center {
margin: 0 auto;
padding-top: 12px;
width: 100%;
}

#form_content {
padding-top: 12px;
width: 95%;
}



#breadcrumb {
	float: left;
	position: relative;
	width: 939px;
	height: 25px;
	color: #717478;
	margin: 0 auto;
	padding: 10px 0 0 20px;
	*padding: 9px; /*ie7*/
	-padding: 10px 0 0 10px; /*ie6*/
	letter-spacing: 1px;
	text-align: left;
	background: #FAFAFA;
	border: 1px solid #DDDDDD;
	-moz-border-radius: 6px;
	margin-top: 10px;
	margin-left: 10px;
	/height: 15px;
}



#downloads_breadcrumb {
padding: 0 0 4px 8px;
}


#breadcrumb a {
color: #004a80;
text-decoration: none;
color: #96B30D;
}
#breadcrumb #rss {
float: right;
vertical-align: middle;
width: 90px;
margin-top: -10px;
}

#breadcrumb #rss img {
float: left;
}

#breadcrumb #rss .rss_link {
float: left;
margin: 3px 0 0 6px;
}



#tab_container {
float: left;
padding: 0 0 6px 10px !important;
padding: 0 0 0 10px;
width: 99.2%;
}

#spbas {
float:left;
width:100%;
}

#spbas #tab_container ul {
float: left;
margin: 0 !important;
margin-bottom: -1px;
}

#spbas #tab_container li {
float: left;
list-style: none;
padding: 0 3px !important;
padding: 6px 3px;
}

#spbas #tab_container li a, 
#spbas #tab_container li a:hover {
border: 1px solid #DDDDDD;
border-bottom:0;
color: #717478;
padding: 4px 10px !important;
text-decoration: none;
-moz-border-radius: 7px 7px 0 0;
letter-spacing: 2px;
*display:block; /*ie7*/
-display: auto; /*ie6*/
*height: 12px; /*ie7*/
-height: auto; /*ie6*/
*margin-bottom: -5px; /*ie7*/
-margin-bottom: auto; /*ie6*/
}

#spbas #tab_container li a:hover {
text-decoration: none;
color: #96B30D;
}

#spbas #tab_container .on {
background: #fafafa;
color: #96B30D;
}

#container  {
}

.tab_content {
float:left;
}

.tab_content h1 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
	margin-left: 7px;
	margin-top: 20px;
	color: #7C7C7C;

}

.tab_content p {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
	margin-left: 7px;
	margin-top: 10px;
	color: #7C7C7C;

}



.announcements {
border-bottom: 1px dotted #DDDDDD;
padding-bottom: 12px;
margin-bottom: 18px;
}

.announcement_title {
font: normal 12px verdana, arial, helvetica, serif;
padding: 0 0 6px 0;
}


#rss {
	margin-right: 20px;
	padding-top: 7px;
	float: right;
	position: relative;
	


}


#rss img {
	border: none;
	padding-top: 3px;
}






#spbas .quick_links {
margin: 24px 0 100px 0;

}

#spbas .quick_links li {
float: left;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
width: 41%;
margin-left: 30px;

}

#spbas .quick_links li a {
color: #989ca1;
font-size: 14px;

}

#spbas .quick_links li a:hover {
color: #96B30D;
}





#inner_tab_container {
float: left;
margin-top: 12px;
padding: 0 0 6px 24px !important;
padding: 0 0 0 10px;
width: 99%;
}

#inner_tab_container ul {
float: left;
margin: 0 !important;
margin-bottom: -1px;
}

#inner_tab_container li {
float: left;
list-style: none;
margin-left: -1px !important;
margin-left: 0;
padding: 0 !important;
padding: 6px 0;
}

#inner_tab_container li a, 
#inner_tab_container li a:hover {
background: url('../../../templates/default/images/button.gif') repeat-x 0 10px;
border: 1px solid #DDDDDD;
border-bottom:0;
color: #717478;
padding: 4px 10px !important;
text-decoration: none;
*display:block; /*ie7*/
-display: auto; /*ie6*/
*height: 12px; /*ie7*/
-height: auto; /*ie6*/
*margin-bottom: -16px; /*ie7*/
-margin-bottom: -2px; /*ie6*/
}

#inner_tab_container li a:hover {
text-decoration: none;
color: #96B30D;
}

#inner_tab_container li a.left { 
-moz-border-radius: 7px 0 0 0;
}

#inner_tab_container li a.right { 
-moz-border-radius: 0 7px 0 0;
}

#inner_tab_container li a.left_right { 
-moz-border-radius: 7px 7px 0 0;
}

#inner_tab_container .on {
background: #fafafa;
color: #96B30D;
}



#footer-bottomm {
	float:left;
	position:relative;
	margin:10px 0 0 0;
	}
#footer-bottom-left {
	float:left;
	position:relative;
	width:979px;
	}
#footer-bottom-left ul {
	float:left;
	position:relative;
	margin:0px 0 0 0;
	padding:0px;
	list-style:none;
	width:70%;
	}
#footer-bottom-left ul li {
	float:left;
	position:relative;
	margin:0px;
	padding:0px 7px 0 7px;
	border-right: solid 1px #666;
	list-style:none;
	height:10px;
	line-height:10px;
	}
#footer-bottom-left ul li a {
	font-size:10px;
	color:#666;
	text-transform: uppercase;
	}
#footer-bottom-left ul li a:hover{
	color:#B2CC1E;
	}
#footer-bottom-left ul li#current a{
	color:#B2CC1E;
	}
#footer-bottom-left-info{
	float:left;
	position:relative;
	margin:6px 0 0 7px;
	color:#666;
	text-transform: uppercase;
	font-size:10px;
	}
#social {
	float:left;
	position: absolute;
	left:702px;
	top:0px;
	}
.facebook {
    background: url(../images/facebook.png) no-repeat 0 0;
    float: left;
    height: 16px;
    position: relative;
    width: 16px;
}
.facebook:hover {
    background: url(../images/facebook.png) no-repeat 0 -16px;
}
.twitter {
    background: url(../images/twitter.png) no-repeat 0 0;
    float: left;
    height: 16px;
    margin: 0 7px;
    position: relative;
    width: 16px;
}
.twitter:hover {
    background: url(../images/twitter.png) no-repeat 0 -16px;
}
.ficon {
    background: url(../images/ficon.png) no-repeat 0 0;
    float: left;
    height: 16px;
    position: relative;
    width: 16px;
}
.ficon:hover {
    background: url(../images/ficon.png) no-repeat 0 -16px;
}
.by-rt {
	float: right;
	position: absolute;
	background:url(../images/by-rt.png) no-repeat 0px 0px;
	width:35px;
	right:5px;
	top:0px;
	margin:0px 0 0 0;
	height:18px;
	}
.by-rt:hover {	
	background:url(../images/by-rt.png) no-repeat 0px -18px;
}