@charset "utf-8";
/* CSS Document */

/* responsive rules */
@media all and (max-width : 1000px) {

nav 
{ 
  margin: 0; 
  }

.toggle + a,
.menu { display: none; }
.img { width: 100%;}

.toggle {
  display: block;
  background-color: #fff;
  padding: 5px 8px;
  color: #000;


  line-height: 30px;
  text-decoration: none;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
}

.toggle:hover 
{ color: #A29B9B; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
margin: 0px;
padding:0px;
display: block;
float: left;  
line-height: 30px;
background-color: #fff;
border: 0;
}
nav a 
{
display: block;
font-size: 16px;
line-height: 25px;
padding:  5px 8px;
text-decoration: none;
}

nav ul ul li 
{
width: auto;
float: none;
display: list-item;
position: relative;  
margin: 0;
padding:  5px 8px;
}

nav ul ul li a 
{	
font-size: 16px;
color: #333;
background: #fafafa;
text-transform:uppercase;
text-decoration:none;
padding:  5px 8px;
}


nav ul ul .toggle,
 nav ul ul a {padding:  5px 8px;}



nav a:hover,
 nav ul ul ul a { color: #292221; }

nav ul li ul li .toggle,
 nav ul ul a { }

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;
}
}
@media (min-width : 600px) and (max-width : 1000px) {	
	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3,.span_49,.span_48,.span_49_text,.span_80,.span_3fb_of_3,.span_2fb_of_3,.span_40,.span_fb_of_3,.span_52,.parentspan{ width: 100%; }
	.span_5fb_of_3{width:35%; margin-left:0px;}
.span_15
{
width:32%;
}

	.img {}
	.img_cl{width:100%; text-align:center;}
	imgC{width:100%;}
	.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;}

	 
.img_display {display: none;}
.col { margin: 1% 0 1% 0%; text-align:center;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3, .span_4_of_3, .span_49 ,.span_48,.span_49_text,.span_80,.span_3fb_of_3,.span_fb_of_3,.span_2fb_of_3,.parentspan,.googleadd { width: 100%; }
	.span_fb_of_3,.span_5fb_of_3{ width: 35%;}
.span_15
{
width:32%;
}
	
	
.span_52
{
width:100%;
}
 .googleadd{ width:100%; height:auto;}
 
.span_40
{
width: 100%; 
}
	.img_cl{width:100%; text-align:center;}
	.table1 {visibility:hidden}
	.tab { display:none;}
	#container { width:99% !important;}
	#subcontainer { width: 98% !important; margin-top: 10px; margin-left: 3px;}
	#sidebar {width: 98%; float:left;}
	

}
