@charset "UTF-8";
@import url("../webfonts/Lato_Light/stylesheet.css");
@import url("../webfonts/Lato_Black/stylesheet.css");
@import url("../webfonts/Lato_Regular/stylesheet.css");

iframe.noScrolling{
    width: 600px;
    height: 500px;
    overflow: hidden;
    margin-top: -50px;

}
		
.heading1 {
	padding-left: 7px;
}
.logo {
	padding-top: 3px;
	padding-bottom: 7px;
	padding-left: 40px;
}

body {
	font: 100%/1.4 LatoR;
	background-color: #E3E3E3;
	margin: 0;
	padding: 0;
	color: #f2f2f2;
}

/* ~~ Element/tag selectors ~~ */
ol, dl { 
	padding: 0;
	margin: 0;
}
p, ul, li, table, tr, td, tbody {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	font-family:"Times New Roman", Times, serif
}

ol, dl {
	margin-top: 0;
	padding-right: 0px;
	padding-left: 0;
	font-family: "Lato Light";
	color:#333;
}
a img { 
	border: none;
}

a:link {
	color: #42413C;
	border:none;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
	border:none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	border:none;
}

.container {
	width: 960px;
	background-color: #FFF;
	/* position: absolute;
	 box-shadow: 7px 4px 8px #b1b1b1;
	top: 80px;
	/* bottom: 80px;
	left: 20%;
	right: 20%	*/
	margin: 0 auto;
	margin-bottom: 2%;
	margin-top: 2%;
	margin-left: auto;	
	margin-right:auto;
}

.header {
	background-color: #f2f2f2;
	height: 65px;
	background-repeat: no-repeat;
}


.content {

	padding: 0 0 0 0;
	background-color: #FFFFFF;
	overflow-y: auto; 
	height:435px;
	color:#000;
	padding-left: 10px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+ specific styles go here */
.content {

	padding: 0 0 0 0;
	background-color: #FFFFFF;
	overflow-y: auto; 
	height:435px;
	color:#000;
	overflow:hidden;
}

.content h1 {
	padding-top:15px;
	color: #666;
}

.footer {
	position:absolute;
	padding: 0 0 38px 0;
	background-image: url(../_images/pattern.jpg);
	color: 69c;
	width: 960px;
	height:88px;
	
}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

#offset	{
	position: relative;
	top: 0px;
	left: -30px;
	float:left; 
	padding-right: 40px;
	z-index: 8000;  
}
#bluesquare	{
	position: relative;
	top: 20px;
	right: 15px;
	float: right;
	z-index: 1;
	height: 20px;
	width: 93px;
	background-color: #55a9d5;
}
#grnbanner {
	position: relative;
	z-index: 8000;
	right: -600px;
	width: 370px;
	top: -95px;
}

#bannertext {
	position: relative;
	z-index: 8001;
	top: 110px;
	float: right;
	right: -107px;
	width: 233px;
	font-size: 14px;
	padding: 0 10px 0 0;
}
#signup {
	display: block;
	width: 104px;
	height: 53px;
	background-image: url(../_images/signup.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: right;
	margin-top: 8px;
	padding-right: 0px;
	padding-left: 5px;
	position: relative;
	top: 206px;
	right: 122px;
	
}

#signup:hover { 
	background-position: -123px 0 ;
	
}

#signup span
{
	position: absolute;
	top: -999em;
}


#login {
	display: block;
	width: 86px;
	height: 49px;
	background-image: url(../_images/login.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: right;
	margin-top: 8px;
	padding-right: 0px;
	padding-left: 5px;
	position: relative;
	top: 206px;
	right: -83px;
	
}

#login:hover { 
	background-position: -95px 0 ;
	
}

#login span
{
	position: absolute;
	top: -999em;
}

.footer .center {
	position: relative;
	font-size: 11px;
	text-align: center;
	color: #5a5a5a;
	padding-top: 18px;
	font-family: "Lato Regular";
}
h1, h2 {
	font-family: "Lato Black";
	margin:0 0 0 13px;
	padding-left: 5px;
}

h3, h4, h5 {
	font-family:"Lato Regular";
	margin:0 15px 0 15px;
}

.medgrey {
	color: #808080;
}

#smbuttons {
	padding:10px 0 0 15px;
	
}