/* ===========================
   ======= Body style ======== 
   =========================== */
   
body {background-color:#eee;color: #000305;font-size: 15px;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;line-height: 1.2;margin: 0;padding: 0;text-align: left;}

/* TinyMCE specific rules */

body.mceContentBody {background: #FFF;font-family:Arial;font-size:14px;padding:10px;}

	
.body {	clear: both; margin: 0 auto; width: 75%;max-width:1000px;}
	
/* ===========================
   ========= Headings ======== 
   =========================== */
h1 {font-size: 24px;}
h2 {font-size: 1.571em}	/* 22px */
h3 {font-size: 1.429em}	/* 20px */
h4 {font-size: 1.286em}	/* 18px */
h5 {font-size: 1.143em}	/* 16px */
h6 {font-size: 1em}	/* 14px */

h2, h3, h4, h5, h6 {font-weight: 400;line-height: 1.1;margin-bottom: .8em;}

/* ===========================
   ======= Anchor style ====== 
   =========================== */
a {outline: 0;}

img {margin:2px 5px;max-width:600px}

a img {border: 0px; text-decoration: none;}

a:link, a:visited {color:  #3498db;padding: 0 1px;text-decoration: none;}

a:hover, a:active {color: #d35400;text-decoration: none;}

/* ===========================
   ===== Main Navigation ===== 
   =========================== */
   
.mainHeader nav {background:  #85c1e9 ;	font-size: 1.143em;height: 80px;line-height: 30px;margin: auto auto 2px auto;border: 1px solid #85c1e9;border-top-left-radius: 5px;border-top-right-radius: 5px;text-align: center;}
	


.mainHeader img {width: 30%;height: auto;margin: 3% 0;}

/* ===========================
   ======= Content Area ====== 
   =========================== */

.mainContent {
	overflow: hidden;line-height: 25px;}

.topcontent {background-color: #FFF;padding: 3% 5%;margin-bottom: 3%;}


.content {width: 70%;float: left;}


.orange {display:block;margin:0px auto;width:98%;padding:10px;border:2px solid #d35400;border-radius:3px;}

.blue {display:block;margin:0px auto;width:98%;padding:10px;border:2px solid #0099CC;border-radius:3px;}

.green {display:block;margin:0px auto;width:98%;padding:10px;border:2px solid #196f3d ;border-radius:3px;}

.content ul li, .content ol li {margin-bottom:5px;}


/* ===========================
   ======== Sidebar ========== 
   =========================== */

.top-sidebar {width: 22%;float: left;margin-left: 2%;background-color: #FFF;padding: 2% 3%;	margin-bottom: 2%;}

.top-sidebar h4 {display:block;background-color: #85c1e9 ;color:#fff;padding:5px;border-radius:5px;}
.top-sidebar ul {list-style: none; margin: 0 auto;padding-left: 0;}
.top-sidebar ul li {list-style:none;display:block:height:20px;font-size:.9em;margin-bottom:2px;padding:5px; background:#A9E2F3;border-radius:2px;font-weight:bold;}



/* ===========================
   ========= Footer ========== 
   =========================== */

.mainFooter {width: 100%;float: left;margin-top: 2%;margin-bottom: 2%;padding-left: 0;background-color: #85c1e9 ;border-radius: 5px;color: #FFF;}

.mainFooter p {	width: 91%;margin: 2% auto;}

/* ===========================
   ====== Media Queries ====== 
   =========================== */

@media only screen and (min-width : 150px) and (max-width : 780px)
{
.body {	clear: both; margin: 0 auto; width: 90%;font-size: 90%;}
	
.mainHeader nav {background: #85c1e9;font-size: 1.143em;height: 160px;line-height: 30px;
margin-bottom: 0;border-radius: 5px;}
		
	
	
.mainHeader img {width: 100%;height: auto;margin-bottom: 3%;}
	
.mainContent {overflow: hidden;line-height: 25px;border-radius: 5px;margin-top: 4%;margin-bottom: 2%;}
	
.topcontent {background-color: #FFF;border-radius: 5px;	padding: 2% 5%;	margin-bottom: 4%;}
	

	
.content {width: 100%;float: left;border-radius: 5px;}	
img {width:auto;height:auto;max-width: 100%;}


.top-sidebar {width: 86%;float: left;border-radius: 5px;background-color: #FFF;			margin-top: 4%;	margin-left: 0;	padding: 0 7%;margin-bottom: 0;}
	
.top-sidebar p {width: 90%;}

	
		
.mainFooter {width: 100%;float: left;margin: 2% 0;padding-left: 0;background-color: #85c1e9;border-radius: 5px;color: #FFF;}
	
.mainFooter p {	width: 86%;margin: 2% auto;}
}