/* @option user-selected RESPONSIVE */

#nav-wrap {margin-top: 0px;}
/* menu icon */
#menu-icon {display: none; /* hide menu icon initially */}
#nav,#nav li {margin: 0;padding: 0;}
#nav li {list-style: none;float: left;margin-right: 5px;}
/* nav link */
#nav a {padding: 4px 15px;display: block;}
#nav a:hover {}
/* nav dropdown */
#nav ul {padding: 2px;position: absolute;display: none; /* hide dropdown */
width: 200px;}
#nav ul li {float: none;margin: 0;padding: 0;}    
#nav li:hover > ul {display: block; /* show dropdown on hover */}

/* @end */

@media screen and (max-width:768px) {
#pageHeader,#container {width: auto;}
#pageHeader {border-top-style: none;}
#pageHeader h2 {min-width: 96%;text-align: left;padding-right: 0px !important;}
#contentContainer{width:auto;margin-top: 0px;}
#myExtraContent3 {width: auto;text-align: center;}
#logo,#menuWrapper,#smoothmenu2{display:none !important;}
#breadcrumbcontainer{padding-top: 5px;}
#topBorder{border-top-style: solid;border-top-width: 7px;position: relative;z-index: 200;}
#logo2{position: relative;display: none;margin-bottom: -8px;padding: 8px 10px 4px 20px;}
#pageHeader h1 {text-align: left;}
#footer {text-align: left;background-image: none;border-bottom-style: none;padding-top: 10px;padding-bottom: 10px;margin-top: 0;}
#sidebarContainer2 #myExtraContent2 {position: relative;width: auto;padding: 0px 0 10px !important;text-align: left;}
#sidebarContainer2 #myExtraContent1 {position: relative;width: auto;height: auto !important;padding: 0px 0 15px !important;text-align: left;letter-spacing: 1px;}
#myExtraContent3{width: 100% !important;margin-bottom: 10px;}
#myExtraContent4 {width: auto;padding-top: 10px !important;padding-bottom: 10px !important;margin-top: 20px;}
#myExtraContent5 {width: auto !important;padding-top: 10px !important;padding-bottom: 10px !important;}
#contentstroke{width:100% !important;margin-left: 0px !important;border-left-style: none;border-right-style: none;}
#sidebarContainer2{position: relative;display: block;padding: 5px 10px 10px;margin-top: 0;margin-left: 20px;margin-right: 20px;border-style: dotted;border-width: 1px;-moz-border-radius-bottomleft: 7px;-moz-border-radius-bottomright: 7px;-webkit-border-bottom-left-radius: 7px;-webkit-border-bottom-right-radius: 7px;-moz-border-radius-topleft: 7px;-moz-border-radius-topright: 7px;-webkit-border-top-left-radius: 7px;-webkit-border-top-right-radius: 7px;}
.sideHeader2 {font-size: 13px;}
.photo-frame{padding: 0px;border-style: none;}
fieldset {text-align: left !important;}

/* nav-wrap */
#nav-wrap {position: relative;}
/* menu icon */
#menu-icon {width: 64px;
    height: 58px;
    cursor: pointer;
    display: block;
	padding: 0 6px 10px 3px;
	top: 0;
	position: absolute;
	z-index: 100;
	right: 10px;
	text-align: center;
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.20);
	box-shadow: 0px 3px 10px rgba(0,0,0,0.20);
	background: url(../../images/plus.png) no-repeat 18px 20px;}
#menu-icon:hover {}
#menu-icon.active {background: url(../../images/minus.png) no-repeat 18px 20px;
}
/* main nav */
#nav {
	clear: both;
	position: absolute;
	top: 68px;
	width: 75%;
	z-index: 100;
	padding: 10px 15px;
	display: none;
	border-style: solid;
	border-width: 1px;
	font-size: 24px;
	right: 10px;
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.20);
	box-shadow: 0px 3px 10px rgba(0,0,0,0.20);}
#nav li {
	clear: both;
	float: none;
	margin: 5px 0 5px 10px;}
#nav a, 
#nav ul a {
	font: inherit;
	background: none;
	display: inline;
	padding: 0;
	border: none;}
#nav a:hover, 
#nav ul a:hover {
	background: none;}   
/* dropdown */
#nav ul {
	width: auto;
	position: static;
	display: block;
	border: none;
	background: inherit;}	
#nav ul li {margin: 3px 0 3px 15px;}

}
/* @end */
@media screen and (max-width:600px) {
#pageHeader h1 {font-size: 28px;line-height: 1.2;margin-top: 12px;margin-bottom: 10px;}
input.form-input-field,textarea.form-input-field {width: 95%;}
#logo2{margin-bottom: -12px !important;}
#pageHeader h2 {min-width: 94%;}
#pageHeader h2 {font-size:14px;letter-spacing: 0;}
#contentContainer{padding-top: 0px;}
#pageHeader h1,#pageHeader h2,#pageHeader {width: auto!important;}
#contentContainer #content {padding-top: 10px;}
}

/* @end */
@media screen and (max-width:480px) {
#pageHeader h1 {font-size: 24px;margin-top: 12px;margin-bottom: 8px;}
#pageHeader h2 {min-width:93%;font-size: 13px;padding-right: 10px;padding-left: 10px}
#contentContainer #content,#myExtraContent1,#myExtraContent2,#myExtraContent4,#myExtraContent5,#sidebarContainer2 {line-height: 1.4;}
#contentContainer #content,#footer {padding-left: 10px;padding-right: 10px;}
#myExtraContent4,#myExtraContent5 {padding-left: 10px;padding-right: 10px;}
#pageHeader h1,#sidebarContainer2{margin-right: 10px !important;margin-left: 10px !important}
#contentContainer #content {padding-top: 5px;}
}

/* @end */

@media screen and (max-width:320px) {
#pageHeader h2 {min-width:92%;font-size:12px;}
#contentContainer #content {padding-top:0px;}
#pageHeader h1 {font-size:20px;margin-top:12px;margin-bottom:7px;}
#menu-icon,#menu-icon:hover,#menu-icon.active {width: 42px;height: 44px;
background-position: 7px 10px;}#nav{top: 54px;}
}

/* @end */

@media screen and (max-width:240px) {
#pageHeader h1 {font-size:18px;margin-top:12px;margin-bottom:6px;}
#pageHeader h2 {min-width:90%;font-size: 11px;}
}

/* @end */