@charset "utf-8";
body{
background: url('../images/body-bg.gif');	
}

#title_line{
	background: #eee7d7;
	margin-top: 7px;
}

#title{
	background:  url('../images/title_bg01.png') no-repeat left,url('../images/title_bg02.png') no-repeat right #ac9b8b;
}
#title h4{
	padding-left: 35px;
	 margin-top: 7px;
    margin-bottom: 3px;
	font-size: 18px;
	font-weight: bold;
}
#content{
background: url('../images/content-bg01.png') no-repeat top left;
position: relative;
}
.content-img{
	position: absolute;
	right: 15px;
	bottom: 0;
	z-index: 98;
}
#sidebar{
background: -webkit-linear-gradient(#95bfdc,#254c84);
background: -o-linear-gradient(#95bfdc,#254c84);
background: -moz-linear-gradient(#95bfdc,#254c84);
background: url('../images/sidebar-bg01.png') no-repeat top,url('../images/sidebar-bg02.png') no-repeat bottom,linear-gradient(#95bfdc,#254c84);
border-radius: 8px;
box-shadow: 0 0 5px #666;
padding-top: 30px;
padding-bottom: 30px;
margin-left: 65px;
margin-top: -23px;
margin-right: -15px;
}

#sidebar ul{
margin: 0;
padding: 0;	
}
#sidebar ul li{ 
	list-style-type: none;
	margin: 0;
	text-align: center;
}
#sidebar ul li a{
color: #fff;
font-size: 16px;
height: 30px;
font-weight: bold;
display: block;
line-height: 30px;
padding:0;
}
#sidebar ul li a:hover{
color: #333;
background:url('../images/button_bg2.png')  no-repeat center;
height: 30px;
}
#main{
	background: #fff;
	min-height: 300px;
	padding-top: 15px;
	padding-bottom:15px
}
footer {
margin-top: 3px;
}
footer .container {
	background: #9f9c8d;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	margin-bottom: 20px;
}

@media (max-width: 1200px) {
	 }
@media (max-width: 991px) {
	#content {
background:none;
}
	#sidebar {
	margin-left: 0px;
    margin-top: -23px;
    margin-right: -15px;
	}
	.content-img {
		display: none;
	}
	 }
@media (max-width: 767px){ 
#banner .container{
padding-right: 0px;
padding-left: 0px;
}
.navbar-nav {
max-height: 40px;
width: 100%;
  }

.navbar {
margin-bottom: 0px;
min-height: 35px;
}
.navbar {
  background-color: transparent;
  border-color: transparent;
}
.icon-bar {
	background-color:#fff!important;
	}
.container-fluid > .navbar-header{

	}
.navbar .navbar-toggle {
  border-color: #fff;
}
#bs-example-navbar-collapse-1 {
  padding-right: 0px;
  padding-left: 0px;
}
.navbar .navbar-nav > li {
width: 20%;
text-align: center;
}
.navbar .navbar-nav > li:first-child{
	border-left: 1px solid #ffffff;
	}
.navbar .navbar-nav > li > a {
  color: #fff;
  padding: 5px 15px;
  border-right: 1px solid #ffffff;
  letter-spacing:2px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}
.navbar .navbar-nav > li > a:hover {
  background: #051c42;
  color: #fff;
}
#bs-example-navbar-collapse-1 {
}
#mainNav {
margin-top: 10px;
padding-bottom: 10px;
}
.navbar-nav {
  max-height: none;
  margin: 0 0px;
  }

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    border-bottom: 1px solid #ccc;
    background: #2a5188;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
  background: #001232;
  color: #fff;
  display: block;
}
.navbar .navbar-nav > li {
width: 100%;
text-align:left;
}
.navbar .navbar-collapse, .navbar .navbar-form {
   border:0px;
}
.navbar .navbar-nav > li:first-child{
	border-left: 0px solid #999999;
	}
.navbar .navbar-nav > li > a {
 padding: 10px 15px;
 border-right: 0px solid #999999;
 border-bottom: 1px solid #ccc;
 text-align: inherit;
}
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
    background-color: #001232;
}
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
    background-color: #ab5325;
    color: #fff;
}
.navbar-nav .open .dropdown-menu {
    background-color: rgba(0, 0, 0,0.8);
}
.navbar-brand {
	float:left;
	/* padding-top:9px; */
	font-size: 20px;
	font-weight: bold;
	}
.navbar-brand  a {
	color: #fff;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    min-height:30px;
	min-width:30px;
	}
#title h4{
	margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;	
}
	
}