@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #a2cbca;
	/* [disabled]overflow: hidden; */
}
a img {
	border: none;
}
img alt {
	text-align: center;
	vertical-align: middle;
}
#wrapper, #page, #header, #footer, #reflect {
	clear: both;
	width: 995px;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
}
#page, #header, #content, #footer, #reflect {
	float: left;
}
#page {
	border: 1px solid #1c3839;
	box-shadow: 0px 0px 8px #1c3839;
	background-color: #FFF;
}
#images, #communication, #navigation {
	width: 100%;
	float:left;
	clear: both;
}
#communication{
	background-color: #E36F3F;
	overflow: hidden;
}
#navigation, #footer {
	background-color: #1C3839;	
}
#comimages{
	float: right;
	width: 730px;
	background-color: #CAB69B;
}
#logo {
	float: left;
	width: 265px;
}
#globe, #grasp {
	float: left;
	width: 365px;
}
#baseline, #slogan, .base, #navheader, #navfooter, .menu {
	float: left;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
}
#baseline, .base {
	width: 265px;
	font-weight: bold;
}
#slogan, #navheader, #navfooter {
	width: 730px;
}
#slogan {
	float: right;
}
.base, #navheader, #navfooter {
	background-color: #1c3839;
	padding: 0px;
	height: 40px;
}
#baseline {
	background-color: #e36f3f;
	padding-top: 10px;
	height: 30px;
}
#slogan {
	background-color: #336766;
	padding-top: 10px;
	height: 30px;
}
.menu {
	padding: 12px 19px;
	height: 16px;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.025em;
	word-spacing: 0.025em;
}
.menu:hover {
	background-color: #80543c;
	text-decoration: none;
}
.maximus {
	display: inline;
}
.showtillmid {
	display: block;
}
.showaftermid {
	display: none;
}
.uppercases {
	text-transform: uppercase;
}
#navheader .selected {
	background-color: #28504f;
	height: 13px;
	border-bottom: solid 3px #ccc;
}
#navfooter .selected {
	background-color: #28504f;
	height: 13px;
	border-top: solid 3px #ccc;
}
.subHeading {
	color: #E36F3F;
	text-align: right;
	float: right;
}
.sideHeading {
	padding-left: 265px;
}
#content {
	width: 935px;
	letter-spacing: 0.025em;
	word-spacing: 0.025em;
	color: #336666;
	line-height: 1.5em;
	clear: both;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
}
#content a {
	color: #336666;
	text-decoration: none;
}
#content h2, #content h3 {
	font-size: medium;
	text-transform: uppercase;
	float: left;
}
#content h3 {
	margin: 0px;
}
#content a:hover {
	color: #336666;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #366;
}
#content .linker {
	color: #336666;
	font-size: small;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #366;
	text-transform: uppercase;
}
#content .linker:hover {
	color: #336666;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #366;
	text-transform: uppercase;
}
#content .alter, #content .alter:hover {
	text-transform: none;
}
#content .backer {
	float: right;
	margin: 10px 0px 0px 0px;
	padding-bottom: 0px;
}
#content .backer:hover {
	padding-bottom: 0px;
}
#content .rowhead, #content .row {
	float: left;
	clear: left;
}
#content .row {
	width: 100%;
	padding: 15px 15px 30px 0px;
}
#content .rowhead {
	width: 98%;
	padding: 15px 15px 0px 0px;
}
#content .column1, #content .column1h {
	width: 205px;
	float: left;
	height: auto;
	clear: left;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 0px;
}
#content .column1 img {
	float: right;
}
#content .column1 .smaller {
	float: right;
	font-size: small;
	text-align: right;
}
#content .column1 .smaller .linker {
	font-size: small;
	text-transform: none;
	float: right;
	margin-bottom: 15px;
}
#content .column2 {
	padding: 0px 0px 30px 30px;
	width: 335px;
	float: left;
}
#content .column3 {
	padding: 0px 0px 30px 30px;
	width: 285px;
	float: left;
}
#content .column12 {
	float: left;
	height: auto;
}
#content .column23 {
	width: 660px;
	float: left;
	clear: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#reflect {
	height: auto;
	clear: both;
}
#disclaimer {
	font-size: x-small;
	font-weight: lighter;
	color: #336766;
	padding-left: 25px;
	padding-bottom: 25px;
	clear: both;
}
#copywrites{
	float: left;
	width:auto;
	height:auto;
}
#websiteBy {
	font-size: x-small;
	float: right;
	padding-right: 25px;
}
#websiteBy a {
	color: #336766;
	text-decoration: none;
}
#websiteBy a:hover {
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #366;
}
img {
	max-width: 100%;
}
@media screen and (max-width: 1000px) {
	#wrapper {
		width: 96%;
	}
	#page, #header, #footer, #reflect {
		width: 100%;
	}
	#logo, #baseline, .base {
	width: 27%; /*26.63%;*/ /*27%;*/
	/* [disabled]clear: left; */
	}
	#globe, #grasp {
		width: 50%; /*36.68%;*/ /*36.55%;*/
	}
	#slogan, #navheader, #navfooter, #comimages {
		width: 73%; /*73.48%;*/ /*73.10%;*/
	}
	#navheader, #navfooter {
		font-size: small;
	}
	#content {
		width: 92%;
		padding: 2%;
	}
	.sideHeading {
		padding-left: 33%;
	}
	#content .rowhead {
		padding: 0% 3%;
	}
	#content .row {
		padding: 2% 3%;
	}
	#content .column1 {
		width: 25%;
		padding: 2% 3%;
	}
	#content .column1h {
		width: 20%;
		padding: 2% 3%;
	}
	#content .column2 {
		width: 33%;
		padding: 2% 3%;
	}
	#content .column3 {
		width: 28%;
		padding: 2% 3%;
		clear: right;
	}
	#content .column12 {
		width: 100%;
		height: auto;
	}
	#content .column23 {
		width: 60%;
		padding: 2% 4%;
		/* [disabled]clear: right; */
	}
	#content .column1 ul, #content .column1h ul, #content .column23 ul {
		padding-left: 15px;
	}
	.menu {
		font-size: smaller;
		padding: 12px 1.75%;
	}
}
@media screen and (max-width: 820px) {
	#baseline, .base, #slogan, #navheader, #navfooter {
		font-size: small;
		overflow: hidden;
	}
	#content .column1 ul li .linker, #content .column1h ul li .linker {
		font-size: x-small;
		line-height: 2.25em;
	}
	#content .column1 .smaller .linker {
		font-size: small;
		text-transform: none;
	}
}
@media screen and (max-width: 760px) {
	body {
		font-size: small;
	}
	#baseline, .base, #slogan, #navheader, #navfooter {
		font-size: small;
	}
	#baseline, #slogan {
		height: 23px;
		padding-top: 5px;
	}
	.menu {
		font-size: smaller;
		padding: 12px 1.05%;
	}
	#content {
		line-height: 1.75em;
	}
	#content .linker {
		font-size: smaller;
	}
	#content .column1 .smaller .linker {
		font-size: smaller;
	}
}
@media screen and (max-width: 660px) {
	.base {
		display: none;
	}
	#navheader, #navfooter {
		width: 100%;
	}
	#baseline, .base, #slogan, #navheader, #navfooter {
		font-size: smaller;
	}
	#baseline, #slogan {
		height: auto;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.menu {
		font-size: smaller;
		padding: 12px 2.5%;
	}
	#content .column1 .smaller .linker {
		font-size: xx-small;
	}
}
@media screen and (max-width: 550px) {
	#header {
		background-color: #e36f3f;
	}
	#communication{
		background-color: #E36F3F;
	}
	.base {
		display: none;
	}
	#navheader, #navfooter {
		width: 100%;
	}
	#baseline, .base, #slogan, #navheader, #navfooter {
		font-size: x-small;
		word-spacing: -0.025em;
	}
	.menu {
		font-size: smaller;
		padding: 12px 1.25%;
	}
	#content {
		width: 92%;
		padding: 2% 4%;
	}
	#content .row, #content .column1, #content .column1h, #content .column2, #content .column3 {
		width: 100%;
		clear: both;
		padding: 1% 1%;
	}
	#content .rowhead {
		padding: 0% 1%;
	}
	#content .column23 {
		width: 100%;
		clear: both;
		padding: 1% 1% 5% 1%;
	}
	.sideHeading {
		padding-left: 0%;
	}
	.subHeading {
		float: left;
		text-align: left;
	}
	#content .column1 img {
		float: left;
		clear: both;
	}
	#content .column1 .smaller {
		float: left;
		clear: both;
		text-align: left;
	}
	#content .column1 .smaller .linker {
		float: left;
		font-size: small;
	}
	.showtillmid {
		display: none;
	}
	.showaftermid {
		display: block;
	}
}
@media screen and (max-width: 460px) {
	.base {
		display: none;
	}
	#navheader, #navfooter {
		width: 100%;
	}
	#baseline, .base, #slogan, #navheader, #navfooter {
		font-size: x-small;
		word-spacing: -0.05em;
	}
	.menu {
		font-size: smaller;
		padding: 12px 1.75%;
		word-spacing: 0em;
		letter-spacing: 0px;
	}
	.maximus {
		display: none !important;
	}
	#disclaimer {
		padding-left: 0px;
		padding-bottom: 25px;
		text-align: center;
		vertical-align: middle;
	}
	#copywrites {
		float: none;
		text-align: center;
		clear: both;
	}
	#websiteBy {
		float: none;
		padding-right: 0px;
		text-align: center;
		clear: both;
	}
	
}