@charset "utf-8";
*::-moz-placeholder {
    color: #000000;
    opacity: 1;
}
#nav::after, #sidebar::after {
    clear: both;
    content: "";
    display: block;
}
.subnav h3 {
    color: #fff;
    font: 16px/20px futura_bkbook,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 9px 25px 11px;
}
.subnav h3 span {
    display: inline-block;
}
.jcf-hidden {
    display: block !important;
    left: -9999px !important;
    position: absolute !important;
}
.popup-holder a.open {
    text-transform: uppercase;
}
.popup-holder {
    display: block;
    z-index: 100;
}

div.logo a {
	background-image:url('http://www.bureauofmilitaryhistory.ie/images/logonewer.png');
}

#search_querystr {
}
@media all and (max-width: 1143px) and (min-width: 1029px) {
.home-page #main {
    padding: 0;
}
div#wrapper {
    width: 1030px;
}
.promo .btn-close {
    right: 235px;
}
}

@media all and (max-width: 1028px) and (min-width: 1004px) {
.home-page #main {
    padding: 0;
}
div.logo a {
        background-image:url('http://www.bureauofmilitaryhistory.ie/images/logonewer_resp1.jpg');
	background-repeat:no-repeat;
}
div#wrapper {
    width: 950px;
}
#main {
    width: 100%;
}

.int_content {
	width:95%;
}

.entry {
    float: right;
    padding: 0 30px 10px 0;
}
#sidebar {
    float: left;
    text-transform: uppercase;
    width: 220px;
}
.promo .btn-close {
    right: 275px;
}
}

@media only screen and (min-width: 1002px) {
#sidebar .popup-holder .open {
    display: none !important;
}
#header .popup-holder .open {
    display: none !important;
}
.popup-holder div.popup {
    display: block !important;
    height: auto !important;
    position: static !important;
}
}

@media only screen and (min-width: 1000px) {

div.logo {
/* rc-edit: line header img up with menu
	left:97px; */
}

.popup-holder .open {
    display: none !important;
}
.popup-holder div.popup {
    display: block !important;
    height: auto !important;
    position: static !important;
}
}
@media only screen and (max-width: 1002px) and (min-width: 719px) {

#main_body {
	width:718px !important;
}

#results_ul {
	width:668px!important;
}

/* rc-edit: menu list styles */

ul#nav.flat-responsive-menu li.menu-item {
	border-bottom:solid 1px #e5e1d8;
}

div.logo a {
        width:495px;
        background-image:url('http://www.bureauofmilitaryhistory.ie/images/logonewer_resp1.jpg');
}


.flat-menu ul.flat-responsive-menu > li {
    color: black;
    float: left;
    max-height: 29px;
    width: 500px;
}
.flat-responsive-menu li.menu-item.drop {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.flat-responsive-menu li.menu-item.drop:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.menu-item {
    min-height: 29px;
}

#header .popup-holder {
    padding-top: 20px;
    z-index: 99999;
}
.flat-menu ul.flat-responsive-menu {
    opacity: 10;
    position: relative;
    top: 10px;
}
.popup-holder div.popup {
    display: none;
    padding: 0;
    position: absolute;
    right: -10px;
    top: 40px;
}
.flat-responsive-menu li.menu-item.drop {
    padding: 0;
}
#footer .holder {
    width: 719px;
}
#handover {
    padding-top: 100px;
}
#header {
    height: 150px;
    margin-left:0 !important;
    width: 719px;
left:0;
}
#hundredwrapper {
    width: 99%;
}
#mainwrapper, .slideshow-holder2, .section .area, .tx-flickrset-pi1, .section .holder, #content, #main {
    width: 720px;
}
#nav {
	bottom:auto;
	height:auto;
	left:auto;
	width:200px;
	background: none repeat scroll 0 0 #000;
    display: block;
    font-weight: bold;
    height: auto !important;
    line-height: 1em;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    visibility: visible;
    width: 180px !important;
/*
    height: 35px;
    margin-right: 8px;
    margin-top: 20px;*/
}
#nav li {
/* rc-edit: responsive nav li border */
	border-bottom:solid 1px #e5e1d8;
    padding: 0 3px 0 6px;
}
.flat-responsive-menu li.active a, .flat-responsive-menu li a {
    color: #ffffff;
    display: block;
    padding: 5px;
}
.flat-responsive-menu {
    background-color: #000;
    bottom: 0;
    font-weight: bold;
    height: auto;
    left: 0;
    line-height: 1em;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}
