/*
Quick.Cms pointspace stylesheet
*/

/* GLOBAL STYLES */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;}
body,table{background-color:#fff;color:#222;font-size:0.75em;font-family:Verdana, Helvetica, sans-serif;}

body{float:center;width:100%;padding:0px 0;background:#fff url('img/bg.jpg') fixed;text-align:center;}

.input, select, textarea{border:1px solid #999;font:0.917em Verdana, sans-serif;}
.submit{font:1em Verdana, sans-serif;}
.hide{display:none;}

a{background-color:inherit;color:#0018ff;text-decoration:underline;}
a:hover{background:inherit;color:#8e007f;text-decoration:underline;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
.skiplink{position:absolute;top:-500px;left:0px;overflow:hidden;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.container{max-width:1000px;width:100%;height:auto;margin:-3px auto;text-align:center;float:center;}
#head1, #head3, #head2{width:100%;margin:-3px auto;text-align:left;}
#container{max-width:1000px;width:100%;height:auto;margin:-3px auto;text-align:center;float:center;}


/* HEADER WITH TOP MENU ABOVE LOGO */


/* MENU TOP ABOVE LOGO */
#menu1 ul{float:right;margin:12px 50px 0 0;list-style:none;}
#menu1 li{float:left;padding:0 10px;}
#menu1 li a{padding-left:15px;background:url('img/points.gif') no-repeat 0 5px;background-color:inherit;color:#fff;font:bold 1.08em Verdana;text-decoration:none;}
#menu1 li a:hover, #menu1 .selected a{background-color:inherit;color:silver;text-decoration:underline;}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head2 {height:100%;width:100%;color:#fff;}
#logo{padding:40px 40px 0;}
#logo #title{float:left;padding:5px 8px 5px;background:inherit;color:#fff;font:normal 2.317em Georgia;}
#logo #slogan{clear:left;padding:5px 8px;background:inherit;color:#e4acba;font:normal 1.317em Georgia;}
#logo a{background:inherit;color:#fff;text-decoration:none;}
#logo a:hover{text-decoration:underline;}


/* HEADER WITH TOP MENU UNDER LOGO */
#head3{float:left;border-top:0px solid #73776a;border-bottom:none; background:#fff;}

/* MENU TOP BELOW LOGO */
#menu2 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: center;
}
#menu2 > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #ffffff;
  border: 0px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
}
#menu2 > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#menu2 > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#menu2 > ul li.right {
  float: right;
}
#menu2 > ul li.has-sub {
  position: relative;
}
#menu2 > ul li.has-sub:hover ul {
  display: block;
}
#menu2 > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ffffff;
  border: 0px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  border-top: 0 none;
}
#menu2 > ul li.has-sub ul li {
  display: block;
}
#menu2 > ul li.has-sub > a {
  background-image: url('img/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#menu2 > ul li.has-sub > a.active,
#menu2 > ul li.has-sub > a:hover {
  background: #d80041 url('img/caret.png') no-repeat;
  background-position: 90% 195%;
}
#menu2 > ul li a {
  display: block;
  padding: 17px 20px 11px 19px;
  text-decoration: none;
  color: #000;
}
#menu2 > ul li a.active,
#menu2 > ul li a:hover {
  background: #C9C708 ;
  color: #fff;
}
@media (max-width: 600px) {
  #menu2 > ul {
    width: 100%;
  }
  #menu2 > ul li#responsive-tab {
    display: block;
  }
  #menu2 > ul li#responsive-tab a {
    background: url('img/menu.png') no-repeat;
    background-position: 95% -35%;
  }
  #menu2 > ul li#responsive-tab a:hover {
    background-color: #d80041;
    background-position: 95% 135%;
  }
  #menu2 > ul li {
    display: none;
  }
  #menu2 > ul li.right {
    float: none;
  }
  #menu2 > ul li.has-sub {
    position: relative;
  }
  #menu2 > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #ffffff;
    border: 0 none;
  }
  #menu2 > ul li.has-sub ul li {
    display: block !important;
  }
  #menu2 > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #menu2 > ul li.has-sub > a {
    background-image: none;
  }
}
#menu2 ul{float:left;width:96%;font-family:arial;font-size:1.3em;font-weight: bold;list-style:none; padding-left:40px;background:#000000 url('img/img2.jpg')}
#menu2 a:hover{background:#e3a000 left 19px ;background-color:inherit;color:#e3a000;text-decoration:none;}
#menu2 .selected a{background:#e3a000 left 19px ;color:#fe0018;text-decoration:none;}
#menu2 .selected a:hover{background:#ffbc1b left 19px ;color:#fe0018;text-decoration:none;}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 600px) {
  #menu2 > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #menu2 > ul ul li.collapsed {
    display: block !important;

  }
}



