body
	{
	font-family:Noto Sans, Arial;
	color:#666;
	font-size:13px;
	background:#f0f3f6;
	padding:0px;
	margin:0px;
	 
	}

@font-face 
	{

    font-family: noto;

    src: local(noto), url('../fonts/NotoSans-Regular.ttf.html') format('truetype');

	}

	#clear {
clear:both
}



.tabs
{
   height:32px; 
 margin:0px;
  
 margin-left:0px;
 
}

.tabs li 
	{
	list-style:none;
	display:inline;
	margin:0px;
	float:left;
	margin-right:5px;
	padding-left:0px;
	
	}

.tabs a, .tabs a:hover 
	{

	display:inline-block;
	 
	background:#7CB743;

	text-transform:uppercase;
	
	font-size:13px;
	color:#fff;
	 
	text-decoration:none;
	padding-left:9px;
	padding-right:9px;
	padding-top:7px;
	padding-bottom:7px;
	}

                        .tabs a:hover, .tabs a:visited, .tabs a:visited:hover{
				 
				display:inline-block;
				                     
	                 
							background:#7CB743;
                        text-transform:uppercase;
	
                                color:#fff;
                                 
				  font-size:13px;
                              
			padding-left:9px;
	padding-right:9px;
	padding-top:7px;
	padding-bottom:7px;
			}

                        
                        
			.tabs a.active {
				 
  font-size:13px;
 
 text-transform:uppercase;
	
 
                             
   
    
	  background:#29C;
				color:#fff;
                             
			}

 


.tabArea
{
 
  border-bottom:5px solid #29C;  


}



.boxSelect1
{
	padding:20px;float:left;margin-right:20px;height:200px;width:400px;
	background: #9933cc;
	text-align: center;
	vertical-align: center;

color:#fff;
	font-size:20px;

}

.boxSelect2
{
	padding:20px;float:left;margin-right:20px;height:200px;width:400px;
	background: #ff6633;
	text-align: center;
	vertical-align: center;

	color:#fff;
	font-size:20px;

}

/*######## Smart Green ########*/
.smart-green {
	margin-left:auto;
	margin-right:auto;
margin-bottom: 20px;
	max-width: 100%;
	background: #fff;
	padding: 30px 30px 20px 30px;
	font-size:13px ;
	color: #666;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.smart-green h1 {
	font-size:24px;
	padding: 20px 0px 20px 40px;
	display: block;
	margin: -30px -30px 10px -30px;
	color: #FFF;
	background: #3399cc;

	border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-bottom:1px solid #89AF4C;

}
.smart-green h1>span {
	display: block;
	font-size: 16px;
	color: #FFF;
}

