/* CSS changes to struct.css */
#container {
  width: 990px !important;
}

#page, #frame {
  width: 990px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#content {
  overflow: auto !important;
  zoom: 1 !important;
}

#content #center {
  width: 748px !important;
  margin-left: 17px !important;
  overflow: hidden;
}

div#center .quote {
  width: auto !important;
}

div#bottom {
  width: 990px !important;
  margin-left: 0 !important;
  background-size: 100% auto !important;
}

div#bottom div#newsletter,
div#bottom div#share,
div#bottom div#address {
  width: 30% !important;
}

#content #left, #content #center, #content #right, #content #center .FeaturedIcons {
  padding-top: 30px !important;
}

#MainBody .contentpagetitlefeature, #MainBody .contentpagetitlefeature a, #MainBody .contentheading {
  width: 100% !important;
}

#FeaturedIcons_right .frontpage {
  margin-bottom: 20px;
}

/* /CSS changes */

#navbar {
  position: relative;
  height: 53px;
  background: #e4e9e9 url('../images/greybar.jpg') repeat-x bottom;
}

#navbar img#logo {
  position: absolute;
  left:0;
  top:0;
  z-index: 3000;
}

#navbar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#navbar ul li {
  font-family: "pragmatica-web-condensed";
  float: left;
}

#navbar ul li a {
  text-decoration: none;
}

#navbar ul li:last-child, #navbar ul li.last-child {
  border-right: none !important;
}

#navbar #quicklinks {
  position: relative;
  height: 23px;
  background: #C3DEDC;
}

#navbar #quicklinks ul {
  position: absolute;
/*   left: 607px; */
  right: 180px;
  top: 6px;
}

#navbar #quicklinks #searchform {
  position: absolute;
  right: 4px;
  top: 2px;
  text-align: left;
}

#navbar #quicklinks #searchform label {
  display: inline-block;
  width: 30px;
  border-right: none !important;  
  border-left: 1px solid #767F7D;
}

#navbar #quicklinks #searchform input {
  height: 14px;
  width: 120px;
  font-size: 11px;
  border: 1px solid #0F767B;
  margin-left: 4px;
}

#navbar #quicklinks ul li, #navbar #quicklinks #searchform label {
  font-family: "pragmatica-web-condensed", "Trebuchet MS";
  font-weight: 400;
  font-size: 12px;
  padding-right: 9px;
  padding-left: 9px;
  border-right: 1px solid #767F7D;
  text-transform: uppercase;
  color: #18666b;  
}

#navbar #quicklinks ul li a {
  color: #18666b;
}

#navbar #links {
  position: relative;
}

#navbar #links ul {
  position: absolute;
  left: 370px;
  top: 6px;
}

#navbar #links ul li {
  font-family: "pragmatica-web-condensed", "Trebuchet MS";
  font-weight: 400;  
  font-size: 16px;
  padding-right: 16px;
  padding-left: 16px;
  border-right: 2px solid #FFF;
  text-transform: uppercase;
  color: #da7c0d;
}

#navbar #links ul li a {
  color: #da7c0d;
}

#navbar #some {
  position: absolute;
  left: 865px;
  top: 30px;
}

#navbar #some img {
  padding-left: 2px;
  padding-right: 2px;
}


/* drop menu code */
#navbar #links ul.menusan {
  cursor: pointer;
}

/*
#navbar #links ul.menusan li.sfhover {
  background: url('/templates/ij25home/images/homemenu-bg.gif');  
}
*/

#navbar #links ul.menusan li {
  position: relative;  
}

#navbar #links ul.menusan table {
  display: none;
  z-index: 4000;
  background: url('/templates/ij25home/images/homemenu-bg.gif');
/*  padding: 10px; */
	-moz-box-shadow: 3px 3px 8px #666;
	-webkit-box-shadow: 3px 3px 8px #666;
	box-shadow: 3px 3px 8px #666;
	/* For IE 8 */
/* 	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#666666')"; */
	/* For IE 5.5 - 7 */
/* 	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#666666');  */
}

#navbar #links ul.menusan table tr {
  background: url('/templates/ij25home/images/homemenu-bgtop.png');  
  border-collapse: collapse;
}