/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body{clear:both;float:left;width:100%;background:#fff  url('img/img3.jpg') repeat;}

/* RIGHT COLUMN STYLES */
#column{float:right;width:100%;max-width:300px;padding:10px 0px 0px;}
#column .type{padding:20px 30px 0px 10px;background:inherit;color:#000;font:normal 1.45em Verdana;}
#menu3{padding:0 0px;}

/* RIGHT MENU */
#menu3 ul{padding:15px 0;list-style:none;}
#menu3 li{padding:4px 0 4px 15px;background:url('img/dot.png') no-repeat 12px 9px;}
#menu3 a{display:block;width:87%;padding:2px 2% 4px 7%;color:#000;font-family:Cambria;font-size:1.2em;text-decoration:none;background:none;}
#menu3 a:hover, #menu3 .sub1 a:hover{color:#000;background:none;text-decoration:underline;}
#menu3 .selected > a:first-child{background-color:inherit;font-weight:normal;color:#ffffff;text-decoration:underline;}

#menu3 .sub1{margin:0;padding:0;border:0;background:none;}
#menu3 .sub1 li{padding:2px 0 2px 24px;background:url('img/circle.png') no-repeat 11px 10px;}
#menu3 .sub1 a{display:block;width:100%;padding:2px 0;}

#menu4 ul{padding:15px 0;list-style:none;}
#menu4 li{padding:4px 0 4px 15px;background:url('img/dot.png') no-repeat 12px 9px;}
#menu4 a{display:block;width:87%;padding:2px 2% 4px 7%;color:#ffffff;font-family:Cambria;font-size:1.2em;text-decoration:none;background:none;}
#menu4 a:hover, #menu3 .sub1 a:hover{color:#ffffff;background:none;text-decoration:underline;}
#menu4 .selected > a:first-child{background-color:inherit;font-weight:normal;color:#ffffff;text-decoration:underline;}

#menu4 .sub1{margin:0;padding:0;border:0;background:none;}
#menu4 .sub1 li{padding:2px 0 2px 24px;background:url('img/circle.png') no-repeat 11px 10px;}
#menu4 .sub1 a{display:block;width:100%;padding:2px 0;}


/* LEFT COLUMN STYLES */
#content{float:left;width:629px;padding:10px 35px;text-align:center;}
* html #content{width:100%;}
#page{width:94%;margin:0 auto;text-align:left;position:relative;}

img {
    width: auto;
    max-width: 100%;
    height: auto;}
	
	iframe {
    top: 0;
    left: 0;
    width: 100%;
    max-width:500px;}

	table {
    top: 0;
    left: 0;
    width: 100%;
    max-width:500px;}

	


/* NAVIGATION PATH - TREE */
#page h4{position:absolute;top:-7px;padding:2px 0;color:#a6aeb3;background:inherit;font-size:0.9em;}
#page h4 a{background-color:inherit;color:#a6aeb3;text-decoration:none;font-weight:normal;}
#page h4 a:hover{text-decoration:underline;}

#page h1, .message h3{padding:20px 0 20px;background:inherit;color:#3e3533;font:normal 2.3em Cambria;}
#page div.content{font:1.08em Verdana;line-height:22px;}

#page div.content ul, .subpagesList li ol{margin:0 0 0 30px;padding:0;}
#page div.content li{margin:3px 0;padding:0;border-left:0;}

.pages{padding:8px 0;text-align:right;}
.pages ul, .pages li{display:inline;}
.pages li{padding:0 2px;}
.pages a, .pages strong{padding:0 1px;font-size:1.083em;}

#page .tS{float:right;margin:0 0 3px;}
#page .tS div{display:inline;}
#page .tS a{padding:0 3px;background:inherit;color:#222;font-weight:bold;text-decoration:none;}
#page .tS0{font-size:0.917em;}
#page .tS1{font-size:1.08em;}
#page .tS2{font-size:1.333em;}

/* IMAGES STYLES */
.imagesList{list-style:none;}
.imagesList li{margin:0 0 10px 0;background:inherit;color:#5b5b5b;font-size:0.917em;text-align:center;}
.imagesList li img{border:2px solid #dcdac9;}
.imagesList li div{text-align:center;}

#imagesList1{float:left;margin:10px 10px 0 0;}
#imagesList2{clear:right;float:right;margin:10px 0 0 10px;}

/* FILES LIST STYLES */
#filesList{padding:10px;font-size:1em;list-style:none;vertical-align:middle;}
#filesList li{margin:0 0 8px;}
#filesList img{margin:0 8px 0 0;vertical-align:middle;}
#filesList em{background:inherit;color:#5b5b5b;}

/* SUB PAGES LIST STYLES */
.subpagesList{float:left;width:100%;margin:7px 0;list-style:none;}
.subpagesList li{clear:left;float:left;width:96%;margin:6px 0;padding:5px 2%;background:inherit;border-left:none;}
* html .subpagesList li{width:100%;}
.subpagesList li .photo{float:left;margin:0 6px 5px 0;}
.subpagesList li img{border:1px solid #c44967;}
.subpagesList li h2{padding-bottom:2px;}
.subpagesList li h2, .subpagesList li h2 a{background:inherit;color:#1a8003;font:bold 1.3em Cambria;text-decoration:none;}
.subpagesList li h2 a:hover{background:inherit;color:#442;text-decoration:underline;}
.subpagesList li .description{font-weight:normal;font-size:1em;}
.subpagesList li ul, .subpagesList li ol{float:left;margin:0 0 0 30px;padding:0;}
.subpagesList li li{padding:0;border-left:0;}
.subpagesList li ul{list-style:disc;}
.subpagesList li ol{list-style:decimal;}
.subpagesList div{line-height:20px;}

/* OPTIONS LINK */
#options{clear:both;margin:10px 10px 0;background:inherit;color:#7f7f66;font-size:0.917em;text-align:right;}
#options a{padding:0 7px 0;}
#options .back, #options .print{float:right;}
#options .print a{border-left:1px solid #7f7f66;}

#copy{float:left;padding:0 25px;}
.foot{float:right;padding:0 25px;}

.message{padding:40px 0;text-align:center;}

/* ADDITIONAL COLUMN */
#column2{display:none;float:right;width:100px;}

/* FOOTER - COPYRIGHT AND POWERED BY xxx STYLES */
#foot{clear:both;float:left;width:100%;padding:0;background:#fff;color:#fffff;font-size:1.08em;height:80px;}
#foot a{background:inherit;color:#fffff;text-decoration:none;line-height:68px;}
#foot a:hover{text-decoration:underline;color:#fffff;background-color:inherit;}
#foot .ico{padding-left:15px;}
#foot .ico-breezy{background:url('http://ilmupesugihan.com/templates/responsive/templates/responsive/img/img4.jpg') 2px 0 no-repeat;padding: 1px 0 1px 25px;}
#foot .ico-breezy:hover {background-position:2px -18px;}
a#top{position:fixed;
display:none;
bottom:30px;
right:30px;
z-index:9;
color:rgba(255,165,0,0.8);
font-size:4em;
font-weight:300;
border:0px solid rgba(255,165,0,0.8)}
#copy{float:left;padding:0 10px;color:#fffff;}
.foot{float:right;padding:0 10px;}
#powered strong{font-weight:normal;}
#powered #separator{color:#fffff;background-color:inherit;}

@media print{
  * {color:#000 !important;background:#fff !important;border-color:#444 !important;border-width:1px !important;}
}

/* iPads (portrait) ----------- */
@media only screen and (max-width: 959px){
  /* Styles */
#head1, #head3, #head2{width:100%;margin:-3px auto;text-align:left;}
#body .container {width:100%;margin:0 auto;text-align:left;} 
#foot .container{width:100%;margin:0 auto;text-align:left;}
#head2 .header{width:100%;}
#head2 .container {height:auto;}
#menu2 li a {padding: 13px 10px 0;}
#head3 .container{background:#034a66 ;overflow:hidden;height:auto;}
#content{float:left;width:90%;padding:12px 0 12px;text-align:center;}
* html #content{width:100%;}
#page{position:relative;margin:0 auto;text-align:left;padding:25px;width:100%;}
#column {width:100%;}
nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #54a5ed;
		border-right: 1px solid #54a5ed;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
	nav a#pull {
	display: none;
}
/*Styles for screen 600px and lower*/
@media screen and (max-width: 768px){
#head1, #head3, #head2{width:100%;margin:-3px auto;text-align:left;}
#body .container {width:100%;margin:0 auto;text-align:left;} 
#foot .container{width:100%;margin:0 auto;text-align:left;}
#head2 .container{height:auto;width:100%; }
#head2 .header{width:100%}
#head3 .container{background:#034a66 ;overflow:hidden;height:auto;}
#content{float:left;width:90%;padding:12px 0 12px;text-align:center;}
* html #content{width:100%;}
#page{position:relative;margin:0 auto;text-align:left;padding:25px;width:100%;}
#column {    width: 100%;}
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #54a5ed;
		border-right: 1px solid #54a5ed;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;}

}
#menu2 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: left;
}
#menu2 > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
#menu2 > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#menu2 > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#menu2 > ul li.right {
  float: right;
}
#menu2 > ul li.has-sub {
  position: relative;
}
#menu2 > ul li.has-sub:hover ul {
  display: block;
}
#menu2 > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  border-top: 0 none;
}
#menu2 > ul li.has-sub ul li {
  display: block;
}
#menu2 > ul li.has-sub > a {
  background-image: url('img/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#menu2 > ul li.has-sub > a.active,
#menu2 > ul li.has-sub > a:hover {
  background: #d80041 url('img/caret.png') no-repeat;
  background-position: 90% 195%;
}
#menu2 > ul li a {
  display: block;
  padding: 12px 24px 11px 24px;
  text-decoration: none;
  color: #747474;
  text-shadow: 0px 1px 0px #fff;
}
#menu2 > ul li a.active,
#menu2 > ul li a:hover {
  background: #d80041;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