.flat-responsive-menu li {
    background: none repeat scroll 0 0 #000;
    border-bottom: 1px solid #d0d2c3;
    display: block;
    float: none;
    font: 15px/20px Rock-webfont,Arial,Helvetica,sans-serif;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.subnav ul a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    padding: 0 0 0 13px;
}
.subnav ul a:hover, .subnav ul a.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.theme-green .subnav ul a:hover, .theme-green .subnav ul a.active, .theme-green-light .subnav ul a:hover, .theme-green-light .subnav ul a.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #edba11;
}
subnav ul a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.container {
    padding: 0;
    width: 700px;
}
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
    display: none;
    visibility: hidden;
    width: 0;
}
.container .twocolumns {
    width: 700px;
}
container .twocolumns .aside {
    margin: auto;
    visibility: visible;
    width: 225px;
}
.control-tabs, .faq-frame, .theme-brown2 .container .twocolumns .aside, .theme-blue-dark2 .container .twocolumns .aside {
}
.entry {
    margin: auto;
    padding: 0;
}
.home-page #main {
    margin: auto;
    padding: 0;
    width: 720px;
}
.home-page .container {
    padding: 0;
    width: 718px;
}
.home-page .container .twocolumns {
    width: 718px;
}
.home-page .w1, #main.inner, .theme-brown2-int .w2, .theme-brown2 .entry, .theme-brown2 .w1, .theme-brown2 .w3, .theme-grey-light .w3, .theme-brown3 .w3, .theme-blue-light .w3, .theme-green-light .w3, .theme-green .w3, .theme-green light .w3, .theme-blue-dark2 .w3, .theme-green-light .w1, .theme-blue-dark2 .w1, .theme-green .w1, .theme-grey-light .w1, .theme-brown3 .w1, .theme-blue-light .w1, .theme-green .w1 {
/* rc-edit : remove darker background color*
    background: none repeat scroll 0 0 #ebe8e1; */
}
.theme-brown2 .w1 {
    background: none repeat scroll 0 0 #878b7b;
}
#header {
    background: none repeat scroll 0 0 #242f16;
    margin-left: -385px;
    width: 100%;
}
.shadow {
    top: 100px;
}
.slideshow {
    margin: auto;
}
.slideshow-holder, .theme-brown2 .container .twocolumns .main-column, .theme-blue-dark2 .container .twocolumns .main-column, .theme-grey-light .container .twocolumns .main-column, .theme-brown3 .container .twocolumns .main-column, .theme-blue-light .container .twocolumns .main-column {
    float: left;
}
.theme-green-light .slideshow-holder, .theme-blue-dark .slideshow-holder, .theme-grey-light .slideshow-holder, .theme-brown3 .slideshow-holder, .theme-grey .slideshow-holder, .theme-brown .slideshow-holder, .theme-blue-light .slideshow-holder {
    margin-left: 7px;
}
.theme-brown2 .container .aside, .theme-blue-dark .container .aside, .theme-grey-light .container .aside, .theme-brown3 .container .aside, .theme-blue-light .container .aside {
    width: 220px;
}
.theme-brown2 .container .twocolumns, .theme-blue-dark2 .container .twocolumns, .theme-grey-light .container .twocolumns, .theme-brown3 .container .twocolumns, .theme-blue-light .container .twocolumns {
    width: 470px;
}
.theme-brown2 .container, .theme-blue-dark .container, .theme-grey-light .container, .theme-brown3 .container, .theme-grey .container, .theme-brown .container, .theme-blue-light .container {
    margin-left: 5px;
    width: 708px;
}
.theme-green-light .w3, .theme-blue-dark2 .w3, .theme-brown3 .w3, .theme-green .w3, .theme-grey-light .w3, .theme-blue-light .w3, .theme-green .w3 {
    background: none repeat scroll 0 0 #ebe8e1;
}
.theme-grey-light .container .twocolumns .aside, .theme-brown3 .container .twocolumns .aside, .theme-blue-light .container .twocolumns .aside {
    display: none;
    float: left;
    visibility: hidden;
    width: 0;
}
.theme-home .container {
    padding-left: 0;
    width: 720px;
}
.theme-home .container .twocolumns {
    margin-left: 7px;
    width: 718px;
}
.theme-home .main-column {
    padding-right: 3px;
}
body {
    max-width: 1002px;
    min-width: 720px;
}
div#main.inner #sidebar {
/* rc-edit: sidebar nav at small side - move to left */
/*    float: right;
    padding-left: 43px;
    width: 685px; */
}
div#wrapper, .slideshow-holder2 .slideshow {
    margin: auto;
    width: 720px;
}
div.w1 div.w2 div.w3 div#wrapper div#main.inner {
    padding: 0;
    width: 720px;
}
#sidebar h2 {
    border-bottom: 1px solid #d0d2c3;
    color: #05564a;
    display: none;
    font: 1.231em/1.25em "futura_bkbook",Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 1px 7px 8px;
    visibility: hidden;
}
.popup-holder {
    left: 685px;
    position: absolute;
    top: 42px;
}
.popup {
    margin-top: 0;
}
.popup-holder a.open {
    color: #fff;
    float: right;
    font: 15px/16px rock-webfont,Arial,Helvetica,sans-serif;
    padding: 0 40px 3px 0;
    position: relative;
    text-transform: uppercase;
}
.popup-holder a.open::after {
    background: url("../images/bg-sprite.png") no-repeat scroll -90px 0 rgba(0, 0, 0, 0);
    content: "";
    height: 17px;
    position: absolute;
    right: 0;
    top: 0;
    width: 29px;
}
.popup-holder a.open:hover {
    border: 0 none;
    color: #edba11;
    text-decoration: none;
}
.popup-holder a.open:hover::after {
    background-position: -90px -24px;
}
.safari #sidebar.popup-holder a.open, .chrome #sidebar.popup-holder a.open {
    padding: 3px 50px 0 0;
}
.safari .popup-holder a.open, .chrome .popup-holder a.open {
    padding: 3px 40px 0 0;
}
.logo {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 80px;
    left: 7px;
    min-width: 315px;
    position: absolute;
/* rc-edit    top: 33px; */
    width: 100%;
}

/* rc-edit */

.threeboxcolumn {
	float:none;
}

