#header {background: none; padding:0px 0px 0px 0px;}
#header .logo {font-size:18px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;padding:0px 0px 0px 5%;color:#CCC; float:left; display:inline; }
#header .top-bar ul {float:right; }
.material-menu-button {display:block;width:50px;height:45px;padding:20px 10px 0px 10px;background:none;}
.material-menu-button span {display:block;width:100%;height:5px;margin-bottom:4px;background-color:#333;}

.logo_mobi { padding:0px 20px 0px 20px; float:left; display:inline; }


#topbanner {
	font-family: CustomFont;
	top:0;
	margin:0px 0px 0px 0px;
	padding:0px 0 0px 0;
	width:100%;
	float:left;
	text-align: center;
	position:absolute;
	z-index:-10;
}

#topbanner_img img {
	margin:auto;
	padding:0px 0 0px 0;
	width:100%;
	display:block;
	position:absolute;
	z-index:-5;
	opacity: 1;
}

#topbanner_text {
	margin:0px 0px 0px 0px;
	padding: 32% 5% 15% 5%;
	overflow:hidden; 
	text-align:left;
}


#topbanner_text h3 { 
	font-family: CustomFont;
	margin:0px 0px 0px 0px; 
	padding: 10px;
	font-size: 28px; 
	color:#000;
	line-height:35px;
	text-transform:uppercase;
	text-align:center;
	display:block;
	background:#FFF;
	}


footer {
	font-family: CustomFont;
  	width: 100%;
  	margin:20px 0px 20px 0px;
  	padding:20px 20px 0px 20px;
  	min-height:60px;
  	font-size:10px;
	line-height:15px;
  	color:#666;
  	letter-spacing:1px;
  	font-weight: bold;
  	text-transform:none;
  	float:left;
  	text-align:center;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;

}

footer ul {
  	margin:0px 0px 0px 0px;
  	padding:0px 0px 0px 0px;
  	text-align:center;
  	list-style-type: none;
  	float:left;
  }

footer li {
  	margin:0px 10px 0px 10px;
  	padding:0px 0px 0px 0px;
  	font-size:11px;
  	color:#FFF;
  	letter-spacing:1px;
  	text-transform:none;
  	text-align:center;
	display:inline;
  	list-style-type: none;
  	float:left;
  }

.btn_footer:link{
  	margin: 0px 0px 0px 0px;
  	padding: 17px 10px 16px 10px;
  	color:#FFF;
	display:inline;
}

.btn_footer:visited{
  	margin: 0px 0px 0px 0px;
  	padding: 17px 10px 16px 10px;
  	color:#FFF;
	display:inline;
}

.btn_footer:hover{
  	margin: 0px 0px 0px 0px;
  	padding: 17px 10px 16px 10px;
  	color:#CCC;
  	text-transform:none;
  	letter-spacing:1px;
}

.btn_footer:active{
  	margin: 0px 0px 0px 0px;
  	padding: 17px 10px 16px 10px;
  	color:#FFF;
	display:inline;
}

.footer_icons_social:link {
	font-family: 'icomoon';
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
  	color:#FFF;
	font-size:17px;
	line-height:15px;
	letter-spacing:1px;
	text-align:center;
	display:inline;
	}

.footer_icons_social:visited {
	font-family: 'icomoon';
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
  	color:#FFF;
	font-size:17px;
	line-height:15px;
	letter-spacing:1px;
	text-align:center;
	display:inline;
	}

.footer_icons_social:hover {
	font-family: 'icomoon';
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
  	color:#CCC;
	font-size:17px;
	line-height:15px;
	letter-spacing:1px;
	text-align:center;
	display:inline;
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
	}

.footer_icons_social:active {
	font-family: 'icomoon';
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
  	color:#FFF;
	font-size:17px;
	line-height:15px;
	letter-spacing:1px;
	text-align:center;
	display:inline;
	}

ul {
  	margin:0px 0px 0px 50px;
  	padding:0px 0px 0px 0px;
  	text-align:left;
	font-weight:normal;
	display:block;
  }

ol {
  	margin:0px 0px 0px 50px;
  	padding:0px 0px 0px 0px;
  	text-align:left;
	font-weight:normal;
	display:block;
  }

li {
  	margin:0px 0px 0px 10px;
  	padding:0px 0px 20px 0px;
	font-size: 15px;
	line-height:25px;
	letter-spacing:0px;
	text-align:left;
	font-weight:normal;
  }


  .material-menu-wrapper {padding:0px; }
  .material-menu-view-mobile {background-color:#CCC; -webkit-box-shadow:10px 0px 10px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:10px 0px 10px 0px rgba(0, 0, 0, 0.2);box-shadow:10px 0px 10px 0px rgba(0, 0, 0, 0.2);}
  .material-menu-titlebar {-webkit-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.2);box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.2);}
}





fieldset { 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	min-width: 100%; border:0;
    font-family: Arial,Helvetica;
    line-height: 22px;
}


h1{
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 20px;
	font-family: CustomFont;
	color:#939;
	font-size:28px;
	line-height:30px;
	text-align:left;
	text-decorations: none;
  	text-transform:none;
	display: block;
	}

