/* ===========================
   ======= Body style ======== 
   =========================== */
   
body {
	font-size: 0.95em; /* Base font size: 14px */;
	font-family: Cambria, Calibri, sans-serif;
	line-height: 1.429;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
}
.body {
	clear: both;
	margin: 0 auto;
	width: 75%;
	background-color: #FFFFFF;
}
	
/* ===========================
   ========= Headings ======== 
   =========================== */

h1 {font-size: 1.571em}	/* 22px */
h2 {font-size: 1.429em}	/* 20px */
h3 {font-size: 1.286em}	/* 18px */
h4 {font-size: 1.143em}	/* 16px */
h5 {font-size: 1em}		/* 14px */
h6 {font-size: .9em}    /* 12px */
	
}

h1,h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: .8em;
}

/* ===========================
   ======= Anchor style ====== 
   =========================== */
a {
	outline: 0;
	}

a img {
	border: 0px; 
	text-decoration: none;
}

a:link, a:visited {
	color: #2D3471;
	padding: 0 1px;
	text-decoration: none;
}

a:hover, a:active {
	background-color: #808080;
	color: #fff;
	text-decoration: none;
}

/* ===================================
   ===== Masthead And Navigation ===== 
   =================================== */
.masthead {
	border: thin solid #999999;
	border-radius: 10px;
	margin-top: 2%;
	text-align: center;
	font-family: Cambria;
	font-size: 2em;
	font-weight: bold;
	color: #FFFFFF;
	font-style: italic;
	height: 100px;
	background-color: #1570A6;
}
.mast_main_title {
	font-family: Cambria;
	font-size: 1.25em;
	color: #FFFFFF;
	font-weight: bolder;
	font-style: italic;
	padding-top: 0.75%;
	margin-top: 13px;
}
.Header nav {
	background: #666666;
	font-size: 0.95em;
	height: 40px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 25px;
	margin-bottom: 10px;
	clip: rect(auto, 20em, auto, auto);
}
.Header nav ul li {
	float: left; 
	display: inline; 
}
.Header nav ul {
	list-style: none;
	margin: 0 0px 0 0px;
}
	
.Header nav a:link, .Header nav a:visited {
	color: #fff;
	display: inline-block;
	height: 30px;
	padding: 5px 7px 5px 7px;
	text-decoration: none;
}
.Header nav a:hover, .Header nav a:active,
.Header nav .active a:link, .Header nav .active a:visited {
	background: #808080;
	color: #fff;
	text-shadow: none !important;
}
	
.Header nav li a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/*	============================================
	=============== Google Ad 1 ================
	============================================
*/
.googlead-1 {
	border-radius: 5px;
	overflow: hidden;
	margin: 1% 0px 1% 5%;
	background-color: #FFFFFF;
	width: 90%;
	height: 90px;
	text-align: center;
	font-family: Cambria, Calibri, sans-serif;
}

/* ===========================
   ======= Main Content ====== 
   =========================== */