.logo a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.logo .dflogo {
    background: url("../images/df_logo_banner_small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 160px;
}
.logo .malogo {
    background-image: url("../images/military_archives_title.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 90% auto;
    height: 50px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 25px;
    width: 300px;
}
.logo .ddlogo {
    background: url("../images/dept_defence_logo_banner_small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100px;
    left: 25%;
    position: absolute;
    top: 0;
    width: 160px;
}
#sidebar {
/* rc-edit: remove sidebar bg color
    background: none repeat scroll 0 0 #fff;*/
    float: none;
    margin: 0 -5px;
    padding: 12px 0 7px;
    width: auto;
}
#sidebar .popup-holder {
    float: right;
    left: 0;
    position: relative;
    top: 0;
}
#sidebar .popup-holder a.open {
    color: #05564a;
    padding: 0 66px 3px 0;
}
#sidebar .popup-holder a.open::after {
    background: url("../images/bg-sprite.png") no-repeat scroll -90px -48px rgba(0, 0, 0, 0);
    right: 10px;
}
#sidebar .popup-holder div.popup {
    right: 0;
    top: 26px;
}
#sidebar {
/* rc-edit : remove sidebar bg color
    background: none repeat scroll 0 0 #fff; */
    float: none;
    margin: 0 -5px;
    padding: 12px 0 7px;
    width: auto;
}
#sidebar.popup-holder a.open {
    padding: 0 50px 3px 0;
}
#sidebar.popup-holder a.open::after {
    right: 10px;
}
.subnav {
    background: none repeat scroll 0 0 #ebe8e1;
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}
#sidebar h2 {
    border-bottom: 1px solid #d0d2c3;
    color: #05564a;
    display: none;
    font: 1.231em/1.25em futura_bkbook,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 1px 7px 8px;
    visibility: hidden;
}
.subnav li {
    border-bottom: 1px solid #d0d2c3;
    color: #000;
    float: none;
    font: 1.1em/1.5em Rock-webfont,Arial,Helvetica,sans-serif;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
    vertical-align: top;
}
.subnav li a {
    border: 0 none;
    color: #6e6d6d;
    display: block;
    padding: 4px 5px;
}
.subnav li li {
    border-bottom: 0 none;
    border-top: 1px solid #d0d2c3;
    padding: 0;
}
.subnav li li a {
    padding: 10px 25px 9px 34px;
    position: relative;
}
.subnav li li a::after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 5px;
    left: 24px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 15px;
    width: 6px;
}
.subnav li li a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #023c30;
}
.subnav li li a:hover::after {
    background-position: -127px -20px;
}
.subnav li li li a {
    padding: 4px 5px 4px 39px;
    position: relative;
}
.subnav li li li a::after {
    background: url("../images/bg-sprite.png") no-repeat scroll -149px -15px rgba(0, 0, 0, 0);
    left: 39px;
    width: 14px;
}
.subnav li li li.active a {
    background: none repeat scroll 0 0 #d8e4e2;
    font-weight: 700;
}
.subnav li li li.active a, .subnav li li li a {
    padding: 10px 5px 9px 58px;
    position: relative;
}
.subnav li li li.active a::after, .subnav li li li a:hover::after {
    background-position: -149px -8px;
}
.subnav li {
    line-height: 16px;
}
.subnav li.active a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;
}
.subnav li.active a, .subnav li a {
    color: #000;
    display: block;
    padding: 8px 23px 7px;
}
.subnav li.active a {
    color: #aa9134;
}
.subnav li.active ul li a {
    color: #333;
    font-size: 12px;
    padding-left: 30px;
}
.theme-green-light .subnav li.active a, .theme-green-light .subnav li a {
    color: red;
    display: block;
    padding: 3px 23px;
}
.subnav li.active a, .subnav li a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.subnav ul {
    float: none;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.popup .flat-responsive-menu li.active a {
    color: #f69d1b;
}
.home-page .news2 .box {
    display: none;
    visibility: hidden;
    width: 0;
}
.control-tabs, #header .add-nav, #header form, .division-logos, .buttons-list3 {
    display: none;
    visibility: hidden;
    width: 0;
}
.container .aside {
    height: 0;
    overflow: visible;
    visibility: hidden;
}
.container .twocolumns .aside {
    height: auto;
    visibility: visible;
}
.main-column .tx-youtubeapi-list ul {
    padding: 5px 0 0 7px;
}
.theme-green-light .subnav a.hover, .theme-green-light .subnav a.active {
    color: #edba11;
}
.buttons-list3 {
    display: block;
    visibility: visible;
    width: auto;
}
html body.theme-green div.w1 div#mainbodywrapper div#mainwrapper div.container div.aside ul.buttons-list {
    display: none;
    visibility: hidden;
    width: 0;
}
html body.theme-green-light div.w1 div#mainbodywrapper div#mainwrapper div.container div.aside ul.buttons-list {
    display: none;
    visibility: hidden;
    width: 0;
}
html body.theme-home div.w1 div#mainbodywrapper div#mainwrapper div.container div.aside ul.buttons-list {
    display: none;
    visibility: hidden;
    width: 0;
}
li.menuhide {
    display: block;
    visibility: visible;
    width: auto;
}
.promo .block {
    left: 150px;
    width: 350px;
}
.promo .btn-close {
    right: 535px;
}
#hundredwrapper {
    width: 100%;
}
.faq-frame {
    width: 100%;
}
.faq-frame .txt-holder .area {
    margin: auto;
    max-width: 720px;
}
.faq-frame p {
    margin: auto;
    max-width: 700px;
}
.faq-frame .txt-holder {
    margin: auto;
    max-width: 720px;
}
.flat-menu ul.flat-responsive-menu li .wrapper.grid {
    display: none;
    visibility: hidden;
    width: 0;
}
.flat-menu ul.flat-responsive-menu label {
    text-align: left;
}
}
@media only screen and (max-width: 719px) {

/* rc-edit: responsive list style */

#main_body {
	width:468px!important;
}

#results {
	width:468px!important;
}

#results_ul {
	width:418px!important;
}

#main_body .introduction {
	width:378px!important;
	clear:both;
}

#search_querystr {
	width:302px!important;
}

/* rc-edit: menu list styles */

ul#nav.flat-responsive-menu li.menu-item {
	border-bottom:solid 1px #e5e1d8;
}

.inner .twocolumns {
	float:none;
}

.inner .main-column {
	width:100% !important;
}

.int_content {
	width:95%;
}

div.logo a {
        width:301px;
        background-image:url('http://www.bureauofmilitaryhistory.ie/images/logonewer_resp3.jpg');
	background-repeat:no-repeat;
}

/* rc-edit: get homepage flow right */

.home-page .container .twocolumns {
	width:600px;
}

.threeboxcolumn {
	float:none;
}

.slideshow-holder {
    display: none;
    visibility: hidden;
}
.logo {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 120px;
    left: 97px;
    min-width: 315px;
    position: absolute;
    top: 0px;
    width: 100%;
}
.logo a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.logo .dflogo {
    background: url("../images/df_logo_banner_small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    width: 160px;
}
.logo .malogo {
    background-image: url("../images/military_archives_title.png");
    background-repeat: no-repeat;
    background-size: 90% auto;
    height: 50px;
    left: 90px;
    margin: 0 auto;
    position: absolute;
    top: 85px;
    width: 310px;
}
.logo .ddlogo {
    background: url("../images/dept_defence_logo_banner_small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100px;
    left: 50%;
    position: absolute;
    top: 0;
    width: 160px;
}
.popup-holder {
    position: absolute;
    top: 0;
}
.popup {
    margin-top: 20px;
    position: absolute;
    right: 10%;
    top: 125px;
}
#sidebar .popup {
    position: relative;
}
.popup-holder a.open::after {
    position: absolute;
    right: 0;
    top: 100px;
}
.flat-menu ul.flat-responsive-menu li > label {
    padding: 0;
}

div#wrapper div#main.inner {
	width:600px !important;
}

}
@media only screen and (max-width: 650px) {
.logo {
    left: 80px;
}
}
@media only screen and (max-width: 630px) {
.logo {
    left: 60px;
}
}
@media only screen and (max-width: 610px) {
.logo {
    left: 40px;
}
}
@media only screen and (max-width: 590px) {
.logo {
    left: 20px;
}
}
@media only screen and (max-width: 570px) {


.logo {
    left: 30px;
}
}
@media only screen and (max-width: 719px) and (min-width: 480px) {
#header .popup-holder {
    left: 475px;
    padding-top: 20px;
}
.popup-holder {
    float: left;
    position: relative;
}
.tx-flickrset-pi1, .home-page .main-column {
    width: 480px;
}
.bx-wrapper {
    max-width: 410px !important;
}
#nav {
	background: none repeat scroll 0 0 #000;
    bottom: 0;
    display: block;
    font-weight: bold;
    height: auto !important;
    left: 0;
    line-height: 1em;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    visibility: visible;
    width: 180px !important;