h4 { font-size: 15px; }

h5 { font-size: 14px; }

h6 { 	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#000;
	font-size:15px;
	line-height:15px;
	text-align:left;
	font-weight: bold;
	text-decorations: none;
  	text-transform:none;
	border:0;	
	display: inline;
 }

h7{
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 25px 20px;
	color:#900;
	font-size:12px;
	line-height:12px;
	text-align:left;
	font-weight: italic;
	text-decorations: none;
  	text-transform:none;
	border:0;	
	display: block;
	}

h8 {	/* Important Notice Fine Print*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#333;
	font-size:9px;
	line-height:15px;
	text-align:left;
	font-weight: italic;
	text-decorations: none;
  	text-transform:none;
	border:0;	
	display: block;
	background:none;
}

h8 li {	/* Important Notice Fine Print*/
	font-size: 11px;
	line-height:15px;
}

#logo_wrapper {
	margin:0px 0px 30px 0px;
	padding:0px 0px 20px 0px;
	background:none;
	font-size: 9px;
	line-height:12px;
	width:100%;
	text-align:left;
	overflow:hidden;
	border-bottom: solid 1px #ccc; 
}

#page_content {
	margin:0px 0px 0px 0px;
	padding:20px 5% 25px 5%;
	background:#FFF;
	width:100%;
	font-size: 14px;
	line-height:22px;
	letter-spacing:0px;
	text-align:left;
	overflow:hidden;
}



@media only screen and (max-width: 32em) {

#topbanner_text {
	margin:0px 0px 0px 0px;
	padding: 30% 20% 15% 20%;
	overflow:hidden; 
	text-align:left;
}


#topbanner_text h3 { 
	font-family: CustomFont;
	margin:0px 0px 0px 0px; 
	padding: 10px;
	font-size: 30px; 
	color:#000;
	line-height:40px;
	text-transform:uppercase;
	text-align:center;
	display:block;
	background:#FFF;
	}

#page_content {
	margin:0px 0px 0px 0px;
	padding:20px 5% 25px 5%;
	background:#FFF;
	width:100%;
	font-size: 14px;
	line-height:22px;
	letter-spacing:0px;
	text-align:left;
	overflow:hidden;
}

}




.visform, .form-actions {
  	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	background:none;
	border: 0;
}


.button_general{
  margin: 10px 0px 10px 0px;
  padding: 20px 20px 20px 20px;
  border: none;
   	font-family: Arial, Helvetica, non serif;
  font-size:11px;
  background:#999;
  color:#FFF;
  text-transform:uppercase;
  line-height:25px;
  letter-spacing:1px;
  cursor:pointer;
     	-moz-border-radius: 10px 10px 10px 10px;
    	-webkit-border-radius: 10px 10px 10px 10px;
    	-khtml-border-radius: 10px 10px 10px 10px;
    	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-appearance: none;
  display:inline-block;
}

.button_general:visited{
  margin: 10px 0px 10px 0px;
  padding: 20px 20px 20px 20px;
  border: none;
   	font-family: Arial, Helvetica, non serif;
  font-size:11px;
  background:#999;
  color:#FFF;
  text-transform:uppercase;
  line-height:25px;
  letter-spacing:1px;
     	-moz-border-radius: 10px 10px 10px 10px;
    	-webkit-border-radius: 10px 10px 10px 10px;
    	-khtml-border-radius: 10px 10px 10px 10px;
    	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-appearance: none;
  display:inline-block;
}

.button_general:hover{
  margin: 10px 0px 10px 0px;
  padding: 20px 20px 20px 20px;
  border: none;
   	font-family: Arial, Helvetica, non serif;
  font-size:11px;
  background:#333;
  color:#FFF;
  text-transform:uppercase;
  line-height:25px;
  letter-spacing:1px;
     	-moz-border-radius: 10px 10px 10px 10px;
    	-webkit-border-radius: 10px 10px 10px 10px;
    	-khtml-border-radius: 10px 10px 10px 10px;
    	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
-webkit-appearance: none;
  display:inline-block;
}

.button_general:active{
  margin: 10px 0px 10px 0px;
  padding: 20px 20px 20px 20px;
  border: none;
   	font-family: Arial, Helvetica, non serif;
  font-size:11px;
  background:#999;
  color:#FFF;
  text-transform:uppercase;
  line-height:25px;
  letter-spacing:1px;
     	-moz-border-radius: 10px 10px 10px 10px;
    	-webkit-border-radius: 10px 10px 10px 10px;
    	-khtml-border-radius: 10px 10px 10px 10px;
    	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-appearance: none;
  display:inline-block;
}




