body {
	color: #555;
	background: #eee;
	/* font-family: "Lucida Sans Unicode", Verdana; */
	font-family: 'Montserrat', sans-serif;
	algin: center;
	margin: 0px;
	padding:0px;
}

.header {
	width: 100%;
	height: 110px;
	background-color: #eee;
	text-align: center;
}

.box {
	width: 1024px;
	margin: auto;
	text-align: left;
}

.bluestripe {
	background-color: #00175c;
	width: 100%;
	height: 20px;
	min-height: 20px;
	min-width: 1024px;
}

.bluestripe_header {
	background-color: #00175c;
	width: 100%;
	height: 65px;
	min-height: 65px;
	min-width: 1024px;
}

/*@media (max-width: 300px){
	.headerimage {
		background-image: url('../img/header.jpg');
		background-repeat: no-repeat;
		background-size: auto;
		width:100%; 
		height: 400px;
		min-height: 400px;
		margin: auto;	
	}
}

@media (max-width: 600px){
	.headerimage {
		background-image: url('../img/header.jpg');
		background-repeat: no-repeat;
		background-size: auto;
		width:100%; 
		height: 400px;
		min-height: 400px;
		margin: auto;	
	}
}

@media (max-width: 1200px){
	.headerimage {
		background-image: url('../img/b1200.jpg');
		background-repeat: no-repeat;
		background-size: auto;
		width:100%; 
		height: 478px;
		min-height: 478px;
		margin: auto;	
	}
}

@media (max-width: 1400px){
	.headerimage {
		background-image: url('../img/b1200.jpg');
		background-repeat: no-repeat;
		background-size: auto;
		width:100%; 
		height: 478px;
		min-height: 478px;
		margin: auto;	
	}
}

@media (max-width: 1920px){
	.headerimage {
		background-image: url('../img/b1920.jpg');
		background-repeat: no-repeat;
		background-size: auto;
		width:100%; 
		height: 764px;
		min-height: 764px;
		margin: auto;	
	}
} */

/*slideshow

.headerimage {
			background-image: url('../img/zebra.png');
			background-repeat: repeat;
			background-size: auto;
			width:100%; 
			height: 600px;
			min-height: 600px;
			margin: auto;	
	}
*/
@media (max-width: 1200px){
	.headerimage {
		background-image: url('../img/b1200.jpg');
		background-repeat: no-repeat;
		background-size: auto;
		width:100%; 
		height: 478px;
		min-height: 478px;
		margin: auto;	
		min-width: 1024px;
	}
} 
@media (min-width: 1200px) and (max-width: 1400px){
	.headerimage {
		background-image: url('../img/b1400.jpg');
		background-repeat: no-repeat;
		background-size: auto;
		width:100%; 
		height: 557px;
		min-height: 557px;
		margin: auto;	
		min-width: 1024px;
	}
} 
@media (min-width: 1400px) and (max-width: 1920px){
	.headerimage {
		background-image: url('../img/b1920.jpg');
		background-repeat: no-repeat;
		background-size: auto;
		width:100%; 
		height: 764px;
		min-height: 764px;
		margin: auto;	
		min-width: 1024px;
	}
} 
@media (min-width: 1921px) {
	.headerimage {
		background-image: url('../img/b1920.jpg');
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center center;
		width:100%; 
		height: 764px;
		min-height: 764px;
		margin: auto;	
		min-width: 1024px;
	}
} 

.container {
	width: 1024px;
	margin:auto;
}
.slider {
	width: 1200px;
	margin:auto;
}
.heading {
	background-image: url('../img/logobullet.jpg');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: left center;
	min-height: 65px;
	height:65px;
	padding-left: 60px;
	
}
.container h2 {
	margin-top:0px;
	padding-top: 18px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #fff;
	font-weight: bold;
	font-variant: small-caps;
}

.small_stripe {
	min-height: 2px;
	height: 2px;
	background-color: #00175c;
	width: 100%;
	min-width: 1024px;
}

.menu_item {
	float: left;
	width: 100px;
	background-color: red;
	min-height: 30px;
	height: 30px;
	margin-left: 10px;
	padding-left: 10px;
}
.clear {
	clear:both;
}

.header ul {
  list-style-type: none;
  margin: 0;
  padding-top: 84px;
  overflow: hidden;
  background-image: url('../img/logo-eee.jpg');
  background-repeat: no-repeat;
 
}

.header li {
  float: right;
}

.header li a {
  display: block;
  color: #eee;
  background-color: #00175c;
  border-radius: 10px 10px 0px 0px;
  text-align: center;
  margin-left: 6px;
  padding: 6px 7px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.header li a:hover {
  background-color: #00175c;
  color: red;
  padding-top: 14px;
  padding-left: 14px;
  padding-right: 14px;
  margin-top: -8px;
}

.text-box {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 1.6;
}

.text-box p{
	padding-bottom: 3px;
	padding-top: 3px;
	margin-bottom: 1px;
	margin-top: 1px;
}
.left-col {
	float: left;
	width: 500px;
}
.right-col {
	float: right;
	width: 500px;
}

.text-box ul {  margin: 0;}

.text-box li {
	padding-bottom: 10px;
}

.left-col-inner {
	float: left;
	width: 245px;
}
.right-col-inner {
	float: right;
	width: 245px;;
}

#slideshow { 
    margin: 0; 
    position: relative; 
    width: 100%; 
    height: 240px; 
}

#slideshow > div { 
    position: absolute;  
}

.left-col-small {
	float: left;
	width: 80px;
}
.right-col-big {
	float: right;
	padding-left: 10px;
	width: 410px;
}

/*Galery*/
/* line 8, ../sass/demo.scss */
* {
  box-sizing: border-box;
}

/* line 16, ../sass/demo.scss */
.clear {
  clear: both;
  float: none;
  width: 100%;
}

/* line 22, ../sass/demo.scss */
.gcontainer {
  max-width: 1170px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/* line 32, ../sass/demo.scss */
.gcontainer .gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.gcontainer .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.gcontainer .gallery a.big img {
  width: 40%;
}

/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}

.left-date {
	float: left;
}

.right-date {
	float: right;
}

.form {
	margin-left: 60px;
}

.form .form_input input {
	width: 400px;
	border: 1px solid #00175c;
	height: 30px;
}

.form .form_input textarea {
	width: 400px;
	border: 1px solid #00175c;
	height: 240px;
}

.form .form_label {
	padding-top: 16px;
}

.form .form_input button {
	width: 160px;
	min-width: 160px;
	height: 40px;
	background-color: #00175c;
	color: #fff;
	font-size: 18px;
	margin-top: 16px;
	margin-bottom: 16px;
}

.form .form_input button:hover {
	width: 160px;
	min-width: 160px;
	height: 40px;
	background-color: #00175c;
	color: red;
	font-size: 18px;
	margin-top: 16px;
	margin-bottom: 16px;
}

.footer {
	width: 100%;
	background-color: #00175c;
	min-height: 200px;
	height: 200px;
	min-width: 1024px;
}
.copyright {
	padding-top: 80px;
	color: white;
}