/*    background: none repeat scroll 0 0 #000;
    bottom: 0;
    font-weight: bold;
    height: auto;
    left: 0;
    line-height: 1em;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative; */
}
.flat-menu ul.flat-responsive-menu {
    opacity: 10;
    position: relative;
    top: 0;
    visibility: visible;
}
.flat-menu-dit ul.flat-responsive-menu > li {
    background: none repeat scroll 0 0 #000;
    border-bottom: medium none;
    border-top: 1px solid #fff;
    width: 250px;
}
.flat-responsive-menu li.menu-item.drop {
    background: none repeat scroll 0 0 #000;
    padding: 0 5px 0 8px;
}
.flat-menu-dit ul.flat-responsive-menu > li:hover {
    background: none repeat scroll 0 0 #000;
    border-bottom: medium none;
    border-top: 1px solid #fff;
    color: #edba11;
}
.flat-responsive-menu li.menu-item.drop:hover {
    background: none repeat scroll 0 0 #000;
}
.popup {
    margin-top: 20px;
}
.popup-holder a.open {
    color: #fff;
    float: right;
    font: 15px/16px rock-webfont,Arial,Helvetica,sans-serif;
    padding: 0 40px 3px 0;
    position: relative;
    text-transform: uppercase;
}
.popup-holder a.open::after {
    background: url("../images/bg-sprite.png") no-repeat scroll -90px 0 rgba(0, 0, 0, 0);
    content: "";
    height: 17px;
    position: absolute;
    right: 0;
    top: 100px;
    width: 29px;
}
.popup-holder a.open:hover {
    border: 0 none;
    color: #edba11;
    text-decoration: none;
}
.popup-holder a.open:hover::after {
    background-position: -90px -24px;
}
.safari #sidebar.popup-holder a.open, .chrome #sidebar.popup-holder a.open {
    padding: 3px 50px 0 0;
}
.safari .popup-holder a.open, .chrome .popup-holder a.open {
    padding: 3px 40px 0 0;
}
#nav li {
    float: left;
    font: 14px/16px rock-webfont,Arial,Helvetica,sans-serif;
    margin: 0 6px 0 10px;
    padding: 0;
    text-transform: uppercase;
    vertical-align: top;
}
#nav li a {
    color: #fffffb;
}
#nav li.active a, #nav li a {
    color: #fff;
    display: block;
    padding: 8px; 
}
#nav li.active a, #nav li a:hover {
    color: #edba11;
    text-decoration: none;
}
#nav li.active a:hover, #nav li a:hover, .subnav li li a:hover, .subnav li.active a:hover, .subnav li a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #edba11;
}
#nav li.visible-phone {
    display: block;
}
#nav ul {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#sidebar {
    background: none repeat scroll 0 0 #fff;
    float: none;
    margin: 0 -5px;
    padding: 12px 0 7px;
    width: auto;
}
#sidebar .popup-holder {
    float: right;
    padding: 0 0 11px;
    position: relative;
}
#sidebar .popup-holder a.open {
    color: #05564a;
    padding: 0 66px 3px 0;
}
#sidebar .popup-holder a.open::after {
    background: url("../images/bg-sprite.png") no-repeat scroll -90px -48px rgba(0, 0, 0, 0);
    right: 10px;
    top: 0;
}
#sidebar .popup-holder div.popup {
    right: 0;
    top: 6px;
}
#sidebar {
    background: none repeat scroll 0 0 #fff;
    float: none;
    margin: 0 -5px;
    padding: 12px 0 0;
    width: auto;
}
#sidebar.popup-holder a.open {
    padding: 0 50px 3px 0;
}
#sidebar.popup-holder a.open::after {
    right: 10px;
}
#sidebar {
    margin-top: 0;
}
#sidebar {
    background: none repeat scroll 0 0 #fff;
    float: none;
    margin: 0 -5px;
    padding: 12px 0 0;
    width: auto;
}
#sidebar.popup-holder a.open {
    padding: 0 50px 3px 0;
}
#sidebar.popup-holder a.open::after {
    right: 10px;
}
.subnav {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 434px;
}
#sidebar h2 {
    border-bottom: 1px solid #d0d2c3;
    color: #05564a;
    display: none;
    font: 1.231em/1.25em rock-webfont,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 1px 7px 8px;
    text-transform: uppercase;
    visibility: hidden;
}
.subnav li {
    background: none repeat scroll 0 0 #ebe8e1;
    border-bottom: 1px solid #d0d2c3;
    color: #000000;
    float: none;
    font: 1.1em/1.6em rock-webfont,Arial,Helvetica,sans-serif;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
    vertical-align: top;
}
.subnav li a {
    border: 0 none;
    color: #6e6d6d;
    content: "";
    display: block;
    list-style-type: none;
    padding: 4px 5px;
}
.subnav li li {
    border-bottom: 0 none;
    border-top: 1px solid #d0d2c3;
    content: "";
    list-style-type: none;
    padding: 0 0 0 20px;
}
.subnav li li a {
    content: "";
    list-style-type: none;
    padding: 10px 25px 9px 34px;
    position: relative;
}
.subnav li li a::after {
    content: "";
    height: 5px;
    left: 24px;
    list-style-type: none;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 15px;
    width: 6px;
}
.subnav li li a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #023c30;
    content: "";
    list-style-type: none;
}
.subnav li li a:hover::after {
    background-position: -127px -20px;
    content: "";
    list-style-type: none;
}
.subnav li li li a {
    list-style-type: none;
    padding: 4px 5px 4px 39px;
    position: relative;
}
.subnav li li li a::after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 39px;
    list-style-type: none;
    width: 14px;
}
.subnav li li li.active a {
    background: none repeat scroll 0 0 #ebe8e1;
    font-weight: 700;
    list-style-type: none;
}
.subnav li li li.active a, .subnav li li li a {
    list-style-type: none;
    padding: 10px 5px 9px 58px;
    position: relative;
}
.subnav li li li.active a::after, .subnav li li li a:hover::after {
    background-position: -149px -8px;
    list-style-type: none;
}
.subnav li.active a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
}
.subnav li.active a, .subnav li a {
    color: #000000;
    display: block;
    padding: 10px 23px 9px;
}
.subnav li.active a, .subnav li a:hover {
    background: none repeat scroll 0 0 #ebe8e1;
}
.subnav ul {
    float: none;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.subnav li a {
    line-height: 16px;
}
.subnav li.active a {
    color: #aa9134;
}
.subnav li.active ul li a {
    color: #333;
}
.popup .flat-responsive-menu li.active a {
    color: #f69d1b;
}
.txt-holder .searchboximage {
    max-width: 450px;
}
.txt-holder .searchboximage img {
    max-height: 120px;
    max-width: 420px;
}
}
@media only screen and (max-width: 719px) and (min-width: 480px) {
#footer .holder, div#wrapper {
    margin: auto;
    width: 480px;
}



