@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@media all and (max-device-width:400px){
.open_condensed {
font-family:'Open Sans Condensed', sans-serif;
padding:0;
font-size:15px;}
} /* */

@media only screen and (orientation:portrait) ,
only screen and (orientation:landscape) and (max-width:999px) {

body {
background-image:none;
background-color:white;
width:100%;}

*#pagetop {
width:100%;
padding:0px 0px 0px 0px;
height:48px;
line-height:48px;
background-image:url("../images/footerbg.jpg");
background-repeat:repeat-x;
background-color:#2968AB;}

*#pagetop2 {
height:48px;
}


*#main {
width:100%;
float:none;}

#footerwrap {width:100%;}

#pagefooter {
background-color:#2968ab;
height:auto}

#bodywrap {
width:100%;
margin:0;
background-image:none;
background-color:white;
min-height:inherit;
padding:0px 0px 0px 0px;}

#leftcontainer {
padding:0px;
width:100%;}

#contents {
width:98%;
margin:0px auto;
padding:0px 0px 0px 0px;}

.mainheading, #leftcontainer h2 {
text-align:left;
font:bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif}

#searchform {
float:none;
width:210px;}

.navigation {margin-bottom:20px;}

.textwidget {
float:left;
width:100%;
text-align:left;
/* border-top:1px solid #ccc; */
padding:10px 0px;
/* border-bottom:3px solid #1267C1; */
/* background-color:#f0f0f0; */
margin-bottom:20px;}

#pageheader h1 {font:26px Arial, Helvetica, sans-serif !important;}

#sidebar {
width:100%;
float:none;}

#sidebarwrap {padding:0px;}

#sidebar ul li {
background-image:url(../images/bg_list_links.jpg);
background-repeat:repeat-x;
background-position:0 -2px;
background-color:white; }

input#keyword {
width:130px;
border:1px solid #ccc;
padding:3px;}

.form-box {
background-image:url("../images/email-sub-bg-300.png");
background-repeat:no-repeat;
background-position:center;
background-color:white;
height:216px;
width:300px;
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;
padding:0px;}

/* .presp {padding:48px 0 0 48px;} */

.tresp {margin:0 auto}

#pageheader {
height:98px;
padding:0 10px;
margin:0;}

#pageheader h1 {
font-size:26px !important;
font-family:Arial, Helvetica, sans-serif !important;
font-weight:bold !important;
color:#000;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
padding:36px 0 36px 0;}

#pageheader h1 a {
color:#000;
font-weight:bold;}

#pageheader h1 a:hover {
color:#2868AB;
font-weight:bold;}

#pageheader h1 span, #pageheader {color:#aaa;}

.chiroimg {
width:96%;
height:auto;
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:20px}

.chiroimgdiv {
display:block;
width:96%;}

.chiroimgcaption{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
margin:-18px 0 0 0;
text-align:right;
padding-right:10px;}

#pageheader h1 > marquee {display:none;}

#sidebar ul li {
height:48px;
line-height:48px;
background-image:url("");
background-color:white;
background-repeat:repeat-x;
background-position:0 -2px;}

#sidebar ul li a {
line-height:48px;
height:48px;}

#menu-icon{
height:48px;
width:64px;
max-width:20%;
line-height:48px;
float:right;
margin:0;}

#siteinfo{
height:48px;
overflow:hidden;
max-width:80%;
line-height:48px;
float:left;
margin:0;}

.hamburgermenu {
display:block;
background:linear-gradient(to bottom,
 transparent 0%, transparent 20%,
 #fff 20%, #fff 32%,
 transparent 32%, transparent 44%,
 #fff 44%, #fff 56%,
 transparent 56%, transparent 68%,
 #fff 68%, #fff 80%,
 transparent 80%, transparent 100%);}

.sitenavHam:focus {
color:lightsteelblue;
text-decoration:none;}

a.sitenavSite:link{
display:inline;
text-align:left;
color:#fff;
text-decoration:none;
font-style:normal;
font-weight:bold;
padding:0 0 0 10px;
font-size:14.4px;}

a.sitenavSite:visited {
color:#fff;
text-decoration:none;}

a.sitenavSite:focus {
color:lightsteelblue;
text-decoration:none;}

#menu-main {
position:absolute;
left:0px;
top:48px;
display:list-item;
width:100%;}

#menu-main {display:none}

#menu-main li {
background-image:url("../images/footerbg.jpg");
background-repeat:repeat-x;
background-color:#2968AB;
float:left;
clear:both;
width:100%}


img.gjlink {
border:1px solid white;
display:block;
margin-left:auto;
margin-right:auto;
}

img.gjlink:hover {
border:1px solid black;
}

#aboutus.p {
font-size:14.4px;
}


}

@media only screen and (orientation:portrait) and (max-width:320px){
body {
width:100% !important;
margin:0;
padding:0;
background-image:none;
background-color:white;
height:4000px;}

}


@media only screen and (orientation:portrait) and (max-width:328px){
body {
width:100% !important;
margin:0;
padding:0;
background-image:none;
background-color:white;
height:4000px;}

}