body{
	background: #b5e7ff url('../img/main-bg.jpg') no-repeat top center;  
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400; 
	font-size: 12px;
}
.container{overflow: hidden; background: #fff; clear: both; width: 1000px; margin: 0px auto; padding: 0px; }

/* Header Style */
div.callus{position: relative;}
div.callus div{  position: absolute;
left: 28px;
top: 14px;}
div.callus div p{font-size: 16px; font-weight: bold; color: #43525a;}
div.callus div p > span{font-family: Arial; font-size: 22px; color: #3a53a4;}
div.callus div > img{display: inline-block;}
.top-nav{background: #3a53a4;}
.top-nav ul{list-style: none; margin: 0px 0px 0px 24px; padding: 0px;}
.top-nav ul > li{display: inline-block; margin: 0px; padding: 0px;}
.top-nav ul > li > a{
	position: relative; 
	display: block; 
	font-family: Arial; 
	color: #b5e7ff; 
	text-decoration: none; 
	text-transform: uppercase; 
	font-weight: bold; 
	font-size: 14px; 
	padding: 8px 12px;
}
.top-nav ul > li > a:hover{background: url('../img/arrow-hover.png') no-repeat center 28px; color: #fff;}

.top-nav .social-icons{float: right; margin-right: 55px;}

.top-nav .social-icons li > a{font-size: 12px; font-weight: bold; text-transform: none; color: #fff; }
.top-nav .social-icons li > a.fb{ padding: 0px 5px 0px 0px; border-right: 1px solid #fff;}
.top-nav .social-icons li > a.twitter{padding: 9px 0px 8px 5px;}
.top-nav .social-icons li > a:hover{background: none; text-decoration: underline;}

/* Slider */

section#slider {
margin-top: 4px;}

.view {
    
    
    
    
    overflow: hidden;
    position: relative;
    
    
    cursor: default;
    
}
.view .mask, .view .content {
   position: absolute;
overflow: hidden;
top: 168px;
left: 30px;
}
.view img {
    display: block;
    position: relative
}
.view h2 {
	font-family: arial;
color: #ffd990;
position: relative;
font-size: 34px;
margin: 20px 0px 0px 0px;
	
}
.view p {
   position: relative;
color: #fff;
font-family: Arial;
font-size: 14px;
font-weight: bold;
margin: 0px;
    
}
.view a.info {
    display: inline-block;
    text-decoration: none;
	 color: #ffd990;
	 font-weight: bold;
    
}


/* Page Content */


.pageContent{padding: 10px 28px; clear: both;
margin-bottom: 20px;
overflow: hidden;}
.pageContent article{width: 295px; float: left; margin-right: 19px; margin-top: 10px;}
.pageContent article h2{font-size: 28px; font-family: arial; color: #3a53a4; margin: 0px; line-height: 32px;}
.pageContent article p{font-size: 12px; }
.pageContent article a{text-decoration: none; color: #43525a; padding: 10px 0px 15px 0px;
display: block;}


.pageContent article.events {background: url('../img/event-bg.png') no-repeat; width: 255px; padding: 55px 20px; margin-top: -5px; text-align: center;}
.pageContent article.events p{text-align: left;}
.pageContent article.events p >.meta-date{color: blue; font-weight: bold;}
.pageContent article.events p >.meta-title, .pageContent article.events p > a{display: inline; font-weight: bold;}
.pageContent article.events a button, .button  {background: #6ecff6; border: 1px solid #00b9f2; text-align: left; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 6px 15px;}
.pageContent article.events a button, .button{ display: inline; color: #fff; text-decoration: none; font-size: 12px; font-weight: bold;}
input[type=text] {width:200px;padding:3px 5px;}
textarea { width:400px;height:125px;padding:3px 5px;}


/* Sidebar-Page */

#sidebar-page{background: #0d1b69; overflow: hidden; clear: both; padding: 10px 28px; margin-top: 20px;}
#sidebar-page article{width: 295px; float: left; margin-right: 19px; margin-top: 10px; color: #fff;}
#sidebar-page article h2{font-size: 27px; font-family: arial; color: #6ecff6; margin: 0px; line-height: 32px;}

#sidebar-page article.latest-news p > .meta-date{color: #fff; font-weight: normal;}
#sidebar-page article.latest-news p > .meta-title{font-weight: bold;}

footer{background: #3a53a4; padding: 8px 28px; }
footer p{color: #fff; font-size: 12px; font-weight: bold;}