html{overflow-y: scroll; -webkit-text-size-adjust: none;}
html, textarea, input{color: #4D4D4D;	font-family: 'georgia'; font-size: 11pt;}
body{background-color: #27B0B6;}

table, tr, th, td{border: 1px solid #E1DED5; border-collapse: collapse;}
th{font-weight: bold;}
th, td{padding: 3px; vertical-align: top;}

a:link{color: #4D4D4D;}
a:visited{color: #4D4D4D;}
a:hover{color: #4D4D4D;}
a:active{color: #4D4D4D;}

ol, ul{margin-left: 20px;}
ol{list-style-type: decimal;}
ul{list-style-type: disc;}
li{margin-bottom: 10px;}

p{margin-bottom: 15px;}
h1{color: #FFFFFF; font-size: 24pt; float: left; margin-top: 28px;}
h2{color: #4D4D4D; font-size: 14pt; margin-bottom: 15px;}
h3{color: #958A6E;}
em, i, em *, i *{font-style: italic;}
strong, b, strong *, b *{font-weight: bold;}

/*General use classes*/
.p-last{margin-bottom: 0px;}
.italic{font-style: italic;}
.clear{clear: both;}
.centered{text-align: center;}
.hidden{display: none;}
.right{text-align: right;}
.float-right{float: right;}

.container{
	max-width: 960px;
	margin: 0px auto;
}

.home-image{
	width: 100%;
	float: left;
}

.header{
	padding: 10px;
}

.header img{
	float: left;
	margin-right: 10px;
}

.nav-menu{
	background-color: #035064;
	border-top: 15px solid #F2CD39;
}

.nav-menu a{
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 10px;
	padding: 7px 0px;
	float: left;
}

.nav-menu .selected{
	color: #F2CD39;
}

.nav-menu a:hover{
	text-decoration: underline;
}

.body-outer {
    float:left;
    overflow: hidden;
    background-color: #FFFFFF;	
}

.body-inner {
    float:left;
    background-color: #E8E8E8;
    position: relative;
    right:75%;
}

.sidebar {
    float: left;
    width: 25%;
    position: relative;
    left: 75%;
}

.sidebar-inner{
	padding: 10px;
}

.sidebar-inner img{
	max-width: 220px;
}

.content {
    float: left;
    width: 75%;
    position: relative;
    left: 75%;
}

.content-inner{
	padding: 10px;
}

.content-inner img{
	max-width: 700px;
}

.footer{
	color: #FFFFFF;
	font-size: 9pt;
	padding: 10px;
}

.footer a{
	color: #FFFFFF;
	text-decoration: none;
}

.footer a:hover{
	text-decoration: underline;
}

.footer-right{
	float: right;
}

/*Members profiles*/
.profile-photo{
	max-width: 150px !important;
}

.profile-box{
	max-width: 150px;
	display: inline-block;
	margin: 10px;
	vertical-align: top;
}

.profile-box a{
	text-decoration: none;
}

.profile-box a:hover{
	text-decoration: underline;
}

.main-profile-photo{
	max-width: 150px !important;
}

/*Contact form*/
.contact-form .txt{
	width: 355px;
}

.contact-form .txt, .contact-form .btn{
	padding: 3px;
}

.red{
	color: #ff0000;
}

.green{
	color: #458B00;
}

.dd{
	display: none;
}

@media (max-width: 900px) {
	
	h1{
		float: none;
		dmargin-top: 12px;
	}

}

@media (max-width: 675px) {
	h1{
		margin-top: 0px;
	}
	
	.header{
		text-align: center;
	}
	
	.header img{
		float: none;
		margin: 0px;
	}
	
	.body-inner {
		right:65%;
	}

	.sidebar {
		width: 35%;
		left: 65%;
	}

	.content {
		width: 65%;
		left: 65%;
	}
	
	.contact-form .txt{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	.footer{
		text-align: center;
	}
	
	.footer-right{
		float: none;
		display: block;
		margin-top: 3px;
	}
	
	
	
	
	.full-width-mobile .body-outer {
		float: none;
		overflow: visible;
		background-color: #FFFFFF;	
	}

	.full-width-mobile .body-inner {
		background-color: #FFFFFF;
		float: none;
		pbackground-color: #E8E8E8;
		position: static;
		right: auto;
	}

	.full-width-mobile .sidebar {
		display: none;
		pfloat: left;
		pwidth: 25%;
		pposition: relative;
		pleft: 75%;
	}

	.full-width-mobile .sidebar-inner{
		display: none;
		ppadding: 10px;
	}

	.full-width-mobile .sidebar-inner img{
		pmax-width: 220px;
	}

	.full-width-mobile .content {
		width: auto;
		float: none;
		pwidth: 75%;
		position: static;
		left: auto;
	}

	.full-width-mobile .content-inner{
		padding: 10px;
	}

	.full-width-mobile .content-inner img{
		max-width: 100%;
	}

}