@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */ 
 #bodyContent{


      margin-left: 1.3% !important;
    margin-right: 1.4% !important;
 
}

 #bodyContent2{


      margin-left: 1.3% !important;
    margin-right: 1.4% !important;
 
}

}


@media only screen and (max-width: 1000px){
#bodyContent{

margin-left:1.9% !important;
margin-right:2% !important; 
}

#bodyContent2{

margin-left:1.9% !important;
margin-right:2% !important; 
}

#cssmenu {

    padding-right: 7px !important;
}

.office_hours td span{
font-size:7pt !important;
  
}
 
 

}
  

@media only screen and (max-width: 767px){ 

#siteTitle{
min-height:auto !important; 
margin:0px !important;

background: -moz-linear-gradient(top, rgba(255,255,255,0) 61%, rgba(24,68,132,1) 62%, rgba(24,68,132,1) 63%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(61%,rgba(255,255,255,0)), color-stop(62%,rgba(24,68,132,1)), color-stop(63%,rgba(24,68,132,1)), color-stop(65%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(255,255,255,0) 61%,rgba(24,68,132,1) 62%,rgba(24,68,132,1) 63%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(255,255,255,0) 61%,rgba(24,68,132,1) 62%,rgba(24,68,132,1) 63%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(255,255,255,0) 61%,rgba(24,68,132,1) 62%,rgba(24,68,132,1) 63%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(255,255,255,0) 61%,rgba(24,68,132,1) 62%,rgba(24,68,132,1) 63%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.syncontent{
margin:2% !important;
}

#content3{
margin:2% !important;
}

#pictHolder{
background:none  !important;
border-bottom:10px solid #184484  !important;
}

#bodyContent {
    background: none repeat scroll 0 0 #ffffff !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  

}

#bodyContent2 {
    background: none repeat scroll 0 0 #ffffff !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  

}

.syncontent{
padding-left: 10px;
padding-right:10px;
}

 .column, .columns{
padding-left:0px !important;
padding-right:0px !important;
}


.large-9 {
    width: 99% !important;
}

#common-content-bottom {
    background: none repeat scroll 0 0 #2965a2 !important;
    padding-left: 37px !important;
    padding-right: 34px !important;
    padding-top: 20px !important;
padding-bottom:10px !important;
color:#ffffff;
}

#siteFooter {
    background: none repeat scroll 0 0 transparent  !important;
    border-top: 10px solid #184484 !important;
    padding-top: 10px !important;
}

}


#bodyContent2 .large-9{
width:100% !important;
padding-left:3%;
padding-right:3%;
}

#mainmenu2 {
    background: none repeat scroll 0 0 #001457;
    margin-bottom: 20px;
    margin-left: 2%;
    margin-right: 0;
    width: 96%; 
    padding:0px;
}

#mainmenu2 #cssmenu ul li{
border-top:0px !important;
}

/* div{
	max-width:1000px !important;
} */
#header{
	
	color:#ffffff;
} 

a {
    	color: #1C3671;
}

#cssmenu ul li{
background: none repeat scroll 0 0 #001457;
    border-top: 1px solid #aaa;
}

#cssmenu li:hover {
    background: #184484;

}

a:hover, a:focus {
    	color: #132764;
}

#header a, #header a:hover, #header a:focus{
	color:#ffffff;
	text-decoration:underline;
}

caption, .label, form h3 {
    	background-color: #1C3671 !important;
    	color: #FFFFFF !important;
    	margin-bottom: 5px !important;
    	margin-top: 5px !important;    
}

#siteFooter {
color:#ffffff;
    background: url("images/footer.png") no-repeat scroll 0 0 transparent;
background-size:100%;
padding-top: 30px;
}

#footer2 #siteFooter {
color:#ffffff;
    background: url("images/footer2.png") no-repeat scroll 0 0 transparent;
background-size:100%;
padding-top: 30px;
}

p.synopsis {
    	color: #1C3671 !important;
	font-weight: bold;
}

#tdLightColor em{
	color:#1C3671;
}

caption em{
	color:#ffffff;
}

#content3 img{
	max-width:100%;
	height: auto;
}


/* .basicText{
	width:100%;
} */

input[type="text"]{
	min-width:100px;
}

#tdHeader{
	background:#132764;
	color:#ffffff !important;
}

#common-content{
	color: #ffffff;
    padding-left: 2%;
    padding-right: 3%;
    width: 100%;
}

#rightside2{
	width:100%;
}

#mainmenu{
	margin-bottom:20px;
}

table {
	margin: 0;
    	border-collapse:collapse;
    	border-spacing:0;
	/* width:100%; */
}

table tr td {
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

body{
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	background: url("images/bodybg.png") repeat scroll 0 0 transparent;
}

.row{
	max-width:69em !important;	
   	width:100%;
}

#bodyContent{

background: url("images/contentbg.png") repeat-y 0 0 transparent;
      margin-left: 1.4%;
    margin-right: 1.3%;
 background-size:100% !important;
}

#bodyContent2{

background: url("images/contentbg2.png") repeat-y 0 0 transparent;
      margin-left: 1.4%;
    margin-right: 1.3%;
 background-size:100% !important;
}

.rowHeader{
	margin: 0 auto;
  	max-width: 62.5em;
    	width: 100%;
}




/* adjusting the padding below will adjust the foundation width for all columns */
.column, .columns{
	/*  padding-left: 0;
	padding-right: 0;*/
}

/* Breadcrumbs css code found in "foundation.css" */


#breadCrumbs{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    	float: right;
    	margin-left: 0;
    	margin-right: 23px;
    	text-align: right;
    	width: 96%;
}

/* This enables the menu elements to be seen over other rows*/
#cssmenu ul li ul, ul li ol{
	z-index: 100;
}

#pagetype table{
	width: 100%;
}

#contactus {
    	margin-left: auto;
    	margin-right: auto;
    	margin-top: 5px;
    	padding: 0;
    	width: 98%;
}
#contactus div {
    	padding: 3px;
}
#contactus td {
    	vertical-align: top;
}
#contactus td.address {
    	width: 49%;
}
#contactus div.physicalAddress {
    	margin-bottom: 1em;
}
#contactus div.physicalAddress > h3 {
    	margin-bottom: 0.5em;
}
#contactus div.mailingAddress {
    	margin-bottom: 1em;
}
#contactus div.mailingAddress > h3 {
    	margin-bottom: 0.5em;
}
#contactus td.map {
    	width: 49%;
}
#contactus td.map div.map {
    	border: 1px solid #808080;
}
#contactus #contactusForm {
    	margin-left: auto;
    	margin-right: auto;
    	margin-top: 1em;
    	/* width: 95%; */
}
#contactus .mapLink {
    	font-size: small;
}
#contactus .mapFrame {
    	border: 0 none;
    	height: 100%;
    	margin: 1%;
    	padding: 3px;
    	width: 96%;
}
#contactus #contactusForm tr#name td {
    	padding-top: 1em;
}
#contactus .label {
    	text-align: right;
}
/* #contactus #contactusForm input[name="userName"] {
    	width: 50%;
}
#contactus #contactusForm input[name="userEmail"] {
    	width: 50%;
} */
#contactus #contactusForm textarea {
    	height: 150px;
/*  	width: 50%; */
}
#contactus #contactusForm input[type="submit"] {
    	margin-bottom: 25px;
    	margin-right: 50px;
    	margin-top: 15px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    	margin:0;
    	padding:0;
}
html,body {
    	width:  100%;

    	*height: auto;
    	*width: auto;
    	margin: 0px;
    	padding: 0px;
}