#handover {
    padding-top: 100px;
}
#header {
    height: 140px;
    margin-left: -320px;
    width: 480px;
}
#header .logo {
    left: 10px;
}
#header {
    background: none repeat scroll 0 0 #252f17;
    width: 500px;
}
.menucontainer {
    margin-left: 500px;
}
#mainwrapper {
    overflow: visible;
    padding: 0 10px 0 0;
    width: 480px;
}
#nav {
    bottom: auto;
    height: auto;
    left: auto;
    width: 200px;
}
#nav li {
    background: none repeat scroll 0 0 #000;
    display: block;
    margin: 0;
}
#nav li a {
    width: 200px;
}
.container {
    padding: 0 0 0 5px;
}
.entry {
    padding: 0 0 10px;
}
.container .aside {
    margin: auto;
    visibility: hidden;
    width: 0;
}
.container .twocolumns .aside {
    visibility: hidden;
    width: 0;
}
.container .twocolumns, .two columns .main-column {
    overflow: visible;
    width: 490px;
}
.control-tabs, #header .add-nav, #header form, .division-logos, .inner .twocolumns .aside, .buttons-list3 {
    display: none;
    visibility: hidden;
    width: 0;
}
.divwrapper {
    width: 719px;
}
#main {
    margin: auto;
    padding: 0;
    width: 480px;
}
.home-page #main {
    margin: auto;
    padding: 0;
    width: 480px;
}
.section .area, .tx-flickrset-pi1, .section .holder, #content, #main, .twocolumns {
    width: 480px;
}
.shadow {
    top: 100px;
}
.theme-grey-light-int #wrapper {
    color: #ebe8e1;
}
.theme-home .container {
    padding-left: 0;
    width: 500px;
}
.theme-home .home-page .container .twocolumns {
    padding-left: 5px;
    width: 718px;
}
body {
    max-width: 719px;
    min-width: 480px;
}
.inner .main-column {
    padding: 10px;
}
.logo {
    left: 0;
}
#header .popup-holder {
    left: 515px;
}
.flat-menu ul.flat-responsive-menu {
    opacity: 10;
    position: relative;
    top: 0;
    visibility: visible;
}
.flat-menu-dit ul.flat-responsive-menu > li {
    background: none repeat scroll 0 0 #000;
    border-bottom: medium none;
    border-top: 1px solid #fff;
    width: 250px;
}
.flat-responsive-menu li.menu-item.drop {
    background: none repeat scroll 0 0 #000;
    padding: 0 5px 0 8px;
}
.flat-menu-dit ul.flat-responsive-menu > li:hover {
    background: none repeat scroll 0 0 #000;
    border-bottom: medium none;
    border-top: 1px solid #fff;
    color: #edba11;
}
.flat-responsive-menu li.menu-item.drop:hover {
    background: none repeat scroll 0 0 #000;
}
.theme-green .subnav ul a:hover, .theme-green .subnav ul a.active, .theme-green-light .subnav ul a:hover, .theme-green-light .subnav ul a.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.subnav {
    width: 485px;
}
.subnav li li li a::after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    list-style-type: none;
}
.subnav ul li li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    list-style-type: none;
}
.subnav ul a.active, .subnav ul li a.active, .subnav ul li li a.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
div#main.inner #sidebar {
    float: left;
    padding-left: 0;
    width: 470px;
}
div.w1 div.w2 div.w3 div#wrapper div#main.inner {
    padding: 0;
    width: 480px;
}
.slideshow-holder2 {
    display: none;
    visibility: hidden;
}
.faq-frame p {
    margin: auto;
    max-width: 400px;
}
#mainwrapper {
    overflow: visible;
    padding: 0;
}
.promo .block {
    left: 100px;
    width: 340px;
}
.promo .btn-close {
    right: 800px;
}
li.menuhide {
    display: block;
    visibility: visible;
    width: auto;
}
#hundredwrapper {
    width: 100%;
}
.faq-frame {
    width: 100%;
}
.faq-frame .txt-holder .area {
    margin: auto;
    max-width: 480px;
}
.faq-frame p {
    margin: auto;
    max-width: 440px;
}
.faq-frame .txt-holder {
    margin: auto;
    max-width: 480px;
}
}
@media only screen and (max-width: 480px) {

/* rc-edit: responsive search page */

.edocsheadertext {
	width:320px!important; 
}

.inner .main-column {
	width:320px!important;
}

#main_body {
	width:318px!important;
}

#main_body .introduction {
	width:252px!important;
}

#results {
	width:318px!important;
	float:none!important;
}
 
#results_ul {
	width:268px!important;
}


.shadow {
	display:none;
}

div#wrapper {
/*	width:450px !important; */
}

div.logo a {
        width:250px;
        background-image:url('http://www.bureauofmilitaryhistory.ie/images/logonewer_resp4.jpg');
	background-repeat:no-repeat;
}

.int-content {
	padding:5px;
	width:100%;
}

#sidebar, .main-columns {
    padding-top: 33px;
}

.welcome {
	width:310px;
}

form#search {
	width:310px;
}

#search_querystr {
	width:155px!important;
}

