@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Lato:400,700);

html, body, aside {
	display: block;
	margin: 0;
	padding: 0;
}

body {
	padding: 0px 40px 40px 40px;
	background-attachment: fixed;
	background-position: 50% 0;
	background-size: cover;	
	background-color:hsla(0, 10%, 30%, 0.24);
	font-family: "Open Sans", sans-serif;
	 }
	 
h1 {font-family:'Open Sans', sans-serif; font-size:24px; font-weight:400; text-align:left; color:#000; padding:0.5em;}
h1 strong {color:#cc3d3d; font-weight:400;}
h2 {font-family:'Open Sans', sans-serif; font-size:20px; font-weight:600; text-align:left; color:#000; padding:0;}
h3 {font-family:'Open Sans', sans-serif; color:#cc3d3d; font-size:20px; font-weight:600; text-align:left; padding:0;}

/* from Sky Menu */	 
aside {
	width: 233px;
	min-height: 500px;
}
aside.right {
	margin-left: auto;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
/* End sky menu items */

.main-width {width:960px; height:auto; max-height:none; padding:0; margin:0 auto;}

img {max-width:100%;}
	
#topline{position:relative; width:auto; height:10px; background-color:#cc3d3d; margin: 0 auto; z-index:1500;}
#topnav {position:relative; opacity: 1.0; width:auto; height:102px; padding-top:5px; padding-bottom:5px; background-color:#FFF; margin:0 auto; z-index:1500;}
#logoblock{margin-left:10px; float:left;}
#topright{width: 300px; float:right; font-family: 'Open Sans', sans-serif; font-size: 13px; color:#cc3d3d; text-align:left;}

#topright a:link, #topright a:visited{text-decoration:none; color:#4C4C4C;}
#topright a:hover{text-decoration:underline; color:#cc3d3d;}
#topright a:active {text-decoration:underline;}

.bodytxt{font-family:'Lato', sans-serif; font-weight:400; font-size:14px; padding-bottom:15px; color:#444; text-align:justify; line-height:150%;}
.bodytxt a:link, .bodytxt a:visited {text-decoration:none; color:#444;}
.bodytxt a:hover, .bodytxt a:active {color:#cc3d3d;}

.bodypart
	{
	width:auto;
	height:auto;
	max-height:none;
	background-color:#FFFFFF;
	padding: 10px 25px;
	margin: 0 auto;
	}
.body1 {	
	max-width: 1120px;		
	padding:0 25px;
	margin: 0 auto;
	background:#fff;
}

.bgwhite {background:#fff;
		width:auto;
		min-height:none;
		padding:0 0 10px 25px; 
		margin:0 auto;
		}
.pa10 {
	padding:10px;
	}

.pa20 {
	padding:20px;
	}
.ptlr20 {
	padding-top:20px;
	padding-right:20px;
	padding-bottom:0px;
	padding-left:20px;
	}

.pa0 {
	padding:0px;
	}
.mgb-10{
	margin-bottom:-10px;
	}
	
.mgb-20{
	margin-bottom:-20px;
	}

.mgt10 {
	margin-top:10px;
	}
.mgb15 {
	margin-bottom:15px;
	}
	
.bl8 {margin-left:8px;}
.br8 {margin-right:4px; color:#16A1E6;}
		
.center {
	margin-left:auto;	
	margin-right:auto;	
	width:30%;
	}
.center70 {margin-left:auto;	
	margin-right:auto;	
	width:70%;
	}
.center910 {margin: 0 auto;		
	width:910px;
	}

.tiny	{	
	font-size:6px;
	}
.red {color:#cc3d3d;
	 font-weight:600;}
	
#titlesec {	
	width:auto;
	height:90px;
	background-color:#fff;
	border-bottom:1px solid #a2a2a2;
	padding:0 20px;
	}
	
#titlebar {
	float:left;
	width:100%;}

h1.title{	
	padding:0px 15px 0px 0px;	
	font-family:'Open Sans', sans-serif;	
	font-size: 24px;
	color:#000000;		
	text-align:left;	
	}
	
h2.title{	
	padding:0;	
	margin:-7px 0px 10px 0px;
	font-family:'Open Sans', sans-serif;	
	font-size: 20px;
	font-weight:400;
	color:#000000;		
	text-align:left;	
	}
	
h2.subtitle {margin: -7px 0px 10px 0px;}
h2 .red {color:cc3d3d;}
	
#urhere {
	float:left;
	padding:0px 25px 5px 0px;	
	font-family:'Open Sans', sans-serif;	
	font-size: 12px;
	color:#999;
	text-align:left;
	}
#urhere a:link, #urhere a:visited {
	text-decoration:none;
	color:#444;
	}
#urhere a:hover, #urhere a:active {
	color:#169FE6;
	}

.greyband {background:#5b5b5b;		 
		 margin:0 auto;
		 min-height:38px;
		 padding:0px;
		 width:100%;
		 }
.greyband a:link, .greyband a:visited {text-decoration:none; color:#fff;}

		 
.greyband ul {padding:0; margin:0;}
.greyband ul li{padding:10px 10px 10px 10px;
			margin:0;
			float:left;
			font-family:'Open Sans', sans-serif;
			font-weight:400;
			font-size:13px;
			color:#fff;
			border-right:thin solid #fff;
			list-style:none;			
			}
.greyband ul li:hover {background:#16A1E6; cursor:default;}
.greyband ul.z {padding:0 5px 0 0; margin:0;}
.greyband ul.z li{padding:10px 0 0 0;
			  margin:0;
			  float:right;
			  border-right:none;}
.greyband ul.z li:hover {background:#5b5b5b;}

.darkgrey {min-height:220px;		 
		  margin:0 auto;
		  margin-top:0px;
		  padding:15px 0 0 0;
		  background:#3b3b3b;
		  }

.darkgrey ul {padding:0 0 0 10px; margin:0;}		  
.darkgrey  ul li{width:31%;
			float:left;
			list-style:none;
			margin:0 20px 0 0;
			color:#c0c0c0;
			}

.greycol {display:block;}
.greycol ol{display:block; margin:0 0 0 20px; padding:0;}
.greycol ol li{list-style-type:decimal; width:100%; background:#3f3f3f; font-family:'Open Sans', sans-serif; font-size:13px; padding:5px;}
.greycol ol li:nth-child(even){background:#3b3b3b; font-family:'Open Sans', sans-serif; font-size:13px; padding:5px;}

.greycol ol li a:link, .greycol ol li a:visited {text-decoration:none; color:#c0c0c0;}
.greycol ol li a:hover, .greycol ol li a:active {text-decoration:none; color:#16A1E6;}
.cntct ul {padding:0; margin:0;}
.cntct ul li{list-style:none; width:100%; padding-bottom:5px; border-bottom:1px solid #eee; font-family:'Open Sans', sans-serif; font-size:13px; color:#c0c0c0;}
.cntct ul li a:link, .cntct ul li a:visited{text-decoration:none; color:#c0c0c0;}
.blk {width:100%; background:#1e1e1e;font-size:10px; color:#bbb;margin:0 auto;}
.blk ul{padding:10px; margin:0;}
.blk ul li{list-style:none; width:48%; float:left; padding:5px; margin:0; border-right:1px solid #ccc;}
.blk ul li:nth-child(even){border-right:none; margin:7px 0 10px 10px;}
h2.white {color:#fff;}
.tiptext, .tiptext a {color:#686868; border-bottom:1px dotted #585858;}
.greylink{color:#686868; text-decoration:underline;}
.greylinknoline {color:#686868;}
.text-center {width:60%; margin-left:auto; margin-right:auto;}
.qinfo {font-family:'Open Sans'; font-size:10px; color:#666;}
	
.icontext [class^="icon-"] {
  font-family: FontAwesome;
  font-style: normal;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
.icontext.lg [class^="icon-"] {
   font-size:18px; 
   width:30px;
}	
.icontext a > [class^="icon-"] {
	display: block;
	float: left;
	width: 20px;
	margin: 0 10px 0 -4px;
  font-size: 16px;
}
	/* from Sky Menu */
.bg-blue {
	background-color:hsla(200, 82.5%, 49.4%, 1.0);
}

.body {
	/*max-width: auto;*/
	margin: 0 auto;
}
@media screen and (max-width: 1000px) {
	body {
		padding: 20px;
	}
}
@media screen and (max-width: 767px) {
	body {
		padding: 10px;
	}
	aside {
		width: auto;
	}
}

@media only screen and (min-width: 240px) and (max-width: 319px) {
.main-width {
    margin:0 auto;
    width:auto;
    }
#logoblock {width:auto;}
.bodypart {padding:10px;
	}
.bodytxt {padding:5px;}		
#topright, #urhere  {
	display:none;	
	}
.batch-wrap {width:auto; padding:0; margin:0 auto;}
h1.title {font-size:14px; font-weight:600;}	
h2.title {font-size:14px; margin:10px; font-weight:600;}
h2 {font-size:16px;}			

.center {width:70%; margin-left:auto; margin-right:auto;	 }
.greyband ul li {display:none;}
.greyband ul.z li{display:block; width:100%;}
.darkgrey ul li{width:100%; display:block;}
#blogs, #freebies, #terms {display:none;}
#gmac, #copyright {width:97%; background:#1e1e1e;}
#copyright {margin-left:0;}
.blk ul{padding:0;}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.main-width {
    margin:0 auto;
    width:auto;
    }

.bodypart {padding:10px;
	}
.bodytxt {padding:5px;}	
#topright, #urhere  {
	display:none;	
	}

h1.title {font-size:18px; font-weight:600;}
h2.title {font-size:14px; margin:10px; font-weight:600;}
.batch-wrap {width:auto; padding:2px; margin:0;}
h2 {font-size:18px;}
.center {width:50%; margin-left:auto; margin-right:auto;	 }
.greyband ul li {display:none;}
.greyband ul.z li{display:block; width:100%;}
.darkgrey ul li{width:100%; display:block;}
#blogs, #freebies, #terms {display:none;}
#gmac, #copyright {width:97%; background:#1e1e1e;}
#copyright {margin-left:0;}
.blk ul{padding:0;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.main-width {
    margin:0 auto;
    width:auto;
    }
		
#topright {
	width: 35%;
	font-size: 11px;
	}
#urhere {display:none;}
.bodypart {padding:10px;	}
.batch-wrap {width:auto; padding:0; margin:0 auto;}
h2.title {font-size:16px; margin:10px; font-weight:600;}
.darkgrey ul li{width:100%; display:block;}
#blogs, #freebies, #terms {display:none;}
#gmac, #copyright {width:98%; background:#1e1e1e;}
#copyright {margin-left:0;}
.blk ul{padding:0;}        
    }

@media only screen and (min-width: 768px) and (max-width: 959px) {
.main-width {
    margin:0 auto;
    width:auto;
    }
		
#topright {
	width: 30%;
	font-size: 11px;
	}
#urhere {display:none;}

.batch-wrap {width:auto; padding:0px 10px 0px 10px; margin:0 auto;}
h2.title {font-size:18px; margin:10px 10px 10px 0px; font-weight:600;}
.darkgrey {padding:0;}
.darkgrey  ul li {margin: 0 10px -2px 0;}
#terms {display:none;}
#gmac, #copyright {width:98%; background:#1e1e1e; float:left; margin:2px 0 0 0;}
.blk ul{padding:0;} 
}