@media (max-width: 600px) {
  #menu2 > ul {
    width: 100%;
  }
  #menu2 > ul li#responsive-tab {
    display: block;
  }
  #menu2 > ul li#responsive-tab a {
    background: url('img/menu.png') no-repeat;
    background-position: 95% -35%;
  }
  #menu2 > ul li#responsive-tab a:hover {
    background-color: #d80041;
    background-position: 95% 135%;
  }
  #menu2 > ul li {
    display: none;
  }
  #menu2 > ul li.right {
    float: none;
  }
  #menu2 > ul li.has-sub {
    position: relative;
  }
  #menu2 > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #ffffff;
    border: 0 none;
  }
  #menu2 > ul li.has-sub ul li {
    display: block !important;
  }
  #menu2 > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #menu2 > ul li.has-sub > a {
    background-image: none;
  }
}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 600px) {
  #menu2 > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #menu2 > ul ul li.collapsed {
    display: block !important;
  }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 600px){
  /* Styles */
#head1, #head3, #head2{width:100%;margin:-3px auto;text-align:left;}
#body .container {width:auto;margin:0 auto;text-align:left;} 
#foot .container{width:auto;margin:0 auto;text-align:left;}
#head2 .container{height:auto;width:100%; }
#head2 .header{width:100%}
#head3 .container{background:#034a66 ;overflow:hidden;}
#content{float:left;width:90%;padding:12px 0 12px;text-align:center;}
* html #content{width:100%;}
#page{position:relative;margin:0 auto;text-align:left;padding:25px;width:100%;}
#column {    width: 100%;}
	#menu2 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: left;
}
#menu2 > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
#menu2 > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#menu2 > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#menu2 > ul li.right {
  float: right;
}
#menu2 > ul li.has-sub {
  position: relative;
}
#menu2 > ul li.has-sub:hover ul {
  display: block;
}
#menu2 > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  border-top: 0 none;
}
#menu2 > ul li.has-sub ul li {
  display: block;
}
#menu2 > ul li.has-sub > a {
  background-image: url('img/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#menu2 > ul li.has-sub > a.active,
#menu2 > ul li.has-sub > a:hover {
  background: #d80041 url('img/caret.png') no-repeat;
  background-position: 90% 195%;
}
#menu2 > ul li a {
  display: block;
  padding: 12px 24px 11px 24px;
  text-decoration: none;
  color: #747474;
  text-shadow: 0px 1px 0px #fff;
}
#menu2 > ul li a.active,
#menu2 > ul li a:hover {
  background: #5e2470;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