#navbar #links ul.menusan table td {
  vertical-align: top;
  white-space: nowrap;
  font-family: "pragmatica-web-condensed";  
  padding: 0.5em;
}

#navbar #links ul.menusan table td span {
  display: block;
}

#navbar #links ul.menusan li table {
  position: absolute;
  top: 24px;
  left: 0;
}

#navbar #links ul.menusan li.sfhover table, #navbar #links ul.menusan li table.sfhover {
  display: block;
}


/*  level 2 formatting */
#navbar #links ul.menusan .level2, #navbar #links ul.menusan .level2 a {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
  color: #17656a;
  font-size: 16px;
  text-transform: none;
  float: none;
  display: block;
}

/* level 3 formatting */
#navbar #links ul.menusan .level3, #navbar #links ul.menusan .level3 a {
  /* third level links */
  margin: 0;
  padding: 0;
  background: auto;  
  color: #3e4d4e;
  font-size: 13px;
  text-transform: none;  
}

ul.menumasthead2 {
  position: relative;
/*   top: -13px; */
}

  div#content div#center .videocontainer {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
  }
  
  div#content div#center .videocontainer iframe,
  div#content div#center .videocontainer object,
  div#content div#center .videocontainer embed   {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }


@media only screen and (max-width:990px) {
  #page, #frame {
    width: 100% !important;
  }
  
  #page #content, #frame #content {
    position: relative;
    overflow: hidden !important;
  }
  
  #page #content #center, #frame #content #center {
    float: none;
    width: auto !important;
    margin-right: 222px;
  }
  
  #page #content #right, #frame #content #right {
    width: 185px;
    float: right;
    position: absolute;
    right: 17px;
    top:0
  }
    
  div#bottom {
    width: 100% !important;
  }
  
  ul.menumasthead2 {
    width: auto !important;
    overflow: hidden;
  }
  
  div#bottom span.div {
    background: none !important;
  }
    
}

@media only screen and (max-width:749px) {
  /* This is when the right column collapses under the main content */
  
  #navbar { 
    text-align: center;
  }
  
  #content {
    /* top: 30px; */
  }
  
  #page #content #center #MainBody, #frame #content #center #MainBody {
    margin-right: 17px;
  }
  
  #page #content #right, #frame #content #right {
    width: auto !important;
    float: none !important;
    position: relative !important;
    right: auto !important;
    top: auto !important;
  }
  
  #page #content #center, #frame #content #center {
    margin-right: auto !important;
  }
  
  #FeaturedIcons_right,
  #FeaturedIcons_right .IconSet {
    display: block;
    width: auto !important;
    padding-left: 17px;
  }
  
  #FeaturedIcons_right .IconSet .icon {
    height: 93px !important;
    overflow: hidden !important;
  }
  
  #FeaturedIcons_right .IconSet .frontpage {
    width: 179px;
    float: left;
    margin-right: 10px;
    background: none;
    margin-bottom: 0;
  }
  
  #FeaturedIcons_right .IconSet > img {
    display: none;
  }
  
  div.featuredIcon {
    margin-right: 10px;
    overflow: hidden;
  }

  
  #FeaturedIcons_right iframe {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
  } 
  
  #frame #footer, 
  #page #bottom, 
  #frame #footer {
    height: auto !important;
    width: 100% !important;
  }
  
  #FeaturedIcons_right .IconSet {
    border: none !important;
  }
  
  #page #bottom div, #frame #bottom div {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;    
  }
  
  #frame #footer div, 
  #frame #footer div#signup, 
  #frame #footer div#address,
  #page #bottom div#newsletter,
  #page #bottom div#share,
  #page #bottom div#address,
  #frame #bottom div#newsletter,
  #frame #bottom div#share,
  #frame #bottom div#address {
    text-align: center;
    width: auto !important;
  }
  
  ul.menumasthead2 {
    padding-top: 68px !important;
    padding-left: 0 !important;
    height: auto !important;
    width: 100% !important;
    text-align: center !important;
    margin: auto 0 !important;
    background: none !important;
    overflow: hidden;
    top: 0px;
    height: auto !important;
  }
  
  ul.menumasthead2 li {
    display: inline-block;
  }
  
  
}

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

  ul.menumasthead2 {
    padding-top: 5px !important;
  }

}