.MainContent {
	overflow: hidden;
	line-height: 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.content {
	overflow:hidden;
	width: 100%;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}
.Column-1 {
	overflow: hidden;
	border: thin solid #999999;
	border-radius: 5px;
	width: 20%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	background-color: #FFFFFF;
	padding-left: 2%;
	padding-right: 2%;
}
.Column-2 {
	overflow: hidden;
	width: 42.8%;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
	border: thin solid #999999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #FFFFFF;
	padding-left: 2%;
	padding-right: 2%;
}
.Column-3 {
	overflow: hidden;
	border: thin solid #999999;
	border-radius: 5px;
	width: 22%;
	float: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #FFFFFF;
	padding-left: 2%;
	padding-right: 2%;
}
.cookies {
	padding: 0% 4% 0px 4%;
	border-radius: 5px;
	border: thin solid #000000;
	background-color: #C0C0C0;
	color: #000000;
	text-align: left;
	margin-top: 1.75em;
}
/*	=============================================
	============= Left Hand Adblock =============
	=============================================
*/
.adblock {
	margin: 0em 0em 2em 0em;
	text-align: center;
}
/*	=============================================
	============= Right Hand Adblock ============
	=============================================
*/
.adblock1 {
	margin: 0em 0em 2em 0em;
	text-align: center;
}
/*	=============================================
	=============== Google Ad 2 =================
	=============================================
*/
.googlead-2 {
	font-family: Cambria, Calibri, sans-serif;
	color: #FFFFFF;
	border-radius: 5px;
	width: 90%;
	height: 90px;
	background-color: #FFFFFF;
	margin: 2% 0% 2% 5%;
	overflow: hidden;
	text-align: center;
}
/* ===========================
   ========= Footer ========== 
   =========================== */
.bottom-nav {
	color: #FFFFFF;
	text-align: center;
}
.Footer {
	width: 100%;
	float: left;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-left: 0;
	background-color: #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFF;
}

.Footer p {
	width: 91%;
	margin: 2% auto;
	text-align: center;
}
/*============================
  ==== Make Image Scalable ===          Assign this class to any image to make it scale with the browser window size
  ============================  */
img.scalable {
        height:auto !important;
        width:auto !important;
        max-width:100%;
}
.img-center {
	text-align: center;
}
.img-border {
	border: 1px solid #000000;
}
.caption {
	text-align: center;
	font-size: .9em;
	color: #000000;
	font-weight: bold;
	background-color: #FFFFCC;
}



/* ===========================
   ====== Media Queries ====== 
   =========================== */

@media only screen and (min-width: 150px) and (max-width: 780px)

	
{
.body {
		clear: both; 
		margin: 0 auto; 
		width: 90%;
		font-size: 90%;
	}
	
.Header nav {
	background: #666;
	font-size: 0.95em;
	height: 320px;
	line-height: 30px;
	margin-bottom: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family: Cambria, Calibri, sans-serif;
}
		
.Header nav ul {
		list-style: none; 
		margin: 0 auto;
		padding-left: 0;
	}
	
.Header nav li {
		margin-left: 0 auto;
		width: 100%;
	}
	
.Header nav a:link, .Header nav a:visited {
		color: #FFF;
		display: block;
		height: 30px;
		padding: 5px 0;
		text-decoration: none;
	}
	
.Header nav a:active,
.Header nav .active a:link, .Header nav .active a:visited {
	background: #808080;
	color: #fff;
	text-shadow: none !important;
}
		
.Header nav li a {
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
			
	}

.Content {
	overflow: hidden;
	line-height: 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 4%;
	margin-bottom: 2%;
}


.content {
	width: 100%;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.Column-1 {
	width: 90%;
	float: left;
	margin-right: 2%;
	margin-left: 2%;
	border: thin solid #000000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2% 3%;

}
.Column-1 p {
		width: 90%;
}
.Column-2 {
	border: thin solid #000000;
	border-radius: 5px;
	width: 90%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	padding: 2% 3%;

}
.Column-2 p {
		width: 90%;
}
.Column-3 {
	border: thin solid #000000;
	border-radius: 5px;
	width: 90%;
	float: right;
	margin-right: 1.5%;
	margin-left: 1.5%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 2% 3%;

}
.Column-3 p {
		width: 90%;
}

.bottom-nav {
	float: center;
	padding-left: 4%;
}
.Footer {
		width: 100%;
		float: left;
		margin: 2% 0;
		padding-left: 0;
		background-color: #666;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
		color: #FFF;
		height: 180px;
	
}
.Footer p {
		width: 86%;
		margin: 2% auto;
	}

img {
        height:auto !important;
        width:auto !important;
        max-width:100%;
}
.img-center {
	text-align: center;
}
.img-border {
	border: 1px solid #000000;
}
.caption {
	font-size: .9em;
	font-weight: bold;
	color: #000000;
	text-align: center;
}