@media (max-width: 600px) {
  #menu2 > ul {
    width: 100%;
  }
  #menu2 > ul li#responsive-tab {
    display: block;
  }
  #menu2 > ul li#responsive-tab a {
    background: url('img/menu.png') no-repeat;
    background-position: 95% -35%;
  }
  #menu2 > ul li#responsive-tab a:hover {
    background-color: #5e2470;
    background-position: 95% 135%;
  }
  #menu2 > ul li {
    display: none;
  }
  #menu2 > ul li.right {
    float: none;
  }
  #menu2 > ul li.has-sub {
    position: relative;
  }
  #menu2 > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #ffffff;
    border: 0 none;
  }
  #menu2 > ul li.has-sub ul li {
    display: block !important;
  }
  #menu2 > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #menu2 > ul li.has-sub > a {
    background-image: none;
  }
}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 600px) {
  #menu2 > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #menu2 > ul ul li.collapsed {
    display: block !important;
  }
}
@media only screen 
and (max-width : 375px){
#head1, #head3, #head2{width:100%;margin:-4px auto;text-align:left;}
#body .container {width:100%;margin:0 auto;text-align:left;} 
#foot .container{width:100%;margin:0 auto;text-align:left;}
#head2 .container{height:auto;width:100%; }
#head2 .header{width:100%}
#head3 .container{background:#034a66 ;overflow:hidden;height:auto;}
#content{float:left;width:90%;padding:12px 0 12px;text-align:center;}
* html #content{width:100%;}
#page{position:relative;margin:0 auto;text-align:left;padding:25px;width:100%;}
	#column {
    width: 100%;}
