/* ==========================================================================
   Base
   ========================================================================== */

body {
		background-color:#e1eef4;
		background-image:url(../img/body_bg.jpg);
	 }

.container {
    max-width: 980px;
}

h1{
	color:#3b6e8f;
	font-size:20px;	
}

.col a{
	color:#333333;	
	text-decoration:none;
}

.col a:hover{
	color:#428BCA;
}


/* =============================================================================
   Header
   ========================================================================== */

.banner { }



.navbar{
	margin-bottom:0;
	margin-left: auto;
    margin-right: auto;
    max-width: 980px;
	background-color:#457390;
	background-image:url(../img/menubar.jpg);
	background-repeat: repeat-x;
}

.navbar .container{
		
}

.navbar-nav > li > a{
	color:#fff;
	padding: 15px 10px;
}

.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus, .navbar-nav > li > a:hover {
	background-image:url(../img/menubar_r.jpg);	
	color:#fff;
	background-color:#579bca;
	background-repeat: repeat-x;
}

.headerlogo{
	margin-left: auto;
    margin-right: auto;
	padding-top:38px;
    max-width: 980px;
	height:120px;
}

/* Home */

.homelower{
	max-width: 920px;
	margin:auto;	
    padding-bottom: 54px;	
}

.newsdate{
	width:52px;
	paddding-right:15px;	
	float:left;
}

.newsdate .day{
	color:#FFF;
	font-size:20px;
	font-weight:bold;	
	width:35px;
	height:28px;
	background-image:url(../img/icon_cal.gif);
	text-align:center;
}

.newsdate .month{
	width:35px;
	padding-top:4px;
	color:#428BCA;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}

.homebutton{
	color:#3b3b3b;
	border:1px solid #e0e0e0;	
}

.homebutton:hover{
	background-color:#f5f5f5;	
	text-decoration:none;
}

.homebutton .arrow{
	width:22px;
	height:22px;
	margin-top: 12px;
	background-image:url(../img/tool-bttn.gif);
	float:right;
}
.homebutton:hover .arrow{
	background-position: 0 -22px;	
}

.homebutton .icon{
	width:32px;
	height:32px;	
	float:left;
	margin-top: 8px;
}
.homebutton:hover .icon{
	background-position: 0 -32px;	
}

.buttontext{
	min-width:200px;
	padding-left: 38px;
}

.buttontext p{
	font-size:12px;
}

.topbar-wrapper{
	width:100%;
	height:48px;
	background-image:url(../img/topbar_bg.gif);
	background-repeat:repeat-x;	
}

.topbar-inner{
	margin:0 auto;	
	max-width:980px;	
}

.topbar-search{
	height:48px;
	width:332px;
	float:right;	
	background-image:url(../img/searchbar_bg.png);	
	padding-left: 74px;
    padding-top: 3px;
	background-repeat:no-repeat;
}

.searchfield{
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #718B9B;
	float: left;
    padding-top: 10px;
    width: 168px;
}

.searchbutton{
	padding-top:7px;
}



/* ==========================================================================
   Sliders
   ========================================================================== */

.slidercontainer{
	margin:auto;	
	padding-top:32px;
	max-width:920px;
}

.newsslidercontainer{
	border:1px solid #e0e0e0;	
	padding:20px;
	margin-bottom: 6px;
}

.bx-viewport{
	background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    left: 0 !important;
}

.bx-controls-direction{
	display:none !important;	
}

.slidercontainer .bx-pager{
	bottom:15px !important;	
}

.newsslidercontainer .bx-pager{
	bottom:-8px !important;	
	padding-top: 0 !important;
}

.bx-wrapper{
	margin-bottom:32px !important;	
}

.newsslidercontainer .bx-wrapper{
	margin-bottom:0 !important;	
}


/* ==========================================================================
   Content
   ========================================================================== */

.content {
	margin:0;
	background-color:#FFF;
	 }

.page-header{
	border-bottom:1px solid #e0e0e0;	
}

article{
	margin-bottom: 20px;
	padding:0 20px 12px 20px;
	border-bottom:1px solid #e0e0e0;
}

.col-lg-8{
	width:100%;	
}

.catlink{
	border-bottom:1px solid #e0e0e0;		
	padding-bottom: 20px;
}


/* ==========================================================================
   Primary Content
   ========================================================================== */

.main { }



/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar { }



/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry time { }
.hentry .byline { }
.hentry .entry-content { }
.hentry footer { }



/* ==========================================================================
   Footer
   ========================================================================== */

.content-info { }

footer{
	height:47px;
	background-color:#457390;	
	background-image:url(../img/menubar.jpg);
	color:#9cbccf;
	text-align:right;
	line-height:44px;
}


/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (max-width: 767px) {
	.navbar-nav {
	margin-top:20px;	
	}
}

/* ==========================================================================
   Homepage Columns
   ========================================================================== */

.section {
text-align: center;
}
.col {
	display: inline-block;
	margin: 0 26px 10px 0;
	padding: 10px;
	text-align: left;
	width: 215px;	
	max-height: 70px;
	vertical-align:middle; 
}
.col:nth-child(4){
margin:0
}
.one {

}
.two {

}
.three {

}


@media handheld, only screen and (max-width:768px){
 
.col {
width: auto;
width:100% !important;
margin:0;
margin-bottom:10px;
}
 
}