/* Responsive Design Template */
@media screen and (min-width:601px) and (max-width:768px){

img {
  max-width:100%;
}
#logo {
  background:url(/ResponsiveDesignTemplate/images/BeveledMformal.jpg) no-repeat;
  background-size:100%;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/ResponsiveDesignTemplate/images/BeveledMformal.jpg',sizingMethod='scale');
  width:378.7px;
  height:70px;
  display:block;
  margin:.35em .25em 0em .35em;
  text-indent:-999em;
}
.pageTitle{
 	background:#ffe url(/ResponsiveDesignTemplate/images/PageTitleBackgroundImage.jpg) no-repeat;
 	color:#fff;
 	font-size:1.5em;
 	font-family:Austin,Georgia,"Times New Roman", Times, serif;
 	width:95%;
 	height:43px;
 	padding-right:5%;
 	padding-top:1.5em;
 	text-align:right;
}
#modSearch{
 	color:#eee;
 	font-size:.5em;
 	font-family:Verdana,Austin,Georgia,"Times New Roman", Times, serif;
 	padding:0;
 	margin:0;
 	padding-right:5%;
 	margin-top:-50px;
 	text-align:right;
 	position:relative;
 	float:right;
}
#navAudience {
 	display:none;
}
#navPrimary {
 	display:none;
}

/* ================================
  Needed breakpoints:
  320, 480, 600, 768, 1024, 1200+
   ================================
*/
#navLocal {
  background:#e8eaeb;
  border-bottom:.25em solid #b8b9ba;
  padding:.625em .125em 0.3125em .125em;
  width:15.625%;  /*  160/1024*100  */
  position:relative;
  float:left;
  xborder:3px solid #f20;
  margin:0;
}
.MenuSystem  {
 	font-size:.75em;  /* 12/16 */
}
#navLocal li li li a{
  xcolor:#ff0000;
  display:none;
}
#navLocal li li a{
  color:#ff0000;
  xdisplay:none;
}
#navLocal li ul{
  xcolor:#00ff00;
  display:none;
}
#navLocal li li ul{
  xcolor:#00ff00;
  display:none;
}
#navLocal ul,#navLocal li {
  list-style-type:none;
}
/* url(images/nav/local.gif) repeat-y */

/* Level 2 */
#navLocal li:hover {
  background:url(/ResponsiveDesignTemplate//ResponsiveDesignTemplate/images/icons/navArrow.gif) no-repeat -360px 2px;
}
#navLocal li ul li:hover {
  background:url(/ResponsiveDesignTemplate//ResponsiveDesignTemplate/images/icons/navArrow.gif) no-repeat -165px -2px;
}

#navLocal li a {
  background:url(/ResponsiveDesignTemplate/images/modDivider.gif) repeat-x left bottom;
  color:#900000; /*red color scheme*/
  xcolor:#366b88;
  display:block;
  margin:0 2px 0 17px;
  padding:7px 5px 7px 2px;
}
#navLocal li.last a {
  display:block;
  background:none;
}
#navLocal li a:hover {
  color:#686868;
}
#navLocal li.active {
  display:block;
  background:#dbe0e1 url(/ResponsiveDesignTemplate/images/icons/navArrow.gif) no-repeat 0 0;
  position:relative;
}
#navLocal li.active ul {
  display:block;
}
#navLocal li.active ul li ul{
  display:none;
}
#navLocal li ul li.active ul{
  display:block;
}

/* Level 3 */
#navLocal .active ul {
  background:#dbe0e1 url(/ResponsiveDesignTemplate/images/modDivider.gif) repeat-x left bottom;
  padding:0 0 4px;
}
#navLocal .active li {
  background:none;
  xfont-size:11px;
  font-size:0.9166666666666667em;  /* 11/12 */
}
#navLocal .active li a {
  display:block;
  background:none;
  color:#5c686f;
  padding:5px 5px 3px 2px;
}
#navLocal .active li a:hover {
}
#navLocal .active li.active {
  display:block;
  background:#e9eaea url(/ResponsiveDesignTemplate/images/icons/navArrow.gif) no-repeat -0px -3px;
  border-top:1px solid #cecfcf;
  position:static;
}
#navLocal .active li.active {
  margin:-2px 0 0;
}

#navLocal .active li.active li {
  margin-top:0;
}

/* Level 4 */
#navLocal .active .active ul {
  background:#e9eaea;
  border-bottom:1px solid #cecfcf;
}
#navLocal .active .active li {
  font-size:100%;
}
#navLocal .active .active li a {
  display:block;
  background:url(/ResponsiveDesignTemplate/images/icons/navBullet.gif) no-repeat 18px 8px;
  color:#5c686f;
  margin:0;
  padding:3px 5px 1px 26px;
}
#navigation #navLocal .active .active li a:hover {
  background-color:#f7f7f7;
  color:#3083b0;
}
#navLocal .active .active .active {
  margin:4px 0 0;
}
#navLocal .active .active li.active a {
  background:#f7f7f7 url(/ResponsiveDesignTemplate/images/icons/navArrow.gif) no-repeat 11px -3px;
}

/* Level 5 */
#navLocal .active .active .active ul {
  background:#f7f7f7;
  padding-left:10px;
}
#navLocal .active .active .active li {
  margin:0;
}
#navLocal .active .active .active li a,
#navLocal .active .active .active li a {
  background:url(/ResponsiveDesignTemplate/images/icons/navBullet.gif) no-repeat 23px 8px;
  padding-left:31px;
}
#navLocal .active .active .active li.active {
  background:none;
  border:none;
  margin:0;
  padding:0;
}

#pageContent{
  position:relative;
  float:right;
  width:80%;
  margin-right:1em;
  xborder:1px solid #0f0;
}
.wide-header-img img {
  position: relative;
  margin-right:0em;
  xmargin-left:-3.5%;
  width:95%;
  xheight:90%;
}

/* Don't put the menu at the bottom of the page */
.BottomOfThePageMenuSystem  {
	display:none;
}
#BottomOfThePageNavLocal {
  display:none;
}
#BottomOfThePageNavAudience {
	display:none;
}
#BottomOfThePageNavPrimary {
	display:none;
}
/* End of Don't put the menu at the bottom of the page */

#footer {
  padding:3em;
  text-align:center;
}
#footer ul {
  list-style-type:none;
}
#footer ul li {
  float:left;
  line-height:1em;
  margin-left:3.5%;
  padding:.55em;
  width:15%;
}
#footer a {
  color:#1f4e6f;
}
#footer a:hover {
  color:#000;
}
#footer .active a {
  color:#b30b0b;
}
#footer p {
  clear:both;
  color:#6b6b6a;
  font-size:11px;
  padding:4px 0 0 4px;
  width:100%;
}

} /* end of (min-width:601px) and (max-width:768px) */