body {
  padding-top: 20px;
  padding-bottom: 20px;
  margin:0 auto;
  width: 82%;
  font-family:Calibri;
  font-size:16px;
}


h3{
	margin: -5px 0 0 0; 
	font-weight: bold; 
	color: #000000; 
	font-size: 20px; 
	line-height: normal;
	}
	
h4{
	margin: 5px 0 0 0; 
	font-weight: bold; 
	color: #000000; 
	font-size: 18px; 
	line-height: normal;
	}
p{
	margin-top: 8px; 
	padding-top: 5px; 
	text-align: justify; 
	color: #000000; 
	}

.sidebar{
	margin:10px 0 30px 0;
	}
.sidebar a{
	color:#537581; 
	}
.sidebar hr{
	margin:0;
	border-bottom: 1px #e1e1e1 solid;
	}

.sidebar li a{
	padding:5px 0;
	}

.site-map b a{
	color:#000;
}

.site-map b a:hover{
	color:#000;
}

.navbar {
  margin: 20px 0 20px 0;
}
.page-header h2{ 
	margin: 10px 0 -10px 0; 
	font-weight: bold; 
	color: #000000; 
	font-size: 24px; 
	line-height: normal; 

	}
.page-header{ 
	margin: -10px 0 10px 0; 
	border-bottom: 2px #000 solid;
	padding: 0 0 12px 0;
	}

.navbar-custom{
font-size:.9em;
background-image:-webkit-linear-gradient(top,#537581 0,#537581 100%);
background-image:-o-linear-gradient(top,#537581 0,#537581 100%);
background-image:-webkit-gradient(linear,left top,left bottom,from(#537581),to(#537581));
background-image:linear-gradient(to bottom,#537581 0,#537581 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat:repeat-x;
border-radius:0px;
//-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
//box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
color:#FFF}

.navbar-custom .navbar-toggle{
border-color:#FFF;}


.navbar-custom .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
background-color:#888}


.navbar-custom .navbar-toggle .icon-bar{
background-color:#FFF;
}



/*background-image:-webkit-linear-gradient(top,#537581 0,#537581 100%);
background-image:-o-linear-gradient(top,#537581 0,#537581 100%);
background-image:-webkit-gradient(linear,left top,left bottom,from(#537581),to(#537581));
background-image:linear-gradient(to bottom,#537581 0,#537581 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
background-repeat:repeat-x;
//-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);
//box-shadow:inset 0 3px 9px rgba(0,0,0,.075);
color:#FFF}*/

.navbar-custom .navbar-nav>.active>a{
  background-color:#2d5765 
}

.navbar-custom .navbar-nav li>a{
color:#FFF
}

ul.navbar-nav li.dropdown:hover>a {
    background-color:#2d5765 
}

ul.navbar-nav li.hovernav:hover>a {
    background-color:#2d5765 
}
ul.navbar-nav li ul.dropdown-menu {
    background-color:#537581 
}

    .socialinve{
	display:none;
}

ul.navbar-nav > li a:hover{
	  background-color:#2d5765
	}


@media(min-width:870px) and (max-width:950px){
	.navbar-custom{font-size:.8em;}
	ul.nav li ul.dropdown-menu {font-size:.8em;}
	.container-fluid{height:30px;}
	}

@media(min-width:700px) and (max-width:870px){
	.navbar-custom{font-size:.6em;}
	ul.nav li ul.dropdown-menu {font-size:.8em;}
	}
/*
Navbar "hovernav" dropdown menu - this works only for screen sizes larger than phones.
The Bootstrap CSS is unchanged.768
*/
@media (max-width: 1150px) {
	body{
		  width: 100%;}
}
@media (min-width: 700px) {
	 
  .navbar-nav .caret {
    display: none;
  } 
  .socialinve{
	display:block;
	margin: -43px 0 0 0;
}
  /* Delete the above if you wish to display the caret */
  .navbar-nav .open ul {
    display: none
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background: none
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #969696;
    background: none
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block;
  }
}


/*------------------------------------------------------------------*/
.dropdown-submenu{
    position:relative;
}

.dropdown-submenu > .dropdown-menu
{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu{
   display:block;
}

.dropdown-submenu > a:before{
  	display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}

.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}

.dropdown-submenu .pull-left{
    float:none;
}

.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;

    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

form div.control-group div.control-label{
	width:100px;
	text-align:left;
}


h1.sitetitle{
 	background: url(../img/logo.jpg) no-repeat center;
    width: 398px;
    height: 140px;
    margin: -12px auto -14px auto;
    padding: 0;
    display: block;
    text-indent: -9000px;
	font-size:9px;
	}
	
.custom{
	margin: -26px 0 18px 0;
	}
	
a {
    color: #537581;
    text-decoration: none;
}
a:hover {
    color: #537581;
    text-decoration:underline;
}

/*Homepage*/
.about-us{
  margin: 0;
}

.about-us span{
  display: block;
}

.latest-news{
  margin: 0;
}

.quick-dl{
  margin: 0;
}

.site-map hr{
  display: block;
}

.footer-icons{
  margin-top: 5px; 
  padding-top: 5px; 
  text-align: right;
}

@media only screen and (max-width : 1920px) {

  .contact-iframe{
    width: 480px;
    height: 350px;
  }


}

@media only screen and (max-width : 680px) {

  h1.sitetitle{
    background: url(../img/logo2.jpg) no-repeat center;
    width: 331px;
    height: 116px;
  }

  .about-us span{
    display: none;
  }

  .latest-news{
    margin: 55px 0 70px 0;
  }

  .quick-dl{
    margin: 0 0 -60px 0;
  }

  .site-map hr{
    display: none;
  }

  .footer-icons{
    text-align: left;
    padding-top: 10px;
  }

   .contact-iframe {
    width: 100%;
    height: 400px;
  }


}


@media only screen and (max-width : 480px) {

  h1.sitetitle{
    background: url(../img/logo3.jpg) no-repeat center;
    width: 260px;
    height: 91px;
  }

   .contact-iframe {
    width: 100%;
    height: 400px;
  }


}