#footer .holder {
    margin: auto;
    overflow: visible;
    width: 320px;
}
#footer-nav {
    float: left;
}
#handover {
    padding-top: 99px;
}
#header {
    background-color: #252f17;
    height: 130px;
    margin-left: -220px;
    width: 100%;
}
#headerinside {
    margin-left: 55px;
    width: 320px;
}
#main {
    padding: 16px 0 0;
    width: 320px;
}
#main.inner {
    background: none repeat scroll 0 0 #ebe8e1;
}
#mainwrapper, .section .area, .tx-flickrset-pi1, .section .holder, #content, .twocolumns, .inner .main-column, div#wrapper {
    width: 320px;
}
#nav {
    bottom: auto;
    display: none;
    height: auto;
    left: auto;
    visibility: hidden;
    width: 0;
}
#nav li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    margin: 0;
}
#nav li a {
    width: 200px;
}
.container {
    padding: 0 0 0 5px;
}
.container .aside, .control-tabs, .entry, .home-page #main, #header .add-nav, #header form, .add-nav, .division-logos, .content-block .img-holder-r, aside, .inner .twocolumns .aside {
    display: none;
    visibility: hidden;
    width: 0;
}
.container .twocolumns .aside {
    margin-left: 0;
    visibility: hidden;
    width: 0;
}
.container .twocolumns, .container .twocolumns .main-column {
    overflow: visible;
    width: 316px;
}
.heading div, .heading h2 {
    height: auto;
}
.home-page .container .twocolumns {
    margin: auto;
    overflow: visible;
}
.img-holder .txt-block, .theme-brown-dark .tx-youtubeapi-list, .theme-blue-dark .tx-youtubeapi-list, .theme-grey .tx-youtubeapi-list, .theme-brown3 .tx-youtubeapi-list, .theme-blue .tx-youtubeapi-list {
    margin-left: 45px;
}
.logo {
    left: 7px;
    top: 19px;
}
.main-column {
    overflow: visible;
    width: 320px;
}
.main-column .int_sharebtn {
    padding: 0 0 0 45px;
}
.main-column .tx-youtubeapi-list ul {
    float: none;
    margin-left: 45px;
}
.shadow {
    top: 100px;
}
.social .align-right {
    float: left;
    width: 320px;
}
.theme-blue-dark2 .tx-youtubeapi-list {
    margin-left: 0;
}
.theme-brown2 .main-column h3, twocolumns .main column h3 {
    clear: both;
}
.theme-brown2 .txt-block .holder, .theme-blue-dark2 .txt-block .holder .img-holder {
    margin-left: 50px;
}
.theme-green-light .w3, .theme-blue-dark2 .w3, .theme-grey-light .w3, .theme-grey-light-int .w3, .theme-brown3-int .w3, .theme-blue-light .w3, .theme-green .w3 {
    background: none repeat scroll 0 0 #ebe8e1;
}
.theme-grey-light-int #wrapper {
    color: #ebe8e1;
}
.theme-home .container {
    padding-left: 10px;
}
.twocolumns p, .heading {
    overflow: visible;
}
body {
    max-width: 479px;
    min-width: 320px;
}
div#main.inner #sidebar {
    display: none;
    padding: 0;
    visibility: hidden;
    width: 0;
}
div.w1 div.w2 div.w3 div#wrapper div#main.inner {
    padding: 0;
    width: 320px;
}
element.style {
    width: 315px;
}
.int_content {
    width: 310px;
    padding:5px;
}
.w1 {
    background: url("../images/bg-header.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
div.bx-viewport div.slider4 div.slide {
    margin-right: 30px !important;
}
.home-page .hpbox, .home-page .hpbox.online {
    width: 212px;
}
#header .popup-holder {
    padding-top: 37px;
}
.popup-holder {
    left: 328px;
    position: absolute;
    top: 65px;
}
#sidebar .popup-holder {
    left: 0;
    top: 0;
}
.logo .malogo {
    background-size: 70% auto;
    left: 20px;
}
.tx-flickrset-pi1, .home-page .main-column {
    width: 270px;
}
.bx-wrapper {
    max-width: 230px !important;
}
.popup {
    top: 25px;
}
#nav {
    background: none repeat scroll 0 0 #000;
    bottom: 0;
    display: block;
    font-weight: bold;
    height: auto;
    left: 0;
    line-height: 1em;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    visibility: visible;
    width: 180px;
}
.flat-menu ul.flat-responsive-menu {
    opacity: 10;
    position: relative;
    top: 0;
    visibility: visible;
}
.flat-menu-dit ul.flat-responsive-menu > li {
    background: none repeat scroll 0 0 #000;
    border-bottom: medium none;
    border-top: 1px solid #fff;
    width: 250px;
}
.flat-responsive-menu li.menu-item.drop {
    background: none repeat scroll 0 0 #000;
    padding: 0 5px 0 8px;
}
.flat-menu-dit ul.flat-responsive-menu > li:hover {
    background: none repeat scroll 0 0 #000;
    border-bottom: medium none;
    border-top: 1px solid #fff;
    color: #edba11;
}
.flat-responsive-menu li.menu-item.drop:hover {
    background: none repeat scroll 0 0 #000;
}
.popup {
    margin-top: 38px !important;
}
.popup-holder a.open {
    color: #fff;
    float: right;
    font: 15px/16px rock-webfont,Arial,Helvetica,sans-serif;
    padding: 0 40px 3px 0;
    position: relative;
    text-transform: uppercase;
}
.popup-holder a.open::after {
    background: url("../images/bg-sprite.png") no-repeat scroll -90px 0 rgba(0, 0, 0, 0);
    content: "";
    height: 17px;
    position: absolute;
    right: 0;
    top: 0;
    width: 29px;
}
.popup-holder a.open:hover {
    border: 0 none;
    color: #edba11;
    text-decoration: none;
}
.popup-holder a.open:hover::after {
    background-position: -90px -24px;
}
.safari #sidebar.popup-holder a.open, .chrome #sidebar.popup-holder a.open {
    padding: 3px 50px 0 0;
}
.safari .popup-holder a.open, .chrome .popup-holder a.open {
    padding: 3px 40px 0 0;
}
#nav li {
    background: none repeat scroll 0 0 #000;
