/*** Custom Responsive Styles ***/

/* Non-Mobile */
@media (min-width: 768px) {
	#logo img {  margin-top: 5px;  }
	.navbar-brand { display: none; }
	#nav-container { padding-left: 0; padding-right: 0; margin-top: 6px; position: relative; }
	#main-navbar-collapse { position: absolute; z-index: 10000;  }
	#nav-container .container-fluid { padding: 0; }
	#nav-container .navbar-default { background: transparent; border: 0; box-shadow: none; }
	#nav-container .navbar { min-height: 20px; margin-bottom: 0; }
	#nav-container .navbar-default .navbar-nav > li > a { text-align: center;  color: #000; line-height: 125%; font-weight: 700; }
	#nav-container .navbar-default .navbar-nav > li > a:hover, #nav-container .navbar-default .navbar-nav > li.open > a { background: #fff; }
	#nav-container .navbar-default .navbar-nav > li > ul { border: 0; }
	#nav-container .navbar-default .navbar-nav > .active > a { background: #fff; box-shadow: none; }
}

/* Large */
@media (min-width: 1200px) {
	body { background: url(../images/bg_1200.png) top center repeat-x #fff; }
	header, #top-header, #slider{ width: 1200px; }
	.top-header-home, .header-home { height: 575px; }
	.top-header-sub, .header-sub { height: 400px; }
	.header-logo-small { padding-top: 25px; }
	#logo img { width: auto; height: 100%; }
	#slider { top: 180px; }
	#slider-images { width: 1100px; margin-left: 25px; }
	#parent-title { top: 210px; left: 130px; }
	#nav-container .navbar-default .navbar-nav > li { width: 160px; }
	#nav-container .navbar-default .navbar-nav > li > a  { font-size: 15px; height: 51px; padding-top: 8px; }
	#footer-right img { padding-left: 40px; }
	
	#timeline, #dates, #issues, #issues li { width: 555px; }
}

/* Medium */
@media (min-width: 992px) and (max-width: 1199px) {
	body { background: url(../images/bg_992.png) top center repeat-x #fff; }
	header, #top-header, #slider{ width: 992px; }
	.header-sub { background-position: center -3px; }
	.top-header-home, .header-home { height: 481px; }
	.top-header-sub, .header-sub { height: 332px; }
	#mod-search-searchword { width: 200px; }
	.header-logo-small { padding-top: 25px; }
	.header-logo-small img, #logo img { width: 100%; height: auto; }
	#header-right .moduletable { margin-top: 5px; }
	ul.menu_top li { padding: 2px 8px; }
	ul.menu_top li a { font-size: 12px; }
	#slider { top: 130px; height: 310px; }
	#slider-images { width: 886px; margin-left: 22px; height: 310px; }
	#parent-title { top: 165px; left: 110px; }
	#nav-container { margin-top: 1px; }
	#nav-container .navbar-default .navbar-nav > li { width: 130px; }
	#nav-container .navbar-default .navbar-nav > li > a { font-size: 13px; height: 41px; padding-top: 6px; padding-left: 10px; padding-right: 10px; }
	#footer-right img { padding-left: 10px; }
	
	#timeline, #dates, #issues, #issues li { width: 455px; }
}

/* Small */
@media (min-width: 768px) and (max-width: 991px) {
	body { background: url(../images/bg_768.png) top center repeat-x #fff; }
	header, #top-header, #slider{ width: 768px; }
	.top-header-home, .header-home { height: 369px; }
	.top-header-sub, .header-sub { height: 257px; }
	.header-sub { background-position: center -2px; }
	#mod-search-searchword { width: 125px; }
	.header-logo-small { padding-top: 25px; }
	.header-logo-small img, #logo img { width: 100%; height: auto; }
	#header-right .moduletable { margin-top: 5px; }
	ul.menu_top { margin-top: 5px; }
	ul.menu_top li { padding: 2px 8px; }
	ul.menu_top li a { font-size: 10px; }
	#mod-search-searchword { padding: 2px 1px; font-size: 12px; }
	.search .button { width: 20px; height: 20px; }
	#slider { top: 115px; height: 225px; }
	#slider-images { width: 690px; margin-left: 13px; height: 225px; }
	#parent-title { top: 130px; left: 85px; }
	#parent-title-text { font-size: 32px; }
	#nav-container .navbar-default .navbar-nav > li { width: 101px; }
	#nav-container .navbar-default .navbar-nav > li > a { font-size: 10px; height: 32px; padding: 0; padding-top: 5px;  }
	
	#timeline, #dates, #issues, #issues li { width: 355px; }
}

/* Extra Small */
@media (max-width: 767px) {
	body { background: url(../images/bg_768.png) top center repeat-x #fff; }
	h1 { font-size: 18px; }
	#top-header { height: auto; }
	#header { background: none; width: auto; height: auto; position: relative; }
	#logo { padding: 15px; text-align: center; }
	#header-right .moduletable { float: none; margin-bottom: 20px; }
	#slider, #parent-title { display: none; }
	#locations .location { display: block; }
	.header-logo-small { float: left; width: 33%; text-align: center;  }
	.header-logo-small img { margin: 0 auto; }
	.menu_top { text-align: center; margin: 0; padding: 0; }
	.search { text-align: center; }
}