#menu2 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: left;
}
#menu2 > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
#menu2 > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#menu2 > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#menu2 > ul li.right {
  float: right;
}
#menu2 > ul li.has-sub {
  position: relative;
}
#menu2 > ul li.has-sub:hover ul {
  display: block;
}
#menu2 > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  border-top: 0 none;
}
#menu2 > ul li.has-sub ul li {
  display: block;
}
#menu2 > ul li.has-sub > a {
  background-image: url('img/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#menu2 > ul li.has-sub > a.active,
#menu2 > ul li.has-sub > a:hover {
  background: #d80041 url('img/caret.png') no-repeat;
  background-position: 90% 195%;
}
#menu2 > ul li a {
  display: block;
  padding: 12px 24px 11px 24px;
  text-decoration: none;
  color: #747474;
  text-shadow: 0px 1px 0px #fff;
}
#menu2 > ul li a.active,
#menu2 > ul li a:hover {
  background: #5e2470;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
@media (max-width: 600px) {
  #menu2 > ul {
    width: 100%;
  }
  #menu2 > ul li#responsive-tab {
    display: block;
  }
  #menu2 > ul li#responsive-tab a {
    background: url('img/menu.png') no-repeat;
    background-position: 95% -35%;
  }
  #menu2 > ul li#responsive-tab a:hover {
    background-color: #5e2470;
    background-position: 95% 135%;
  }
  #menu2 > ul li {
    display: none;
  }
  #menu2 > ul li.right {
    float: none;
  }
  #menu2 > ul li.has-sub {
    position: relative;
  }
  #menu2 > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #ffffff;
    border: 0 none;
  }
  #menu2 > ul li.has-sub ul li {
    display: block !important;
  }
  #menu2 > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #menu2 > ul li.has-sub > a {
    background-image: none;
  }
}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 600px) {
  #menu2 > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #menu2 > ul ul li.collapsed {
    display: block !important;
  }
}
}
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
  /* Styles */ 
#head1, #head3, #head2{width:100%;margin:-3px auto;text-align:left;}
#head2 .container{height:auto;width:auto; }

#page{position:relative;margin:0 auto;text-align:left;padding:25px;width:100%;}
#menu2 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: left;
}
#menu2 > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
#menu2 > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#menu2 > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#menu2 > ul li.right {
  float: right;
}
#menu2 > ul li.has-sub {
  position: relative;
}
#menu2 > ul li.has-sub:hover ul {
  display: block;
}
#menu2 > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  border-top: 0 none;
}
#menu2 > ul li.has-sub ul li {
  display: block;
}
#menu2 > ul li.has-sub > a {
  background-image: url('img/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#menu2 > ul li.has-sub > a.active,
#menu2 > ul li.has-sub > a:hover {
  background: #d80041 url('img/caret.png') no-repeat;
  background-position: 90% 195%;
}
#menu2 > ul li a {
  display: block;
  padding: 12px 24px 11px 24px;
  text-decoration: none;
  color: #747474;
  text-shadow: 0px 1px 0px #fff;
}
#menu2 > ul li a.active,
#menu2 > ul li a:hover {
  background: #d80041;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