/* rc-edit: remove li borders */
/*    border-bottom: 1px solid #fff;*/
    float: left;
    font: 14px/16px rock-webfont,Arial,Helvetica,sans-serif;
    margin: 0 6px 0 0;
    padding: 0;
    text-transform: uppercase;
    vertical-align: top;
}
#nav li a {
    color: #fffffb;
}
#nav li.active a, #nav li a {
    color: #fff;
    display: block;
    padding: 8px;
}
#nav li.active a, #nav li a:hover {
    color: #edba11;
    text-decoration: none;
}
#nav li.active a:hover, #nav li a:hover, .subnav li li a:hover, .subnav li.active a:hover, .subnav li a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #edba11;
}
#nav li.visible-phone {
    display: block;
}
#nav ul {
    float: right;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#sidebar {
    background: none repeat scroll 0 0 #fff;
    float: none;
    margin: 0 -5px;
    padding: 12px 0 7px;
    width: auto;
}
#sidebar .popup-holder {
    float: right;
    padding: 0 0 11px;
    position: relative;
}
#sidebar .popup-holder a.open {
    color: #05564a;
    padding: 0 66px 3px 0;
}
#sidebar .popup-holder a.open::after {
    background: url("../images/bg-sprite.png") no-repeat scroll -90px -48px rgba(0, 0, 0, 0);
    right: 10px;
}
#sidebar .popup-holder div.popup {
    right: 0;
    top: -5px;
}
#sidebar {
    background: none repeat scroll 0 0 #fff;
    float: none;
    margin: 0 -5px;
    padding: 12px 0 0;
    width: auto;
}
#sidebar.popup-holder a.open {
    padding: 0 50px 3px 0;
}
#sidebar.popup-holder a.open::after {
    right: 10px;
}
#sidebar {
    background: none repeat scroll 0 0 #fff;
    float: none;
    margin: 0 -5px;
    padding: 12px 0 0;
    width: auto;
}
#sidebar.popup-holder a.open {
    padding: 0 50px 3px 0;
}
#sidebar.popup-holder a.open::after {
    right: 10px;
}
.subnav {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 434px;
}
#sidebar h2 {
    border-bottom: 1px solid #d0d2c3;
    color: #05564a;
    display: none;
    font: 1.231em/1.25em rock-webfont,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 1px 7px 8px;
    text-transform: uppercase;
    visibility: hidden;
}
.subnav li {
    background: none repeat scroll 0 0 #ebe8e1;
    border-bottom: 1px solid #d0d2c3;
    color: #000000;
    float: none;
    font: 1.1em/1.6em rock-webfont,Arial,Helvetica,sans-serif;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
    vertical-align: top;
}
.subnav li a {
    border: 0 none;
    color: #6e6d6d;
    content: "";
    display: block;
    list-style-type: none;
    padding: 4px 5px;
}
.subnav li li {
    border-bottom: 0 none;
    border-top: 1px solid #d0d2c3;
    content: "";
    list-style-type: none;
    padding: 0 0 0 20px;
}
.subnav li li a {
    content: "";
    list-style-type: none;
    padding: 10px 25px 9px 34px;
    position: relative;
}
.subnav li li a::after {
    content: "";
    height: 5px;
    left: 24px;
    list-style-type: none;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    top: 15px;
    width: 6px;
}
.subnav li li a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #023c30;
    content: "";
    list-style-type: none;
}
.subnav li li a:hover::after {
    background-position: -127px -20px;
    content: "";
    list-style-type: none;
}
.subnav li li li a {
    list-style-type: none;
    padding: 4px 5px 4px 39px;
    position: relative;
}
.subnav li li li a::after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 39px;
    list-style-type: none;
    width: 14px;
}
.subnav li li li.active a {
    background: none repeat scroll 0 0 #ebe8e1;
    font-weight: 700;
    list-style-type: none;
}
.subnav li li li.active a, .subnav li li li a {
    list-style-type: none;
    padding: 10px 5px 9px 58px;
    position: relative;
}
.subnav li li li.active a::after, .subnav li li li a:hover::after {
    background-position: -149px -8px;
    list-style-type: none;
}
.subnav li.active a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
}
.subnav li.active a, .subnav li a {
    color: #000000;
    display: block;
    padding: 10px 23px 9px;
}
.subnav li.active a, .subnav li a:hover {
    background: none repeat scroll 0 0 #ebe8e1;
}
.subnav ul {
    float: none;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.subnav {
    width: 325px;
}
.subnav li li li a::after {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    list-style-type: none;
}
.subnav ul li li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    list-style-type: none;
}
.subnav ul a.active, .subnav ul li a.active, .subnav ul li li a.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.subnav li.active a {
    color: #aa9134;
}
.subnav li a {
    line-height: 16px;
}
.subnav li.active a {
    color: #aa9134;
}
.subnav li.active ul li a {
    color: #333;
}
.popup .flat-responsive-menu li.active a {
    color: #f69d1b;
}
html body.theme-green-light #main {
    display: block;
    padding: 0 10px 0 0;
    visibility: visible;
    width: 320px;
}
div#main.inner #sidebar {
    display: block;
    padding-top: 16px;
    visibility: visible;
    width: 325px;
}
.home-page #main {
    display: block;
    padding: 0 10px 0 0;
    visibility: visible;
    width: 320px;
}
html body.theme-home #main {
}
.slideshow-holder2 {
    display: none;
}
.entry, .sidebar {
    display: block;
    visibility: visible;
    width: 320px;
}
.entry {
    padding: 0 30px 10px 0;
}
#sidebar .popup-holder {
    width: 325px;
}
.theme-green .subnav ul a:hover, .theme-green .subnav ul a:active, .theme-green-light .subnav ul a:hover, .theme-green-light .subnav ul a:active, theme-green-light .subnav ul li.active a.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.theme-green .subnav ul a:hover, .theme-green .subnav ul a.active, .theme-green-light .subnav ul a:hover, .theme-green-light .subnav ul a.active {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.img-holder .txt-block, .theme-brown-dark .tx-youtubeapi-list, .theme-blue-dark .tx-youtubeapi-list, .theme-grey .tx-youtubeapi-list, .theme-brown3 .tx-youtubeapi-list, .theme-blue .tx-youtubeapi-list {
    margin-left: 0;
}
.twocolumns .txt-block p {
    width: 225px;
}
div.txt-area div.img-holder img {
    height: auto;
    max-width: 307px;
}
html body.theme-green-light div.w1 div.w2 div.w3 div#wrapper div div#main div#hundredwrapper div#faq-framer div.faq-frame {
    display: none;
    visibility: hidden;
    width: 0;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image img {
    float: left;
    height: auto;
    max-width: 307px;
}
table.contenttable {
    max-width: 100%;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
    height: auto;
    min-width: 307px;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image img {
    height: auto;
    min-width: 307px;
}
div#handover div.promo div.promo-holder div.big img {
    visibility: hidden;
}
.promo .block {
    left: 60px;
    width: 320px;
}
.promo .btn-close {
    right: 1110px;
}
li.menuhide {
    display: block;
    visibility: visible;
    width: auto;
}
#infowrapper {
    max-width: 320px;
    padding: 5px 0 0;
}
#infoheader {
    margin: 0 21px;
    padding: 10px 2px 7px 4px;
}
#infoheader::after {
    background: url("../images/info_images/bg-infoheader-a.png") repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    height: 55px;
    width: 58px;
}
#infoheader .holder {
    background: url("../images/info_images/separator.png") no-repeat scroll 10px 100% / 100% 3px rgba(0, 0, 0, 0);
    margin: 0 16px 0 0;
    padding: 0 0 6px 5px;
}
.infologo {
    background: url("../images/info_images/logo_info.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    height: 28px;
    width: 70px;
}
#infoheader h1 {
    font: 20px/28px Georgia,Arial,Helvetica,sans-serif;
}
.flat-responsive-menu {
    padding: 3px 0 0 6px;
}
.flat-responsive-menu ul li span {
    font: 8px/22px Georgia,Arial,Helvetica,sans-serif;
}
.flat-responsive-menu ul li span.army {
    background: url("../images/info_images/bg-nav.png") no-repeat scroll 0 0 / 22px 92px rgba(0, 0, 0, 0);
    padding: 0 0 0 25px;
    width: 44px;
}
.flat-responsive-menu ul li span.naval {
    background: url("../images/info_images/bg-nav.png") no-repeat scroll 0 -34px / 22px 92px rgba(0, 0, 0, 0);
    padding: 0 0 0 25px;
    width: 86px;
    word-spacing: -1px;
}
.flat-responsive-menu ul li span.aircorp {
    background: url("../images/info_images/bg-nav.png") no-repeat scroll 0 -71px / 22px 92px rgba(0, 0, 0, 0);
    padding: 0 0 0 23px;
}
#infowrapper .slideshow .slide {
    padding: 11px 0 0;
}
.slide .img-holder {
    margin: 0 21px;
    text-align: center;
}
.slide .arrow {
    background: url("../images/info_images/arrow.png") no-repeat scroll 0 0 / 26px 38px rgba(0, 0, 0, 0);
    height: 12px;
    position: absolute;
    top: 0;
    width: 26px;
}
.slide.v1 .arrow {
    background-position: 0 0;
    left: 43px;
}
.slide.v2 .arrow {
    background-position: 0 -13px;
    left: 149px;
}
.slide.v3 .arrow {
    background-position: 0 -26px;
    left: 247px;
}
.slide-position {
    margin: 0 21px 1px;
}
.slide.v1 .slide-position {
    background: url("../images/info_images/bg-line1.png") no-repeat scroll 100% 0 / 47px 27px #33460d;
}
.slide.v2 .slide-position {
    background: url("../images/info_images/bg-line2.png") no-repeat scroll 100% 0 / 47px 27px #003a63;
}
.slide.v3 .slide-position {
    background: url("../images/info_images/bg-line3.png") no-repeat scroll 100% 0 / 47px 27px #0065a4;
}
.slide-position ul {
    padding: 3px 4px 4px;
}
.slide-position ul li {
    font: 9px/16px Georgia,Arial,Helvetica,sans-serif;
    margin: 0 0 0 12px;
}
.v3 .slide-position {
    position: relative;
    z-index: 2;
}
.v3 .slide-position ul {
    padding: 3px 0 4px;
    text-align: center;
}
.v3 .slide-position ul li {
    display: inline-block;
    font: 9px/11px Georgia,Arial,Helvetica,sans-serif;
    margin: 0 1.3%;
    vertical-align: top;
    width: 30%;
}
.slide.v3 .img-holder {
    margin: -6px 21px 0;
    position: relative;
}
.slide-position ul li:first-child {
    margin: 0;
}
.v3 .slide-position ul li:first-child {
    margin: 0 1.3%;
}
.slide-position ul li span {
    padding: 2px 8px;
    text-align: center;
}
.slide.v3 .slide-position ul li span {
    padding: 2px 4px;
}
.slide-content {
    padding: 0 0 10px;
    width: 100%;
}
.slide.v1 .slide-content, .slide.v2 .slide-content, .slide.v3 .slide-content {
    background-size: 100% auto;
}
.slide-block {
    color: #fff;
    margin: 0 15px;
    padding: 2px 4px 0 6px;
}
.slide-content h2 {
    font: 18px/24px Georgia,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0 5px;
}
.column-holder {
    background: url("../images/info_images/separator.png") no-repeat scroll 0 0 / 100% 2px rgba(0, 0, 0, 0);
    padding: 6px 4px 0;
}
.column-holder .column {
    float: none;
    font-size: 11px;
    line-height: 15px;
    margin: 0;
    width: 100%;
    word-spacing: -1px;
}
.column-holder .column .box {
    overflow: hidden;
}
.slide-content h3 {
    font-size: 10px;
    line-height: 13px;
    margin: 0 0 1px;
}
.slide-content p {
    margin: 0 0 14px;
}
.gallery-nav {
    left: 50%;
    margin: 0 0 0 -43px;
    position: absolute;
    top: 305px;
    width: 83px;
    z-index: 200;
}
.btn-prev, .btn-next {
    background: url("../images/info_images/slide-nav.png") no-repeat scroll 0 -8px / 131px 33px rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin: 8px 0 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 13px;
}
.btn-next {
    background: url("../images/info_images/slide-nav.png") no-repeat scroll -70px -8px / 131px 33px rgba(0, 0, 0, 0);
    float: right;
}
.btn-pause, .btn-play {
    background: url("../images/info_images/slide-nav.png") no-repeat scroll -97px 0 / 131px 33px rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float: left;
    height: 33px;
    margin: 0 0 0 12px;
    padding: 0;
    width: 43px;
}
.btn-pause {
    background: url("../images/info_images/slide-nav.png") no-repeat scroll -25px 0 / 131px 33px rgba(0, 0, 0, 0);
}
.slide .img-holderi img {
    padding-bottom: 10px;
}
#hundredwrapper {
    width: 100%;
}
.faq-frame {
    width: 100%;
}
.faq-frame .txt-holder .area {
    margin: auto;
    max-width: 320px;
}
.faq-frame p {
    margin: auto;
    max-width: 320px;
}
.faq-frame .txt-holder {
    margin: auto;
    max-width: 320px;
}
.txt-holder .searchboximage {
    max-width: 320px;
}
.txt-holder .searchboximage img {
    max-height: 90px;
    max-width: 320px;
}
.searchboxcontent {
    width: 320px;
}
.righttextarea {
    clear: both;
    float: left;
}
}

/* rc:background colour for search/browse pages */

.internalmpd div.w1 {
	background:none repeat scroll 0 0 #ebe8e1;
}

/* rc: banner behind logo at top of page to fill colour*/
.logowrapper {
    background: none repeat scroll 0 0 #242f16;
    height: 148px;
    position: absolute;
    top: 0;
    width: 100%;
    overflow:hidden;
}

.flat-responsive-menu {
	z-index:1000;
}