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

/* responsive rules */



@media all and (max-width : 1250px) {
#container { width: 100%;}
nav { margin: 0; background-color: #DBE7F2;
  font-family:"Lucida Sans Unicode",arial; }
.tab1 { display:none;}
.toggle + a,
.menu { display: none; }
.img {display: none;}
.toggle {
  display: block;
  padding: 0 20px;
  /*background-color: #DBE7F2;
  color: #000;
  line-height: 30px;
  */
  font-size: 12px;
  text-decoration: none;
  border: none;
  text-transform:uppercase;
color: #A29B9B;
background-color: #fafafa;
}

.toggle:hover { background-color: #8b8b8b; }

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

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

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

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

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*/
nav1 { margin: 0; background-color: #F0F0F0;
  font-family:"Lucida Sans Unicode",arial; }

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

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

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

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

nav1 ul ul .toggle,
nav1 ul ul a { padding: 0 40px; }

nav1 ul ul ul a { padding: 0 80px; }

nav1 a:hover,
nav1 ul ul ul a { background-color: #CCC; font-size: 13px;  }

nav1 ul li ul li .toggle,
nav1 ul ul a { background-color: #F0F0F0; }

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

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

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

nav1 ul ul ul li { position: static;

}
.phGal{max-height:600px;}
}
@media (min-width : 600px) and (max-width : 1250px) {
#container { width: 100%;}	
.span_fl { max-height: 150px;}
	nav { background-color: #DBE7F2;
	  display: block;
  width: 50%;
  border-bottom: 1px solid #FFF; float:left;
}
	nav1 {
	  display: block;
  width: 50%;
  border-bottom: 1px solid #FFF; float:left;
  position: inherit;
}
nav ul {	
  position: absolute;
  background-color: #f0f0f0;
z-index: 2;}

nav1 ul {	
  position: absolute;
  background-color: #f0f0f0;
z-index: 2;}

	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_4_of_3, .span_1_of_3, .spanH,.span_43, .span_55, .span_4_of_3F1,.span_ad,.span_linead,.span_60,.span_40,.span_70,.span_30{ width: 100%; }
	/*.span_4_of_3F{border-right: 0px;border-bottom: 1px dotted #BBB; width: 100%;}*/
	.span_23,.span_25{ width: 48.6%; margin-right:5px;}
	.span_1_of_3E,.span_24{width: 50%;}
	.span_16,.span_20{width: 33%;}
	.span_58{top:150px;
  position:relative;
  width:100%; z-index: 1;}
 .span_14{width:25%;} 
	.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; }
nav1 ul li { display: block;
  width: 100%;
  border-bottom: 1px solid #FFF;
 /*font-size: 12px;
 text-transform:uppercase;
font-family: Trebuchet MS;
color: #A29B9B;
background: #fafafa;*/
  font-size: 12px;
  text-decoration: none;
  font-family: Trebuchet MS;
  border: none;
  text-transform:uppercase;
color: #A29B9B;
background-color: #fafafa;

}

a.topmenu {
font-family: Trebuchet MS;
  font-size: 12px;
  padding: 0 20.7px;
  text-decoration: none;
  border: none;
  text-transform:uppercase;
  color: #000;
background-color: #f0f0f0;

}
a.topmenu:hover {
font-family: Trebuchet MS;
  font-size: 12px;
  padding: 0 20.7px;
  text-decoration: none;
  border: none;
  text-transform:uppercase;
  color: #000;
background-color: #f0f0f0;

}

#container { width:100% !important;}
#subcontainer { width: 49% !important; margin-top: 10px; float:left; margin-right:10px;}
#sidebar {width: 49%; float:left;}
.ser{ width: 100%;
 position: inherit;
}
.phGal{max-height:120px;}
.tab1 { display:block;}
#target-content #target-inner { left: 50%; top: 50%; width: 95%; height:100%; float:left; margin-bottom:10%;}
}
@media all and (max-width : 600px) {
#container { width: 100%;}	
	nav { background-color: #DBE7F2;
	  display: block;
  width: 50%;
  border-bottom: 1px solid #FFF; float:left;  
position:relative;
}
	nav1 {
	  display: block;
  width: 50%;
  border-bottom: 1px solid #FFF; float:right;;
  position: relative;
}
nav ul {	
  position: absolute;
  background-color: #f0f0f0;
z-index: 2;}

nav1 ul {	
  position: absolute;
  background-color: #f0f0f0;
z-index: 2;}

nav ul li {
	  display: block;
  width: 100%;
  background-color: #f0f0f0;
  border-bottom: 1px solid #FFF;
 
}
/*nav1 a:hover,
 nav1 ul ul ul a { background-color: #f0f0f0; font-size: 13px;    padding-left: 30px;
  padding-right: 30px;
 }*/
.toggle + a,
 .menu { display: none;}
 
nav1 ul li { display: block;
  width: 100%;
  border-bottom: 1px solid #FFF;
/* font-size: 12px;
 text-transform:uppercase;
font-family: Trebuchet MS;
color: #A29B9B;
background: #fafafa;*/
  font-size: 12px;
  text-decoration: none;
  font-family: Trebuchet MS;
  border: none;
  text-transform:uppercase;
color: #000;
background-color: #f0f0f0;

}
a.topmenu {
font-family: Trebuchet MS;
  font-size: 12px;
  padding: 0 20.7px;
  text-decoration: none;
  border: none;
  text-transform:uppercase;
  color: #000;
background-color: #f0f0f0;

}
a.topmenu:hover {
font-family: Trebuchet MS;
  font-size: 12px;
  padding: 0 20.7px;
  text-decoration: none;
  border: none;
  text-transform:uppercase;
  color: #000;
background-color: #f0f0f0;}

.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3, .span_4_of_3, .span_fl, .spanH,.span_43, .span_55,.span_1_of_3E,.span_4_of_3F1,.span_4_of_3F,.span_ad,.span_linead,.span_60,.span_40,.span_70,.span_30 { width: 100%; }
	.span_23,.span_25{ width: 46%; margin-right:3px;}
	.span_24{width: 50%;}
	.span_32{width: 49%;}
	.span_16,.span_20{width: 33%;}
	.span_14{width:25%;}
	.span_58{top:150px;
  position:relative;
  width:100%;}
	
	.table1 {visibility:hidden}
	.tab { display:none;}
	#container { width:96% !important;margin-top: 10px; margin-left: 2%; margin-right: 2%; float:left;}
#subcontainer { width: 96% !important;margin-top: 10px; margin-left: 2%; margin-right: 2%; float:left;}
#sidebar {width: 96%; float:left;margin-top: 10px; margin-left: 2%; margin-right: 2%;}

.ser{ width: 100%;
 position: static;
}
a.sub {
font-size: 16px;
font-style: normal;
font-weight: normal;
color: #258cd8;
text-decoration:none;
/*padding: 3px;*/
}

a.sub:hover {
font-size: 16px;
font-style: normal;
font-weight: normal;
color:  #0373b3;
text-decoration:none;
/*padding: 3px;*/
}

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