/* Large desktop */
@media (min-width: 980px) {
.main-nav { background:#8b3a5c; }
.main-nav .container { background:#fff; }
.navbar { overflow:visible; margin-bottom:0; padding:0; }
.navbar-inner span.main-menu-heading { display:none; }
.navbar-inner { background:#af4974 url('images/nav_bg.png') bottom repeat-x; padding:0; border-radius:0; border:none; box-shadow:none; }
.nav-tabs { border-bottom:none; }

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus { color:#fff; text-decoration:none; background-color:#af4974; box-shadow:none; border-radius:0; }

.navbar .nav { list-style:none; margin:0; background:url('images/nav_link_bg.gif') left repeat-y; padding-left:2px; }
.navbar .nav > li { float:left; padding:0; margin:0; position:relative; }
.navbar .nav > li > a { display:block; text-decoration:none; color:#fff; padding:15px 32px 15px 30px; font-size:18px; font-family:"Open Sans"; font-weight:400; background:url('images/nav_link_bg.gif') right repeat-y; text-shadow:none; border-radius:0; margin:0; }

.navbar .nav ul { display:none; float:left; margin:0; list-style:none; position:absolute; left:0; width:200px; z-index:9999; height:auto !important; background-color:#af4974; padding:10px; border:none; }
.navbar .nav ul li { margin:0; padding:0; float:none; font-size:16px; line-height:20px; font-family:"Open Sans"; font-weight:300; }
.navbar .nav ul ul { left:100%; top:0; }
.navbar .nav ul a { color:#fff; text-align:left; text-decoration:none; padding:10px; display:block; }
.navbar .nav ul a:hover { color:#fff; text-decoration:underline; }

.navbar .nav li:hover > a,
.navbar .nav li:hover a:focus { background-color:#af4974; color:#fff; }

.navbar .nav li:hover > ul { display:block; }

.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li.current_page_item > a,
.navbar .nav > li.current_page_ancestor > a { background-color:#af4974; }

.navbar .nav > li.current-menu-item > a:hover,
.navbar .nav > li.current-menu-ancestor > a:hover,
.navbar .nav > li.current_page_item > a:hover,
.navbar .nav > li.current_page_ancestor > a:hover { background-color:#af4974; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.main-nav { background:url('images/nav_outer_bg.jpg') bottom repeat-x; }
.main-nav .container { background:#0067a8 url('images/nav_bg.png') bottom repeat-x; }
.navbar { background:none; padding:0 !important; margin-bottom:0; }
.navbar-inner { background:none; border-radius:0; box-shadow:none; border:none; padding:10px; }
.navbar .btn-navbar { background:#004875; border:1px solid #002942; border-radius:0; padding:10px; }
.navbar .btn-navbar:hover { background-color:#0067a8; }
.navbar .nav { margin:15px 0; }
.navbar-inner span.main-menu-heading { color:#fff; padding:10px 0 0 10px; float:left; font-size:18px; font-family:"PT Serif"; font-weight:400; }
.navbar .nav a { background-color:#004875; border:none; border-radius:0 !important; }
.navbar .nav li { margin:0 !important; }
.navbar .nav > li > a { text-shadow:none; color:#fff; font-size:18px; font-family:"PT Serif"; font-weight:400; }
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus { background-color:#fff !important; color:#705d2f; border:none; }
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus { background-color:#002942; color:#fff; border:none; }
.nav-tabs { border-bottom:none; }
.navbar .nav ul { display:none; }
.navbar .btn-navbar .icon-bar { background-color:#fff; background-image:none; }
.navbar .btn-navbar:hover .icon-bar { background-color:#fff; }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.main-nav { background:url('images/nav_outer_bg.jpg') bottom repeat-x; }
.main-nav .container { background:#0067a8 url('images/nav_bg.png') bottom repeat-x; }
.navbar { background:none; padding:0 !important; margin-bottom:0; }
.navbar-inner { background:none; border-radius:0; box-shadow:none; border:none; padding:10px; }
.navbar .btn-navbar { background:#004875; border:1px solid #002942; border-radius:0; padding:10px; }
.navbar .btn-navbar:hover { background-color:#0067a8; }
.navbar .nav { margin:15px 0; }
.navbar-inner span.main-menu-heading { color:#fff; padding:10px 0 0 10px; float:left; font-size:18px; font-family:"PT Serif"; font-weight:400; }
.navbar .nav a { background-color:#004875; border:none; border-radius:0 !important; }
.navbar .nav li { margin:0 !important; }
.navbar .nav > li > a { text-shadow:none; color:#fff; font-size:18px; font-family:"PT Serif"; font-weight:400; }
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus { background-color:#fff !important; color:#705d2f; border:none; }
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus { background-color:#002942; color:#fff; border:none; }
.nav-tabs { border-bottom:none; }
.navbar .nav ul { display:none; }
.navbar .btn-navbar .icon-bar { background-color:#fff; background-image:none; }
.navbar .btn-navbar:hover .icon-bar { background-color:#fff; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
.main-nav { background:url('images/nav_outer_bg.jpg') bottom repeat-x; }
.main-nav .container { background:#0067a8 url('images/nav_bg.png') bottom repeat-x; }
.navbar { background:none; padding:0 !important; margin-bottom:0; }
.navbar-inner { background:none; border-radius:0; box-shadow:none; border:none; padding:10px; }
.navbar .btn-navbar { background:#004875; border:1px solid #002942; border-radius:0; padding:10px; }
.navbar .btn-navbar:hover { background-color:#0067a8; }
.navbar .nav { margin:15px 0; }
.navbar-inner span.main-menu-heading { color:#fff; padding:10px 0 0 10px; float:left; font-size:18px; font-family:"PT Serif"; font-weight:400; }
.navbar .nav a { background-color:#004875; border:none; border-radius:0 !important; }
.navbar .nav li { margin:0 !important; }
.navbar .nav > li > a { text-shadow:none; color:#fff; font-size:18px; font-family:"PT Serif"; font-weight:400; }
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus { background-color:#fff !important; color:#705d2f; border:none; }
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus { background-color:#002942; color:#fff; border:none; }
.nav-tabs { border-bottom:none; }
.navbar .nav ul { display:none; }
.navbar .btn-navbar .icon-bar { background-color:#fff; background-image:none; }
.navbar .btn-navbar:hover .icon-bar { background-color:#fff; }
}