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

/* responsive rules */



@media all and (max-width : 1000px) {
#container { width: 100%;}
nav { margin: 0; 
  font-family:"Lucida Sans Unicode",arial; }
.tab1 { display:none;}
.toggle + a,
.menu { display: none; }
.img {display: none;}

.toggle {
  display: block;
  padding: 0 13px;
  font-size: 12px;
  text-decoration: none;
  border: none;
  text-transform:uppercase;
font-family: 'Oswald', Trebuchet MS;
color: #000000;
background: #fafafa;

}

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

[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 60px; }

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

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

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

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;

}

.toggle + a,
 .menu { display: none; }
.toggle {
  display: block;
background-color: #Fafafa;
  padding: 0 9px;
  font-size: 13px;
  line-height: 30px;
  text-decoration: none;
  border: none;

}

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

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

}
@media (min-width : 600px) and (max-width : 1000px) {
#container { width: 100%;}	

nav ul {	
  position: absolute;
  background-color: #fafafa;
    padding: 0 1px;
}


	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3,.span_24, .span_4_of_3, .span_40,.span_5fb_of_3{ width: 100%; }
	.span_2_4 { width:49%;}
	.span_art{ width: 45%; }
	.img { display: none;}
	.tab { display:none;}
	.toggle + a,
 .menu { display: none; }

nav ul li { display: block;
  width: 100%;
  border-bottom: 1px solid #FFF;
}
.toggle + a,
 .menu { display: none; }



	#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) {
#container { width: 100%;}	
	nav { 
	  display: block;
  width: 100%;
  border-bottom: 1px solid #FFF; float:left;  
position:relative;
}
nav ul {	
  position: absolute;
  background-color: #fafafa;
z-index: 2;}


nav ul li {
	  display: block;
  width: 100%;
  background-color: #fafafa;
  border-bottom: 1px solid #FFF;
 
}
.toggle + a,
 .menu { display: none;}
 


.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3,.span_24,.span_25,.span_art, .span_4_of_3, .span_65, .span_40,.span_5fb_of_3,.span_1_of_3,.span_gal{ width: 100%; }
	.span_75 {width: 98%;}
	.span_23{width: 50%;}
	.span_2_4 { width:49%;}
	.table1 {visibility:hidden}
	.tab { display:none;}
	#container { width:100% !important;}
#subcontainer { width: 96% !important; margin-top: 10px; margin-left: 2%; margin-right: 2%;}
#sidebar {width: 98%; float:left;}

.ser{ width: 100%;
 position: static;
}

.imgC{width:100%;}
.phGal{max-height:80px;}
.span_fl { height: 150px;}
.tab1 { display:block;}
#target-content #target-inner { left: 50%; top: 50%; width: 95%; height:100%; float:left; margin-bottom:10%;}


a.tags {
float: left;
line-height: 25pt;
font-size: 14px;
color: #000000;
padding: 1px 4px;
margin-right: 3px;
margin-bottom: 3px;
background: #ffffff;
border: 1px solid #cccccc;
width:100%;
text-decoration: none;
font-family:'Oswald', Trebuchet MS;
}
a.tags:hover  {
float: left;
line-height: 25pt;
font-size: 14px;
color: #ffffff;
padding: 1px 4px;
margin-right: 3px;
margin-bottom: 3px;
background: #d50d85;
text-decoration: none;
font-family:'Oswald', Trebuchet MS;
width:100%;
}