@media (max-width: 600px) {
  #menu2 > ul {
    width: 100%;
  }
  #menu2 > ul li#responsive-tab {
    display: block;
  }
  #menu2 > ul li#responsive-tab a {
    background: url('img/menu.png') no-repeat;
    background-position: 95% -35%;
  }
  #menu2 > ul li#responsive-tab a:hover {
    background-color: #d80041;
    background-position: 95% 135%;
  }
  #menu2 > ul li {
    display: none;
  }
  #menu2 > ul li.right {
    float: none;
  }
  #menu2 > ul li.has-sub {
    position: relative;
  }
  #menu2 > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #ffffff;
    border: 0 none;
  }
  #menu2 > ul li.has-sub ul li {
    display: block !important;
  }
  #menu2 > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #menu2 > ul li.has-sub > a {
    background-image: none;
  }
}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 600px) {
  #menu2 > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #menu2 > ul ul li.collapsed {
    display: block !important;
  }
}
}
@media only screen 
and (min-width : 100px)and (max-width : 320px){
#head1, #head3, #head2{width:100%;margin:-3px auto;text-align:left;}
#head2 .container{height:auto;width:auto; }
#content{float:left;width:90%;padding:12px 0 12px;text-align:center;}
* html #content{width:100%;}
#body .container {width:100%;margin:0 auto;text-align:left;} 
#foot .container{width:100%;margin:0 auto;text-align:left; background:#fff}
#column {
    width: 100%;}
#page{position:relative;margin:0 auto;text-align:left;padding:25px;width:80%;}

#logo{display:none;}
#copy{font-size:1em; text-align:center;}
#foot {font-size:1em; text-align:center;}
#menu2 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  text-align: left;
}
#menu2 > ul {
  width: auto;
  list-style-type: none;
  padding: 0;
  margin: 0;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
#menu2 > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */

}
#menu2 > ul li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#menu2 > ul li.right {
  float: right;
}
#menu2 > ul li.has-sub {
  position: relative;
}
#menu2 > ul li.has-sub:hover ul {
  display: block;
}
#menu2 > ul li.has-sub ul {
  display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #ffffff;
  border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  border-top: 0 none;
}
#menu2 > ul li.has-sub ul li {
  display: block;
}
#menu2 > ul li.has-sub > a {
  background-image: url('img/caret.png');
  background-repeat: no-repeat;
  background-position: 90% -95%;
}
#menu2 > ul li.has-sub > a.active,
#menu2 > ul li.has-sub > a:hover {
  background: #d80041 url('img/caret.png') no-repeat;
  background-position: 90% 195%;
}
#menu2 > ul li a {
  display: block;
  padding: 12px 24px 11px 24px;
  text-decoration: none;
  color: #747474;
  text-shadow: 0px 1px 0px #fff;
}
#menu2 > ul li a.active,
#menu2 > ul li a:hover {
  background: #5e2470;
  color: #fff;
  text-shadow: 0px 1px 0px #000;
}
@media (max-width: 600px) {
  #menu2 > ul {
    width: 100%;
  }
  #menu2 > ul li#responsive-tab {
    display: block;
  }
  #menu2 > ul li#responsive-tab a {
    background: url('img/menu.png') no-repeat;
    background-position: 95% -35%;
  }
  #menu2 > ul li#responsive-tab a:hover {
    background-color: #5e2470;
    background-position: 95% 135%;
  }
  #menu2 > ul li {
    display: none;
  }
  #menu2 > ul li.right {
    float: none;
  }
  #menu2 > ul li.has-sub {
    position: relative;
  }
  #menu2 > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;
    background: #ffffff;
    border: 0 none;
  }
  #menu2 > ul li.has-sub ul li {
    display: block !important;
  }
  #menu2 > ul li.has-sub ul li a span {
    display: block;
    padding-left: 24px;
  }
  #menu2 > ul li.has-sub > a {
    background-image: none;
  }
}
/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 600px) {
  #menu2 > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
  }
  #menu2 > ul ul li.collapsed {
    display: block !important;
  }
}
}

/* PLUGINS */