.smart-green label {
	display: block;
	margin: 0px 0px 5px;
}
.smart-green label>span {
	float: left;
	margin-top: 10px;
	color: #5E5E5E;
}
.smart-green input[type="text"], .smart-green input[type="email"], .smart-green textarea, .smart-green select {
	color: #555;
	height: 30px;
	line-height:15px;
	width: 100%;
	padding: 0px 0px 0px 10px;
	margin-top: 2px;
	border: 1px solid #e5e5e5;
	background: #FBFBFB;
	outline: 0;
	-webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
	box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
	font-size:12px;
}
.smart-green textarea{
	height:100px;
	padding-top: 10px;
	margin-top: 0px;
	margin-bottom: 20px;


}
.smart-green select {
	background: url('down-arrow.png.html') no-repeat right, -moz-linear-gradient(top, #FBFBFB 0%, #E9E9E9 100%);
	background: url('down-arrow.png.html') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#E9E9E9));
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	width:100%;
	height:30px;
}
.smart-green .button {
	background-color: #3399cc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-border-radius: 5px;
	border: none;
	padding: 10px 25px 10px 25px;
	color: #FFF;
	font-size: 14px;
	
	text-shadow: 1px 1px 1px #949494;
}
.smart-green .button:hover {
	background-color:#1e83b5;
	cursor:pointer;
}


.bottom
{
margin-bottom:10px;margin-top:10px;padding-top:5px;color:#999;font-size:11px;border-top:1px dotted #ccc;


}

.bottom a, .bottom a:visited
{
color:#999;
text-decoration:underline;
}


#topLine
{

text-align: left;
width: 960px;
font-size:12px;

}

#topLine a
{

 color:#fff;
font-size:11px;
text-decoration:none;


}

.mainArea
	{
	
	width:960px;
	margin-top:135px;
	
	}
	
.banner
	{
	margin-top:5px;height:70px;
	 background-image: url("../images/grantlogo.png");
	 
	 
	  background-repeat: no-repeat;
	  background-position:0px 8px;
	  position:relative;
	}
	
 
.topBanner
	{
	width:100%;z-index:9999;position:fixed;
	left:0px;
	top:18px;
	
	height:108px;
	background:#fff;
	border-bottom:1px solid #e9edef;
	
 
	}
	
.bgBanner
	{
	width:960px;
	background-image: url('../images/bgbanner.png');
	background-size:100% 100%;
	
	height:100px;
	}
 

.bannerHeader
	{
	font-size:26px;color:#39C;
	position:absolute;
	top:6px;
	font-family:oswald;
	left:80px;
	
	}
	
.bannerSubHeader
	{
	font-size:14px;color:#999;
		position:absolute;
	top:44px;
	left:80px;
	font-weight:400;
	
	
	}
	
.menuBar
	{
	text-transform:uppercase; 
	position:absolute;
	}
	
	
 		
.menuOn2
	{
 
	font-weight:700;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	padding-bottom:10px;padding-top:10px;
	border-bottom:1px solid #f0f3f6;
	color:#666;
		width:180px;
	float:left;margin-right:0px;
	
	border-left: 3px solid #29c;
	
	}
		
.menuOff2
	{
 	font-size:12px;
	 
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;padding-top:10px;
	border-bottom:1px solid #f0f3f6;
	color:#666;
	width:180px;
	float:left;margin-right:0px;
	
	}
		
		
.menuOn
	{
	font-weight:400;
	
	border-bottom:5px solid #7cb743;
	
	margin-right:30px;
	padding-left:0px;padding-right:0px;padding-bottom:5px;padding-top:5px;color:#666;
	
	float:left; 
	}
		 
.menuOn a, .menuOn a:visited,  .menuOn a:visited:hover, .menuOn a:hover  
	{
	font-weight:400;
	text-decoration:none;
	color:#666;
	
	float:left; 
	}
	
	
.menuOff a, .menuOff a:visited,  .menuOff a:visited:hover, .menuOff a:hover  
	{
	font-weight:400;
	text-decoration:none;
	color:#666;
	
	float:left; 
	}
	
	
		 
.menuOn2 a, .menuOn2 a:visited,  .menuOn2 a:visited:hover, .menuOn2 a:hover  
	{
	font-weight:700;
	text-decoration:none;
	color:#666;
	
	float:left; 
	}
	
	
.menuOff2 a, .menuOff2 a:visited,  .menuOff2 a:visited:hover, .menuOff2 a:hover  
	{
	font-weight:400;
	text-decoration:none;
	color:#666;
	
	float:left; 
	}
		
.menuOff
	{

	 
	
	padding-left:0px;padding-right:0px;padding-bottom:5px;padding-top:5px;color:#999;float:left;margin-right:30px;
	}		 
		 
		 
.contentArea
	{
	margin-top:0px;
	}
	
a , a:visited
{
color: #39C;
text-decoration:underline;
}
	
a:hover, a:visited:hover
{
text-decoration:none;
}
	
 
	
	
.contentTable
{
 
	border-collapse: collapse;
	border: none;
	background-color: #FFFFFF; 

}



.contentTable 


td {
	padding: 4px; /* cell padding */
	border: 1px solid; /* cell spacing */
	border-color: #ccc;  /* table background color */
   vertical-align:top;
 	 
 
	}


.top 
	{
	color:#fff;
	background-color: #29C; 
	font-weight:700;
	text-transform:uppercase;
	}

 

.subject 
	{
	color:#333333;
	background-color: #F1F1F1; 
	}

.content 
	{
	color:#333333;
	background-color: #FFFFFF;
	}


	
	
	
.leftMenu
	{	
	float:left;
	width:201px;
	background:#fff;	border:1px solid #e9edef;
    border-top: 3px solid #7cb743;
 

	}	
	
.content
	{
	background:#fff;
	padding:15px;
	border:1px solid #e9edef;
	float:left;
	width:715px;
	margin-left:10px;
	background:#fff;
	}	
		
		.wrap
{

padding:15px;background:#fff; 

}

.frontLiner
{
text-transform:uppercase;
color:#29c;
font-weight:400;
border-bottom:1px solid #e9edef;
padding-bottom:3px;
margin-bottom:10px;


}

.contentNoWrap
	{
	 
	padding:0px;
	 
	float:left;
	width:745px;
	margin-left:10px;
 
	}	
	

ul {
padding-left:0;
list-style:none;
 
margin:10px 10px 5px;

}

ul li {
padding-left:15px;
padding-bottom:5px;
background-image:url(../images/square.png);
background-repeat:no-repeat;
background-position:0 .5em;
margin-bottom:px;
 
 
 

}

	
.contentFull
	{
	background:#fff;
	padding:15px;
	border:1px solid #e9edef;
	 
	width:930px;
	 
	background:#fff;
	}	
		 
h1
{
font-size:26px;
margin-top:0px;
font-weight:400;
font-family:oswald;
}


	 
.box5
	{

	float:left;width:141px;margin-right:10px;height:310px;position:relative;
margin-bottom:10px;

background:#fff;
	
	}
.box5:hover
	{

 cursor:pointer;
background:#39C;
	
	}
		
.box5 .innerImage
	{
	height:130px;width:100%;
	background-size:cover;
 
	}
	 
.box5 .text 
{

position:absolute;
top:140px;left:0px;
width:121px;
left:10px;
 color:#666;
 
}

 


	.box5:hover .text
{

color:#fff;
 
 
}
	
	
		
.box5 .text p
{

margin-top:2px;
 font-size:12px;
 
}




.box3
	{

	float:left;width:241px;margin-right:10px;
	
	height:380px;position:relative;

background:#fff;
	margin-bottom:10px;
	
	}

	
.box3:hover
	{

 cursor:pointer;
background:#39C;
	
	}
	
.box3 .innerImage
	{
	height:250px;width:100%;
 
 
 
	 background-size: cover;
	}
	 
.box3 .text
	{
	position:absolute;
	top:260px;left:0px;
	width:220px;
	left:10px;
	color:#666;	 
	text-decoration:none;
	}

.box3:hover .text
	{
	color:#fff; 
	}


.box3  .text a, .box3 .text a:visited 
	{
	text-decoration: none;
	}	
	
			 
.box4
	{

	float:left;width:178px;margin-right:10px;height:360px;position:relative;

background:#fff;
		margin-bottom:10px;
	}

	.box4:hover
	{

 cursor:pointer;
background:#39C;
	
	}
	
.box4 .innerImage
	{
	height:200px;width:100%;
	background-size:cover;
	}
	 
.box4 .text
{

position:absolute;
top:210px;left:0px;
width:145px;
left:10px;
 color:#666;	 
 
}
	
	.box4:hover .text
{

color:#fff;
 
 
}

	
		 .formDivider
{
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	margin-bottom: 15px;
	font-weight: 700;
	margin-top: 20px;
	color:#3399cc;

}
h2
{
	font-size:20px;
	margin-top:0px;
	font-weight:400;
}