@charset "utf-8";
/* CSS Document */

/* responsive rules */



@media all and (max-width : 1000px) {
nav { margin: 0; background-color: #fff;
 }

.toggle + a,
 .menu { display: none; }
.img {display: none;}


.toggle:hover { background-color: #Fff; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #FFF;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 10px; }

nav ul ul ul a { padding: 0 40px; }

nav a:hover,
 nav ul ul ul a { background-color: #F2F2F2; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #fff; }

nav ul ul {
  float: none;
  position: static;
  color: #000;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
/*sub menu*/

.toggle + a,
 .menu { display: none; }
.toggle {
  display: block;
  background-color:  #fff;
  padding: 0 18px;
  color: #000;
  line-height: 25px;
  text-decoration: none;
  border: none;
  font-size:15px;
}

.toggle:hover { background-color: #fff; }

[id^=drop]:checked + ul { display: block; }
}
@media (min-width : 600px) and (max-width : 1000px) {	
	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3,.span_1_of_3,.span_49,.imgC,.span_32,.img1,.text,.text2,.span_25,.span_55,span_58,.span_tithea,.span_addim{ width: 100%; }
	.span_48{ clear:both;float:none;width:auto;padding:20px,0,0,0;	}
	.span_2_of_3{width: 100%;margin-left:0%;}
    .span_48para{width: 100%;	}
	.span_img{padding-left:24px; width: 100%;}
    .span_30{padding-left:4px; width: 100%;}
	.img { display: none;}
	.text2{clear:both;float:none;width:auto;}
	.text{color: #444444;
    font-size: 15px;
    font-family: arial;
    letter-spacing: -.1px;
    line-height: 180%;
	width: 100%;}
	.textlink{text-transform: none;
text-decoration: none;
text-align:justify;
font-size: 15px;
    font-family: arial;
letter-spacing:-.1px;
line-height: 180% ;}

.header-bottom-grid2 {
   background:#FFFFFF;
  }
.black{margin-left:9px; }
.img { display: none;}
	
	.toggle + a,
 .menu { display: none; }

nav ul li { display: block;
  width: 100%;
  border-bottom: 1px solid #FFF;
}

#container { width:100% !important;}
#subcontainer { width: 49% !important; margin-top: 10px; float:left; margin-right:10px;}
#sidebar {width: 49%; float:left;}
}

@media all and (max-width : 600px) {
	nav { 	  display: block;  width: 100%;  border-bottom: 1px solid #FFF; float:left;  background-color: #f5f5f5;}
 

nav ul li {display: block;  width: 100%;  border-bottom: 1px solid #FFF;}



.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_1_of_3, .span_4_of_3, .span_49,.imgC,.span_25,.span_55,.span_58,.span_tithea,.span_addim{ width: 100%; }
	.span_2_of_3{width: 100%;margin-left:0%;}
	.span_25{width:auto;;1px solid #ccc;}
	.span_30{padding-left:14px; width: 100%;}
	.img1{width:25%;float:left;	margin-right:2%;}
	.img2{width:25%;float:left;	margin-top:2.5%;margin-right:2%;}

.text{color: #444444;
     font-size: 15px;
     font-family: arial;
     letter-spacing: -.1px;
     line-height: 180%;}
.text2{ clear:both;float:none;width:auto;
	   border-bottom:1px solid #ccc;width: 100%; }
.header-bottom-grid2 {background:#FFFFFF;}

	.span_fb_of_3{ width: 35%;}
	.span_48{ clear:both;float:none;width:auto;padding:20px,0,0,0;border-top:1px solid #ccc;	}
	.span_48para{ width: 100%;	}
	.span_img{padding-left:24px; width: 100%;}
    .span_32{ width: 100%;border-top:1px solid #ccc; background-color:#FFF;}
	.table1 {visibility:hidden}
	.tab { display:none;}
	.black{margin-left:9px; }
	#container { width:100% !important;}
#subcontainer { width:96% !important; margin-top: 10px; margin-left: 2%; margin-right: 2%;}
#sidebar {width: 96%; margin-top: 10px; margin-left: 2%; margin-right: 2%;}
}