@charset "utf-8";
/* CSS Document */

body{
	background:url(sos.png) repeat;
	font size:87.5%;
	font-family:arial, sans-serif;
	colour:#666666;
	line-height:1.7em;
	text-align:left;
}
a{
	text-decoration:none;
	color:#FFF;
}
a:hover{
	colour:#666666;
}
h2{
	color:#00F;
}
.clr{
	clear:both;
	
	}
#container{
	width: 80%;
	margin:0 auto;
	overflow:auto;
	clear:both;
}

.main-header #logo{
	width:100%;
	margin:auto;
	display:block;
	transition:width 2s;

}

.main-header .main-nav{
	background:#006699;
	height:40px;
	border-radius:5px;
	
}

.main-header .main-nav ul{
	list-style:none;
	margin:0;
	padding;0;
}

.main-header .main-nav li{
	color:#000;
	display:inline;
	float:left;
	margin-right:3px;
}

.main-header .main-nav li a{
	colour:#FFF;
	display:inline-block;
	padding: 10px 20px;
	height:20px;
	
}

.main-header .main-nav li a:hover, .main-header .main-nav li a:active{
	background:#efeadd;
	color:#FFF;
	border-radious:5px;
	
}
#content{
	width:66%;
	float:left;
	overflow:auto;
}

#gallerycontent{
	width:100%;
	float:left;
	overflow:auto;
}

#gallerycontent article{
	border-radius: 5px;
	background:#ffffff;
	overflow: auto;
	padding: 10px 20px;
	margin-top:10px;

}
#content article{
	border-radius: 5px;
	background:#ffffff;
	overflow: auto;
	padding: 10px 20px;
	margin-top:10px;

}
#content article span{
	font-style:italic;
	color: #000000;
}
#sidebar{
	width:30%;
	float:left;
}

#sidebar .block{
	border-radius: 5px;
	background:#FFF;
	overflow: auto;
	padding: 10px 15px;
	margin:10px 0 0 10px;
	
}
.fb-page{
	border-radius: 5px;
	background:#FFF;
	margin:10px 0 0 10px;
	height:auto;
	
}
iframe{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#form{
	border-radius: 5px;
	background:#FFF;
	margin:10px 0 0 10px;
	height:700px;
	width:100%;
	overflow: hidden;	
}
#contenta.readmore{
	display:block;
	float:right;
	color:#ffffff;
	padding: 5px 9px;
	background:#c13046;
	border-radius:5px;	
}

div.galleryimg {
     margin: 5px;
    border: 1px solid #ccc;
     float: left;
     width: 180px;
}

div.galleryimg:hover {
     border: 1px solid #777;
}

div.galleryimg img {
     width: 100%;
    height: auto;
}

div.gallerydesc {
    padding: 15px;
     text-align: center;
}


/*Tablet/ipads*/
@media only screen and (min-width : 768px) and (max-width:960px){
	#container{
		width:95%;
	}
	.main-header img#logo{
		margin:auto;
		display:block;
		width:65%;
		transition:width 2s;}
	#content{
		width:100%;
		float:none;}
	#sidebar{
		width:100%;
	  	float:none;}
	
	#sidebar .block {
		margin-left:0;}
}
/*Samller tablets*/
@media only screen and (min-width : 569px) and (max-width:767px){
		#container{
		width:95%;
}
.main-header .main-nav{

	height:auto;
	display:block;
	overflow:hidden;
	width:99%;
	
}
.main-header .main-nav ul{
	padding:2% 1%;
	text-align:center;
	width:99%;	
}
.main-header .main-nav li{
	float:none;
	display:block;
	margin-right:0;
	width:100%;
	border-bottom:1px solid #a3293b;
}
.main-header .main-nav li a{
	margin-bottom: 2px;
	text-alogn:center;
}
.main-header .main-nav li a:hover, .main-header .main-nav li a:active{
	display:block;
	}
.main-header img#logo{
		margin:auto;
		display:block;
		width:65%;
		transition:width 2s;}
#content{
		width:100%;
		float:none;}
#sidebar{
		width:100%;
	  	float:none;}
	
#sidebar .block {
		margin-left:0;}
}

/*Smart phones*/
@media only screen and (min-width : 240px) and (max-width:568px){
#container{
		width:95%;
}
.main-header .main-nav{

	height:auto;
	display:block;
	overflow:hidden;
	width:99%;
	
}
.main-header .main-nav ul{
	padding:2% 1%;
	text-align:center;
	width:99%;
}
.main-header .main-nav li{
	float:none;
	display:block;
	margin-right:0;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.main-header .main-nav li a{
	margin-bottom: 2px;
	text-alogn:center;
}
.main-header .main-nav li a:hover, .main-header .main-nav li a:active{
	display:block;
	}
.main-header img#logo{
		margin:auto;
		display:block;
		width:100%;}
#content{
		width:100%;
		float:none;}
#sidebar{
		width:100%;
	  	float:none;}
	
#sidebar .block {
		margin-left:0;}
}