/* 
ReadMore
*/ 

		.sidebar-box { 
			float: left; 
			width: 100%;
			margin: 0 0px 0 0;
		}
		.sidebar-box {
			max-height: 220px;
			position: relative;
			padding: 0px;
			overflow: hidden;
		}
		.sidebar-box .read-more { 
			position: absolute; 
			bottom: 0; left: 0;
			width: 100%; 
			text-align: left; 
			margin: 0; 
			padding: 0px 0 0px 0; 
			
			/* "transparent" only works here because == rgba(0,0,0,0) */ 
			background-image: -moz-linear-gradient(top, transparent, #EFEFEF);
				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #EFEFEF));
		}
		.wrapper {
			background-color: #EFEFEF;
			background-color: rgb(239,239,239);
		}

.button_readmore {
  margin: 10px 0px 10px 10px;
  padding: 20px 20px 20px 20px;
  border: none;
  font-size:10px;
  background:#CCC;
  color:#333;
  text-transform:uppercase;
  line-height:15px;
  letter-spacing:0px;
     	-moz-border-radius: 10px 10px 10px 10px;
    	-webkit-border-radius: 10px 10px 10px 10px;
    	-khtml-border-radius: 10px 10px 10px 10px;
    	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-appearance: none;
  display:inline-block;
}

.button_readmore:hover {
  margin: 10px 0px 10px 10px;
  padding: 20px 20px 20px 20px;
  border: none;
  font-size:10px;
  background:#EFEFEF;
  color:#333;
  text-transform:uppercase;
  line-height:15px;
  letter-spacing:0px;
     	-moz-border-radius: 10px 10px 10px 10px;
    	-webkit-border-radius: 10px 10px 10px 10px;
    	-khtml-border-radius: 10px 10px 10px 10px;
    	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-transition: all 600ms ease-in-out;
	-moz-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
-webkit-appearance: none;
  display:inline-block;
}

.button_readmore:active {
  margin: 10px 0px 10px 10px;
  padding: 20px 20px 20px 20px;
  border: none;
  font-size:10px;
  background:#CCC;
  color:#333;
  text-transform:uppercase;
  line-height:15px;
  letter-spacing:0px;
     	-moz-border-radius: 10px 10px 10px 10px;
    	-webkit-border-radius: 10px 10px 10px 10px;
    	-khtml-border-radius: 10px 10px 10px 10px;
    	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-appearance: none;
  display:inline-block;
}


#form input:-webkit-autofill {
   	 -webkit-box-shadow: 0 0 0px 1000px white inset;
}

#form input::-webkit-input-placeholder {
	color: green;
}

#captcha span{
  width: 100%;
}

#captcha input{
  background: url(../images/captcha_refresh.png) no-repeat scroll 0 0 transparent;
  margin: 10px 10px 10px 10px;
  padding: 0;
  border: medium none;
  cursor: pointer;
  width: 15px;
}




/* 
#popupClose - this is referring to the anchor tag inside the popup conatainer. 
We'll absolute position and style it here 
*/  
#popupClose{   
    font-size:14px;    
    line-height:20px;    
    position:absolute;  
    top:4px;    
    font-weight:700;   
    display:block; 
    cursor:hand;
}  
  
/* 
#bgPopup - this is referring to the element that will cover the whole page  
behind the popup and above the rest of the page. 
NOTE: if you are using z-index on the same level in the DOM -  
    #bgPopup z-index needs to have the second highest value (behind #Popup) 
*/  
#bgPopup{  
    display:none;   
    position:fixed;    
    _position:absolute; /* hack for internet explorer 6*/    
    height:100%;    
    width:100%;    
    top:0;    
    left:0;    
    background:#000000;     
    z-index:1;    
}    
  
/* 
#Popup - The popup container 
NOTE: if you are using z-index on the same level in the DOM -  
    #Popup z-index needs to have the highest value. 
*/  
#Popup{    
    padding:30px 10px 10px 10px;
    width:400px;
    display:none;    
    position:fixed;    
    _position:absolute; /* hack for internet explorer 6 */   
    background:#FFFFFF;    
    border:2px solid #cecece;    
    z-index:2;    
    font-size:13px;    
}   
  
/* 
#myButton - The Button....  make it have Button-like properties 
*/  
#myButton{  
    display:inline;  
    position:relative;  
    text-align:left;    
}  



		div#page {
			max-width: 900px;
			margin-left: auto;
			margin-right: auto;
			padding: 20px;
		}
		
		.back-to-top {
			position: fixed;
			bottom: 2em;
			right: 10px;
			text-decoration: none;
			color: #FFF;
			background:#666;
  			text-transform:uppercase;
			font-size: 11px;
			padding: 1.5em;
			display: none;
     	-moz-border-radius: 10px 10px 10px 10px;
    	-webkit-border-radius: 10px 10px 10px 10px;
    	-khtml-border-radius: 10px 10px 10px 10px;
    	border-radius: 10px 10px 10px 10px;
		}

		.back-to-top:hover {	
			background-color: #CCC;
			color:#FFF;
		}	






form { 
	margin: 0px 0px 0px 0px; 
	padding: 20px 0px 20px 0px; 
  	font-family: Arial,Helvetica;
    	line-height: 22px;

}

#form h2 {
  	margin: 0px 0px 0px 0px;  	padding: 20px 0px 20px 0px;
	font-family: CustomFont;
	font-size: 18px;
	line-height:20px;
  	font-weight: normal;	color:#333;
	text-transform:none;	text-align:left;
	display:inline-block;
	overflow:hidden;
}




