/*
  ___ ___ ___       ___               _            _ _   
 / __| __| _ ) ___ | __|___ __ _ _  _(_)_ __  __ _| | |_
| (__| _|| _ \|___|| _|(_-</ _` | || | | '  \/ _` | |  _|
 \___|_| |___/     |___/__/\__, |\_,_|_|_|_|_\__,_|_|\__|
                              |_|                                                  
    
Version: 1.0
Created: Nov 11/2013
By: joseph@codeMode.ca
_________________________________________________________	
      _     _          _   _                    _   
 __ _| |___| |__  __ _| | | |__ _ _  _ ___ _  _| |_ 
/ _` | / _ \ '_ \/ _` | | | / _` | || / _ \ || |  _|
\__, |_\___/_.__/\__,_|_| |_\__,_|\_, \___/\_,_|\__|
|___/                             |__/              
_________________________________________________________


--- SITE COLORS --->>>

Backgrounds
			page	dark grey		#0c0c0c
			content	mid grey		#191919
			footer	lite beige		#7f6d44
			footer/label	brown			#3a311f

text
					tarnished-gold			#c3a966		:hover		#dbbe74
					tarnished-gold-darker	#998451
					
misc

					Navy Green		#1c211a
					Navy Black		#100e11
					Navy Blue		#20344f
					Badge Yellow	#e8ba00
					Museum Cream	#f4f0e5
_________________________________________________________

--- Transitions --->>>

	-webkit-transition:color 500ms linear;
	-moz-transition:color 500ms linear;
	-o-transition:color 500ms linear;
	-ms-transition:color 500ms linear;
	transition:color 500ms linear;
	
*/

/*=== Temporary "Not logged in" Styles ======>>> */

/* .not-logged-in #zone-menu{
display:none;
} 

.not-logged-in #zone-postscript{
display:none;
}

.not-logged-in #region-footer-first{
display:none!important;
} */

/* === Module Resets ======>>> */

.field-label{
font-weight:normal!important;
}

/* === Omega/Alpha Resets ======>>> */

/* FIX - clearfix issues with padding at bottom of page */
.clearfix:after {
	font-size: 0;
	content: "";
}

.container-12 {

margin:0px;
}


ul.menu li {
margin: 0;
}

.form-required {
color: #c3a966;
}

#page-title { 
display: none;
}

/* === End Omega/Alpha Resets ======>>> */

body{
background: #000 url(http://www.navalandmilitarymuseum.org/sites/default/files/images/site-graphics/backgrounds/navy-suit-pattern-1b.jpg) repeat;
font-family: 'arial-regular',sans-serif;
font-size:15px;
color:#ddd;
}

#page{
/* width:auto; */
margin: 0px auto;
/* padding: 0px 10px; */
}

strong{
font-family: 'arial-bold',sans-serif;
font-weight:normal;
}

h1,h2,h3,h4,h5{
font-family: 'arial-bold',sans-serif;
font-weight:400;
color:#998451;
margin:10px 0px;
}

h1{
font-size:24px;
}

h2{
font-size:20px;
}

h3{
line-height: 1.6em;
}

p{
line-height: 130%;
margin-bottom:15px;
}

ol {
clear:both;
margin-bottom:50px;
}

ol li{
list-style: decimal;
list-style-position: inside;
}

ul {
display: inline-block; 
list-style: disc;
list-style-position:inside;
}

.front .fpTop ul {
display: block;
}

li {
margin-bottom:15px;
}

a:visited {
color:#c3a966;
}

a:link{
color:#c3a966;
text-decoration:none;  
}

a:hover{

	-webkit-transition:color 300ms linear;
	-moz-transition:color 300ms linear;
	-o-transition:color 300ms linear;
	-ms-transition:color 300ms linear;
	transition:color 300ms linear;

color:#eee/* !important */;
}

/*----------------------------------------------------------------------------------->>>         
| |_  ___ __ _ __| |___ _ _ 
| ' \/ -_) _` / _` / -_) '_|--------------------------------------------------------->>>
|_||_\___\__,_\__,_\___|_|                              
------------------------------------------------------------------------------------->>>*/


/* --- Header Layout --->>> */

#section-header{
/* background: url(http://www.navalandmilitarymuseum.org/sites/default/files/images/site-graphics/backgrounds/mobile.png) no-repeat;
background-size: 21%; */
margin: 0px 10px;
}

#zone-header {
width: auto;
max-width: 1160px;
height: 53px;
margin-top: 45px;
padding: 0px 10px;
}

/* === Header 1st ======>>> */

#region-header-first {
width:100%;
}

.cfbLogoBlock {
max-width: 500px;
margin: 0px auto;
}

.cfbLogoBlock p {
position: relative;
margin-bottom: 5px;
}

.cfbLogoBlock img {
position: relative;
bottom: -5px;
width: 100%!important;
max-width: 530px;
height: auto!important;
}

/* === Header 2nd ======>>> */

#region-header-second {
float:left;
clear:left;
width:100%;
margin:0px;
}

/* --- CFB Slogan --->>> */

.cfbSlogan {
}

.cfbSlogan p{
font-family: 'arial-bold-italic',sans-serif;
font-size: 12px;
text-align:center;
}

/*----------------------------------------------------------------------------------->>>                   
 _ __  ___ _ _ _  _ ___
| '  \/ -_) ' \ || (_-<-------------------------------------------------------------->>>
|_|_|_\___|_||_\_,_/__/
------------------------------------------------------------------------------------->>>*/

/* === Menu Layout ======>>> */

#zone-menu-wrapper {
margin-top: 15px;
}

#zone-menu {
position: relative;
width: 100%;
height: 20px;
border-top: 2px solid #c3a966;
border-bottom: 2px solid #c3a966;
box-shadow: 0px 1px 1px #111;
}

#region-menu-first, #region-menu-second {
display: inline-block;
min-width: 50%;
margin: 0px;
}

.frontpage 



/*================================================>>>
=== Superfish Menus ==============================>>>	
==================================================>>>*/

#region-menu ul.sf-menu li {
margin: 0px;

}

/* === First Level ul Global Classes ======>>> */

ul.sf-menu li a{
color:#ddd;
white-space: nowrap;
}

/* === Second Level ul Global Classes ======>>> */

.mainMenu ul li.sf-depth-1 ul {  
background: #191919;
border: 1px solid #c3a966;
border-radius: 0px 0px 10px 10px;
width: auto!important;
min-width: 8em;
margin-top:-17px;
padding: 10px 15px 5px 10px;
}

.mainMenu a.sf-depth-1 {
font-size: 13px;
}

.mainMenu ul li.first ul {
margin-top: -5px;
}

/* #zone-menu li.sf-depth-2{
margin-right:10px;
margin-bottom: 10px;
} */

/* #zone-menu li.sf-depth-2.last{
margin-bottom:15px;
} */

/* ==============================================================>>>
=== Superfish Test - MEGAMENU ===================================>>>
=================================================================>>> */

/* --- Articles Menu Item --->>> */
#menu-869-2 ul.sf-megamenu {
width: 20em!important;
}

.sf-megamenu-wrapper {
margin: 0px!important;
}

/* .sf-megamenu-column {

display: inline-block;
} */

li.sf-megamenu-column {
/* float:left; */
width: auto!important;
}

li.sf-megamenu-column.first{
margin: 0px 30px 0px 0px;
}

.sf-megamenu-column a.menuparent {
display: none;
}

.sf-megamenu a:hover {
color: #c3a966	!important;
}

li.sf-depth-3 {
float: none;
width: auto!important;
/* margin-bottom: 5px!important; */
}

a.sf-depth-3 {
display: inline-block;
}




/* --- mainMenu Menus (Top Menus) --->>> */

.mainMenu a.sf-depth-2 {
font-size: 13px;
white-space: nowrap;
}

.mainMenu a.sf-depth-1 {
padding: 2px 8px;
}

/* --- mainMenu Combined Menu Classes --->>> */

.mainMenu ul li ul li {
margin-bottom: 5px;
}

.mainMenu li.sf-depth-1 {
margin: 0px 6px;
padding: 2px 0px;
}

.mainMenu li.first.sf-depth-1 {
margin: -12px 0px 0px 0px;
padding:0px 0px;
}

.mainMenu .first a.sf-depth-1 {
background: #191919 url(http://www.navalandmilitarymuseum.org/sites/default/files/images/site-graphics/backgrounds/navy-suit-pattern-1b.jpg) repeat;
border: 2px solid #c3a966;
box-shadow: 0px 1px 1px #333;
font-family: 'arial-bold',sans-serif;
font-size: 18px;
padding: 10px;
}

.mainMenu a.sf-depth-2:hover{
color:#c3a966!important;
}

.topLeftMenu .first a.sf-depth-1 {
border-left: 0px;
border-radius: 0px 10px 10px 0px;
}

.topRightMenu  .first a.sf-depth-1{
border-right: 0px;
border-radius: 10px 0px 0px 10px;
}

#block-superfish-1, #block-superfish-3{
float:left;
}

/*=========================================>>>
=== Museum Logo Block =====================>>>
===========================================>>>*/

.museumLogoBlock{
position: absolute;
top: -27px;
right: -60px;
z-index: 1;
}

.museumLogoBlock img {
width: 73px!important;
height: auto!important;
}

/*=========================================>>>
=== Top Right Menu ========================>>>
===========================================>>>*/

#region-menu-second {
float: right;
}

/* ---- Superfish-2 & 4 - Right Menus ---->>> */

#block-superfish-2, #block-superfish-4{
float:right;
}

/* --- Superfish-4 Top Right Secondary --->>> */

#superfish-2 > li.sf-depth-1{
float:right;
}

/* --- Superfish-4 Top Right Primary (ARCHIVES) --->>> */

.topRightPrimary {
border-right: none;
border-radius: 8px 0px 0px 8px;
}

/*=========================================>>>
=== SF=Smallscreen Menu (420px query)======>>>
===========================================>>>*/

.sf-smallscreen select {
position: relative;
left: 10px;
background: transparent;
border: none;
color: #ddd;
}

.sf-smallscreen option {
background:#191919;
color:#ddd;
}

/*=========================================>>>
=== Sub-Navigation Menus ==================>>>
===========================================>>>*/

.view-subMenu .views-row {
margin-bottom: 5px;
}

.view-subMenu a {
font-size: 13px;
}

.view-subMenu a:hover,
#block-block-15 a:hover,
#block-block-17 a:hover,
#block-block-18 a:hover{
color:#555!important;
}

.block-subMenu .block-title,
#region-sidebar-second .block-title {
font-size: 14px;
color:#555;
margin-left: -10px;
}

/*----------------------------------------------------------------------------------->>>
               __             
 _ __ _ _ ___ / _|__ _ __ ___ 
| '_ \ '_/ -_)  _/ _` / _/ -_) ------------------------------------------------------>>>
| .__/_| \___|_| \__,_\__\___|
|_|                           
------------------------------------------------------------------------------------->>>*/

#region-preface-first {
width:100%;
margin:0px;
}

.view-submenu .views-row {
font-size: 13px;
margin:0px 0px 6px 6px;
}

/*----------------------------------------------------------------------------------->>>
 __ ___ _ _| |_ ___ _ _| |_ 
/ _/ _ \ ' \  _/ -_) ' \  _|--------------------------------------------------------->>>
\__\___/_||_\__\___|_||_\__|                                                
------------------------------------------------------------------------------------->>>*/

/* === Content Layout ======>>> */

#section-content {
background: #191919;
width: auto;
margin: 0px 10px;
padding: 50px 0px 0px 0px; 
}

#zone-content {
width: auto;
padding: 20px 20px 40px 20px;
}



#region-content,
#region-content p{
margin: 0px 0px 20px 0px;
min-width: 75%;
width: auto;
}

/*
 #region-content li {
text-indent: -1em;
line-height:150%;
} */

/* #region-content strong {
color: #fff;
} */

/*========================================>>>
=== Front Page Specific ==================>>>
==========================================>>>*/

/* === Front Page Layout ======>>> */

.front .ds-2col .group-left {
display:none;
}

.front .ds-2col .group-right {
width:auto;
max-width: 1140px;
}

.front #section-content {
padding:0px;
}

.front #region-content {
width: 100%!important;
}

.front #region-content li {
text-indent: 0em;
}

.front #region-sidebar-second {
display:none;
}

/* === Front Page Content ======>>> */

.front .field-name-title{
display:none;
}

/* --- Top Paragraph --->>> */

.fpTop h1 {
clear: left;
float: left;
font-size:17px;
}

h1.welcomeH1 {
margin-bottom: 5px;
}

h1.cfbH1 {
clear: left;
font-size: 25px;
margin:0px;
}

h1.navalH1 {
margin: 5px 0px 0px;
}

.fpTop .pFirst {
clear: left;
}

.fpImgLeft {
display:none;
background: #ddd;
border-radius: 2px;
box-shadow: 3px 3px 2px #000;
width: 23%!important;
max-width: 200px;
height: auto!important;
margin: 10px 10px 10px 0px; 
padding: 5px;
}

.fpImgRight {
display:none;
float: right;
width: 100%!important;
max-width: 200px;
height: auto!important;
margin: 0px 0px 0px 15px;
}

.fpImgRight img {
width: 100%!important;
max-width: 250px;
height: auto!important;
}

/* .fpTop p,.fpTop li,.fpBottom p,.fpBottom li {
font-size: 13px;
} */

.front h1#page-title.title {
float: left;
font-size: 16px;
color: #c3a966;
margin: 20px 0px 0px -10px;
}

#node-page-3 .field-name-back- {
display: none;
}

/* --- Bottom Paragraph --->>> */



/* --- Brown Image Labels --->>> */
  
.labelBrown1, .labelBrown2{
display:none;
position: relative;
width: 500px;
min-height: 60px;
margin: 35px 0px 25px;
padding: 2px 0px 5px 7px;
}

.labelBrown p, .labelBrown1 p{
word-spacing: -1px;
}

.labelDate1, .labelDate2{
font-size: 32px;
font-weight: 700;
color:#000;
}

.labelText1, .labelText2{
position: absolute;
z-index: 1;
font-size: 11.5px;
word-spacing: -1px;
line-height: 18px;
text-align: justify;
max-width: 350px;
}

/* --- Label Brown - Helmet label --->>> */

.labelBrown1 {
background: url(http://www.navalandmilitarymuseum.org/sites/default/files/images/site-graphics/backgrounds/label-arrow-brown-bg.png) no-repeat;
background-size: 100% 100%;
width: 500px;
margin-left: 5%;
}

.labelText1 {
left:90px;
border-left: 5px solid #51452c;
margin: 0px 50px 0px 0px;
padding: 0px 0px 0px 10px;
}

.labelDate1 {
position: absolute;
left: 5px;
top: 10px;
}

/* --- Label Brown 2 - Range Finder label --->>> */

.labelBrown2 {
background: url(http://www.navalandmilitarymuseum.org/sites/default/files/images/site-graphics/backgrounds/label-arrow-brown-left.png) no-repeat;
background-size: 100% 100%;
}

.labelText2 {
border-right: 5px solid #51452c;
margin: 0px 90px 0px 50px;
padding: 0px 10px 0px 0px;
}

.labelDate2 {
float: right;
margin-top: 10px;
margin-right: 5px;
}

/* === Front Page Postscript ======>>> */

/* .front #zone-postscript-wrapper {
display:none;
} */

.front #region-postscript-first {
display: block;
}

/* === Front Page Footer ======>>> */



/*========================================>>>
=== Visitors Page ========================>>>
==========================================>>>*/

#node-page-4 .field-name-back- {
display: none;
}

/*========================================>>>
=== How To Find Us Page ==================>>>
==========================================>>>*/

.captioned.gMap {
width: 100%!important;
max-width:360px;
height: 250px!important;
margin-right: 10px;
}

.page-node-19 .gMap {
	padding-bottom: 64px;
}

/*========================================>>>
=== Archives Page ========================>>>
==========================================>>>*/

.page-node-10 .group-left {
display: none;
}

/*========================================>>>
=== Site-Notes Page ========================>>>
==========================================>>>*/

.node-type-site-notes #section-footer {
display: none;
}

/* --- Site Notes Accordion --->>> */

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #ddd;
}

.view-id-site_notes .ui-accordion-header.ui-state-default {
/* width: 25%; */
background: transparent;

}

.view-id-site_notes .ui-accordion-header.ui-state-active {
background:transparent;
width: auto;
}

.ui-accordion-content p,
.ui-accordion-content li{
font-size:15px;
}

/*========================================>>>
=== What's New Page ========================>>>
==========================================>>>*/

.page-node-369 .view-whats-new .views-field-title {
	text-transform: uppercase;
	color: #998451;
	font-weight: bold;
	font-size: 16px;
	margin-top: 25px;
	margin-bottom: 20px;
}

.page-node-369 .view-whats-new .views-row {
	clear: both;
}

.page-node-369 .view-whats-new .views-row img {
    margin-right: 15px;
    margin-bottom: 20px;
    box-shadow: none;
}

.page-node-369 .view-whats-new .views-field-title {
	float: left
}

.page-node-369 .views-field-edit-node {
	float: right;
	padding-top: 8px;
}

.page-node-369 .views-field-body {
	clear: both;
}

.page-archives-whats-new-not-published #page-title {
	display: block;
	color: #998451;
}

/*----------------------------------------------------------------------------------->>>
    _    _     _                   __ _        _   
 __(_)__| |___| |__  __ _ _ _ ___ / _(_)_ _ __| |_ 
(_-< / _` / -_) '_ \/ _` | '_|___|  _| | '_(_-<  _|---------------------------------->>>
/__/_\__,_\___|_.__/\__,_|_|     |_| |_|_| /__/\__|                                                   
------------------------------------------------------------------------------------->>>*/

#region-sidebar-first {
display:none;
/* margin: 0px 20px 0px 0px; */
padding: 30px 0px;
}


/*----------------------------------------------------------------------------------->>>
    _    _     _                                         _ 
 __(_)__| |___| |__  __ _ _ _ ___ ___ ___ __ ___ _ _  __| |
(_-< / _` / -_) '_ \/ _` | '_|___(_-</ -_) _/ _ \ ' \/ _` |-------------------------->>>
/__/_\__,_\___|_.__/\__,_|_|     /__/\___\__\___/_||_\__,_|
------------------------------------------------------------------------------------->>>*/

#region-sidebar-second {
border-radius: 5px;
text-align:center;
min-height: 150px;
margin: 0px;
}

.shipplans, 
.shipplans a {
	color: #555;
    margin-left: 0;
    padding: 0;
    text-align: center;
	text-decoration: underline;
}


/*----------------------------------------------------------------------------------->>>
              _              _      _      
 _ __  ___ __| |_ ___ __ _ _(_)_ __| |_ 
| '_ \/ _ (_-<  _(_-</ _| '_| | '_ \  _|------------------------------------------>>>
| .__/\___/__/\__/__/\__|_| |_| .__/\__/
|_|                           |_|      
------------------------------------------------------------------------------------->>>*/

#zone-postscript-wrapper {
border-bottom: 1px solid #c3a966;
padding: 5px 0px;
}

#zone-postscript {
display: none;
width: auto;
}

#zone-postscript .region {
margin: 0px;
text-align: center;
}

#region-postscript-first {
text-align: center;
width: 100%;
}
/* --- Postscript Menus 

.front #region-postscript-first {
display:none;
}

 Postscript Menus --->>> */
 
#region-postscript-second{
width:50%;
}

#region-postscript-third{
float: right;
width:50%
}

/* --- Postscript Menus --->>> */

.menuBlock {
display: inline-block;
}

.menuBlock ul.menu{
display: inline-block;
margin: 0px; 
}

.menuBlock li.leaf{
float:left;
margin: 0px 4px;
padding:0px;
}

.menuBlock a{
font-size:11px;
color:#c3a966;
border-bottom:0px solid transparent;

	-webkit-transition:color 500ms linear, border-color 300ms linear;
	-moz-transition:color 500ms linear, border-color 300ms linear;
	-o-transition:color 500ms linear, border-color 300ms linear;
	-ms-transition:color 500ms linear, border-color 300ms linear;
	transition:color 500ms linear, border-color 300ms linear;

}

.menuBlock a:hover {
color: #ddd;
border-bottom:1px solid #ccc;
}

/* --- Museum Menu Block --- */

.museumMenuBlock{
/* float: right; */
/* text-align:right; */
/* margin-right: 10px; */
}

.museumMenuBlock li a.active {
	color: #c3a966;
	text-decoration: underline;
}

.museumMenuBlock li.first a {
font-size: 12px;
}

/* --- Archives Menu Block --- */

.archivesMenuBlock{
margin-left: 10px;
}

.archivesMenuBlock li.last a {
font-size: 12px;
}


/*----------------------------------------------------------------------------------->>>
 / _|___  ___| |_ ___ _ _ 
|  _/ _ \/ _ \  _/ -_) '_|----fixed to bottom of page-------------------------------->>>
|_| \___/\___/\__\___|_|  
------------------------------------------------------------------------------------->>>*/

/* === Footer Layout ===>>> */

#section-footer {
margin: 0px 10px;
}

#zone-footer-wrapper {
background:#7f6d44;
}

#zone-footer {
position: relative;
background: #3a311f;
width: auto;
padding: 30px 10px 0px;
}

/*========================================>>>
=== Footer First =========================>>>
==========================================>>>*/

#region-footer-first{
display:none;
/* position: absolute;
bottom: 20px;
left: 0px; */
float: left;
width: 33%;
min-height: 290px;
margin:0px;
}

.whatsNewAlerts-block {
  position: relative;
  z-index: 10;
  margin-top: 40px;
/*  padding: 10px 20px 15px;*/
  float: right;
  max-width: 175px;
}

.whatsNewAlerts-block .block-title {
  float: right;
  padding-bottom: 20px;
}

.whatsNewAlerts-view .views-row {
  margin-bottom: 10px;
  float: right;
  text-align: right;
}

.whatsNewAlerts-view .views-row .views-field a {
  color: #998451;
}

.whatsNewAlerts-view .views-row .views-field a:hover {
  color: #eee;
}


.whatsNewAlerts-block a {
  color: #111;
}

.rangeFinder {
  position: absolute;
  bottom: -35px;
  left: -10px;
  width: 80%;
  max-width: 275px;
}

.rangeFinder p {
margin: 0px;
}

.rangeFinder img {
width: 100%;
height: auto;
/* max-width: 220px; */
}

/*========================================>>>
=== Footer Second ========================>>>
==========================================>>>*/

#region-footer-second {
/* text-align: center; */
width: 100%;
margin: 0px;
/* padding-top: 20px; */
}

/* --- disabled --- 
.museumArrow {
position: absolute;
top: -10px;
right: -25px;
width: 70%!important;
max-width: 200px;
height: auto!important;
}*/

/* --- Museum Map --->>> */

#section-footer .museumMap {
  float: none!important;
  max-width: 300px;
  margin: 0px auto 20px;
  display: inline-block;
}

.museumMap {
width: auto!important;
max-width: 300px;
margin: 0px auto;
}

.museumMapBlock {
margin: 0px auto;
}

.museumMapBlock p {
  text-align: center;
}

/* --- Webform - Contact us --->>> */


.page-node-79 #webform-client-form-79 {
margin: 0 auto 0 30px;
}

.block-webform-client-block-79 .block-title{
	padding-left:40px;
}

#zone-footer #webform-client-form-79{
max-width: 300px;
margin: 0px auto;
}

.contactUs {
margin: 0px auto;
}

.contactUs input {
font-size:70%;
}

.block-block-21 a {
	float: right;
	margin-top: -35px;
	padding-bottom: 20px;
	padding-right: 60px;

}

/* --- Facebook LikeBox --->>> */

.likeBox {
float: right;
clear: left;
}

/*========================================>>>
=== Footer Third =========================>>>
==========================================>>>*/

#region-footer-third {
float: left;
clear: left;
text-align: center;
width: 100%!important;
margin: 0px;
}

.footerFooter p {
background: #191919;
border: 1px solid #111;
border-radius: 10px 10px 0px 0px;
font-size: 10.5px;
letter-spacing: .5px;
padding: 2px 0px 3px;
margin: 0px 20px;
}

/*==================================================================================>>>
             _    _                  _        _        
 __ _ _ _ __| |_ (_)_ _____ ___   __| |_ _  _| |___ ___
/ _` | '_/ _| ' \| \ V / -_|_-<  (_-<  _| || | / -_|_-< ============================>>>
\__,_|_| \__|_||_|_|\_/\___/__/  /__/\__|\_, |_\___/__/
                                         |__/
Specific to the ARCHIVES section of the site - (white background)
====================================================================================>>>*/

 body.context-archives{
background: #000 url(http://www.navalandmilitarymuseum.org/sites/default/files/images/site-graphics/backgrounds/navy-suit-pattern-kak.jpg) repeat;
color: #555;
}

/* ---Archives Menus --->>> */

.context-archives a.sf-depth-2, .context-archives a.sf-depth-3 {
color: #555;
}

.context-archives .mainMenu .first a.sf-depth-1 {
background: #191919 url(http://www.navalandmilitarymuseum.org/sites/default/files/images/site-graphics/backgrounds/navy-suit-pattern-kak.jpg) repeat;
}

.context-archives .mainMenu ul li.sf-depth-1 ul {
background:#f0f0f0;
box-shadow: 1px 1px 1px #333;
}

.context-archives .mainMenu a.sf-depth-2 {
color:#555;
}

.context-archives .menuBlock a{
color:#726331;
}

.context-archives .menuBlock a:hover{
color:#c3a966!important;
}

/* --- Archives Content --->>> */

.context-archives #section-content {
background: #F3EFE4;
box-shadow: 5px 0px 13px #000
}

.context-archives .cfbSlogan p {
color: #ddd;
}
.context-archives .altTitle{
color:#333;
}

.context-archives .altBody a:hover,
.view-whats-new a:hover,
.block-block-20 a:hover {
color: #333!important;
}

.context-archives #zone-postscript  li a.active {
color: #555;
border-bottom: 1px solid #ccc;
}

.context-archives .altBody img {
box-shadow: 0px 0px 3px #888;
}

/* --- Archives Footer --->>> */

.context-archives #section-footer {
box-shadow: 5px 5px 13px #000;
}

.context-archives .contactUs label {
color: #ddd;
}

/* --- Archives Factoids --->>> */

.context-archives .altFactoidGroup {
color: #ddd;
}

/*--------------------------------------------------------->>>
 __ ___ _ _| |_ ___ _ _| |_ ___| |_ _  _ _ __  ___ ___
/ _/ _ \ ' \  _/ -_) ' \  _|___|  _| || | '_ \/ -_|_-<----->>>
\__\___/_||_\__\___|_||_\__|    \__|\_, | .__/\___/__/
                                    |__/|_|           
----------------------------------------------------------->>>/*

/* === Content-Type Classes ===>>> */

/* --- Basic Page --->>> */

/* --- Introduction Page --->>> */

/* --- Image Gallery Page --->>> */

.galleryFC .field-item {
float: left;
}

.field-collection-item-field-image-with-caption {
background: #666;
border-radius: 5px;
min-height: 290px;
margin: 0px 30px 25px 0px;
padding: 5px 5px;
}

.galleryImage .field-item {
float: none;
}

.galleryImage {
margin: 0px 0px 5px 0px;
}

.galleryImage img{
border-radius: 3px;;
}

.galleryCaption {
font-size: 12.5px;
color: #ddd;
width: 175px;
margin-left: 5px;
}

/* --- PCMR Companies --->>> */

.pcmrCompanies {
background:#F3EFE4;
border-bottom: 1px solid;
font-size:13px;
width: 485px;
margin: 0px auto;
}

.pcmrCompanies > .field-items > .field-item {
border: 1px solid;
border-bottom: none;
}

.field-collection-item-field-pcmr-companies .field {
float: left;
text-align: center;
width: 130px;
min-height: 90px;
padding: 5px 15px;
}

.pcmrArea {
border-left: 1px solid;
border-right: 1px solid;
}

/*========================================>>>
=== Factoids =======================>>>
==========================================>>>*/

/* --- Field Styles --->>> */

.factoidFieldGroup legend {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px inset #999999;
	width: 350px;
    margin-bottom: 15px;
    padding:5px;
}

/* --- Default Display --->>> */

.altFactoid {
	margin-bottom: 20px;
}

.altFactoidGroup {
background: #3a311f;
border-radius: 5px;
box-shadow: 2px 2px 5px #333;
min-width: 250px;
padding-top: 15px;
}

#node_page_full_group_page_factiod_title {
	min-width: 250px;
}

.factoid1Title, .factoid2Title {
position: relative;
left: -10px;
font-family: 'arial-bold',sans-serif; 
font-size: 12px;
font-weight: normal;
width: 120%;
min-height: 50px;
margin-bottom: 15px;
}

.factoid1Title {
background: url(/sites/default/files/images/site-graphics/factoid-backgrounds/badge-navy-600x78px.png) no-repeat top right !important;
background-size: auto 100% !important; 
}

.factoid2Title {
background: url(/sites/default/files/images/site-graphics/factoid-backgrounds/badge-air-force-600x78px.png) no-repeat top right !important;
background-size: auto 100% !important;
}

.factoid1Title .field-item, .factoid2Title .field-item {
border-radius: 5px 0px 5px 5px;
width: 55%;
min-width: 105px;
padding: 5px 0px 5px 5px;
}

.factoid1Title p, .factoid2Title p {
line-height: 1.4em;
letter-spacing: 0.1px;
margin: 0px 43px 0px 0px;
padding: 5px 0px 8px 5px;
}

.altFactoid {
padding-bottom: 5px;
}


.altFactoid .captioned,
.altFactoid .captionedcenterimage {
max-width: 90%!important;
}

.altFactoid img {
display: block;
margin-left: auto !important;
margin-right: auto !important;
}

.altFactoid p {
font-size:11.5px;
line-height: 150%;
margin-bottom: 10px;
padding: 0px 7px;
}

.altFactoid .more-link {
display: block;
color: #c3a966;
margin: 7px 5px -7px 0px;
}

.altFactoid .captioned,
.altFactoid .captionedcenterimage {
margin: 0px auto;
}

/*========================================>>>
=== Site Notes ===========================>>>
==========================================>>>*/

.siteNotesBody h2{
background:#444;
width: 50%;
padding:10px 10px 5px;
}

.siteNotesBody h3 {
margin-left: 20px;
}

/*--------------------------------------------------------->>>
__ _(_)_____ __ _____
\ V / / -_) V  V (_-< ------------------------------------->>>
 \_/|_\___|\_/\_//__/
----------------------------------------------------------->>>*/

/*==============================================>>>
==== Views Block Menus =========================>>>
================================================>>> */

/* === Global Group Menu Classes ===>>> */

.groupMenu {
font-size: 14px;
text-align: center;
}

/* === Article Group Menu Block ======>>> */

.groupMenu .views-row {
display: inline-block;
margin: 0px 40px 0px 0px;
}

.groupMenu .views-row-last {
margin-right: 0px;
}

/* === Sub-Menu Views Blocks ======>>> */

.subMenuBlock h2 {
font-size: 13px;
color: #ddd;
margin: 0px 0px 10px;
}

.subMenuBlock .views-row {
margin-bottom: 2px;
}

.subMenuBlock .views-field-title a{
font-size:13px;
color: #666;
}

.subMenuBlock .views-field-title a.active {
color: #c3a966;
text-decoration: underline;
}

/*=============================================>>>
==== Views Accordions =========================>>>
===============================================>>> */

.ui-accordion .views-field-body {
position: relative;
}

.ui-accordion .views-field-body .more-link {
position: relative;
bottom: -10px;
right: -60px;
}



/*==== HMCS Galiano - Losses =================>>> */

.articleAccordion {
display:none;
float: right;
text-align: center;
width: 68%;
margin-top: 40px;
}

/*=============================================>>>
==== Views Image Galleries ====================>>>
===============================================>>> */

.view-pcmrGallery li {
float: left;
text-indent: 0em;
margin: 0px!important;
}


/*================================================>>>
=== Christening Bell Project =====================>>>	
==================================================>>>*/

.context-christening-bell #section-content {
    background: none repeat scroll 0 0 #f3efe4;
    box-shadow: 5px 0 13px #000;
}

.context-christening-bell #page-title {
    display: block;
    color: #333333;
    margin: 0;
    padding-bottom: 25px;
}

.context-christening-bell .views-label {
    float: left;
    padding-right: 20px;
}

.context-christening-bell  .description {
	padding-top: 10px;
}

.context-christening-bell  .views-exposed-form label{
	color: #333333;
    padding-bottom: 25px;
}

.context-christening-bell #edit-keys {
	width: 100%;
	padding-bottom: 10px;
}

.context-christening-bell .ui-accordion-icons .ui-accordion-header a {
    background: none repeat scroll 0 0 #3a311f;
	color: #c3a966;
	font-size: 14px;
    padding-left: 2.2em;
    text-transform: uppercase;
}

.context-christening-bell .ui-accordion-icons .ui-accordion-header a:hover{
    color: #eee !important;
}

.context-christening-bell .views-field .views-field-field-bell-surname {
    text-transform: uppercase;
}

.page-christening-bell th {
	background-color: #c3a966;
	font-size: 14px;
	font-weight: bold;
}

.page-christening-bell .view-content .views-field {
	font-size: 12px;
}

.ui-accordion-header .floatright {
	float: right;
}



/*--------------------------------------------------------->>>
    _ _         _                     _ _       
 __| (_)____ __| |__ _ _  _   ____  _(_) |_ ___ 
/ _` | (_-< '_ \ / _` | || | (_-< || | |  _/ -_) ---------->>>
\__,_|_/__/ .__/_\__,_|\_, | /__/\_,_|_|\__\___|
          |_|          |__/                     
----------------------------------------------------------->>>*/	

/* === DS Global Classes ======>>> */

.ds-2col ul {
list-style-position: inside;
} 

.ds-2col li, .ds-2col li  {
margin-bottom: 6px;
}

/* === DS-1-Column ======>>> */

.ds-1col.node-teaser {
float: left;
width: 220px;
margin: 0px 10px;
padding: 5px;
}

.ds-1col.node-teaser p{
clear: left;
font-size:13px;
}

.ds-1col.node-teaser .captioned,
.ds-1col.node-teaser .captionedcenterimage{
float:none!important;
background:transparent;
margin:0px auto;
}

.ds-1col.node-teaser .captioned p,
.ds-1col.node-teaser .captionedcenterimage p{
display:none;
}

.ds-1col.node-teaser img {
float:none!important;
width: 200px!important;
height:auto!important;
}

/* === Display Suite - 2 Column Fluid ======>>>	 */

.ds-2col-fluid .group-left {
max-width: 250px;
}

.ds-2col-fluid .group-right {
width: 100%;
}

/* === Display Suite Fields ======>>> */

.altTitle{
font-size:24px;
margin:0px 0px 20px 0px;
}

.altBody img[style*="float:left;"] {
margin-right: 15px;
}

.altBody img[style*="float: left;"] { /* --- note the additional space before "left" - two default classes being applied! --- */
margin-right: 15px;
}

.altBody img[style*="float:right;"] { 
margin-left: 15px;
}

.altBody img[style*="float: right;"] { /* --- note the additional space before "right" - two default classes being applied! --- */
margin-left: 15px;
}

/* - Back button -> */
.field.field-name-back- { 
float: right;
background: #ddd;
border-radius: 2px;
margin-right: 25px;
margin-top: 20px;
padding: 2px 20px;
}

.field.field-name-back- p {
font-family:'arial-bold-italic',sans-serif;
margin-bottom:0px;
}

.field.field-name-back- a {
color:#333;
}

/*--------------------------------------------------------->>>
        _    _          _      
__ __ _(_)__| |__ _ ___| |_ ___
\ V  V / / _` / _` / -_)  _(_-< --------------------------->>>
 \_/\_/|_\__,_\__, \___|\__/__/
              |___/            
----------------------------------------------------------->>>*/	

/* === gMaps - Google Maps ======>>> */

.map_buffer {
	height:350px!important;
}

.gMaps p {
text-align: center;
width: 350px;
}

.gMaps a{
float: left;
text-align:center;
clear:left;
}

/*--------------------------------------------------------->>>
 _ __  ___  __| |_  _| |___ ___
| '  \/ _ \/ _` | || | / -_|_-< --------------------------->>>
|_|_|_\___/\__,_|\_,_|_\___/__/
----------------------------------------------------------->>>*/

/* === Colorbox ======>>> */

#cboxTitle {
position: absolute;
background: rgba(255, 255, 255, 0.9);
}

/*--------------------------------------------------------->>>
 ____ _____ _ _ _ _(_)__| |___ ___
/ _ \ V / -_) '_| '_| / _` / -_|_-< ----------------------->>>
\___/\_/\___|_| |_| |_\__,_\___/__/
----------------------------------------------------------->>>*/

/*====================================>>>
=== Administration Overrides =========>>>
======================================>>>*/

/* --- Admin Module --->>> */

div#admin-toolbar.vertical {
top:29px;
}

.page-user div#admin-toolbar.vertical {
top: 0px;
}

.page-node-add #section-content {
background:#eee;
color:#333;
}

.page-node-add .form-required{
color:#900;
}

.view-id-admin_edits th {
color: #ddd;
padding: 2px 19px 5px;
}

.view-id-admin_edits td.views-field-field-article-selector-list,
.view-id-admin_edits td.views-field-field-project-selector-list,
.view-id-admin_edits td.views-field-type,
.view-id-admin_edits td.views-field-title,
.view-id-admin_edits td.views-field-edit-node{
color:#333;
padding: 4px 20px; 
}

.admin-blocks-2 a:hover {
    color: #333333 !important;
}

.view-id-admin_edits .views-field-title a {
color: #99773a;
}

.view-id-admin_edits .views-field-edit-node a {
color: #99773a;
}

.page-admin #section-footer{
display:none; 
}

/* --- Administration --->>> */

.tao.admin-menu #page #content{
background: #333!important;
}

#admin-menu-account {
float: right;
}

#admin-menu-users {
float: right;
}

.page-admin table tr.even, .page-admin table tr.even td {
background: #bbb;
}

.admin-menu .title {
color: #fff;
margin: 40px 0px 0px 25%;
padding: 10px 10px 5px;
}

ul.tabs.primary {
display: none;
z-index: 520;
background: #999;
border: 2px solid #39301e;
border-radius: 10px 10px 0px 0px;
margin: 30px 0px 10px;
padding-top: 10px;
}

ul.primary li a {
background-color: #3a311f;
border: none;
border-radius:5px 5px 0px 0px;
color: #7f6d44;

	-webkit-transition:background-color 200ms linear;
	-moz-transition:background-color 200ms linear;
	-o-transition:background-color 200ms linear;
	-ms-transition:background-color 200ms linear;
	transition:background-color 200ms linear;

}

ul.primary li a:hover {
background-color: #eee;
border-color: #ccc;
border-bottom-color: #eee;
}

ul.primary li.active a {
font-size: 17px;
color: #333;
font-weight: 700;
padding: 3px 15px 0px;
}

.admin-menu .field-label-above .field-label {
margin-top: 20px;
}

.field-type-taxonomy-term-reference a:after {
content: ",";
color: #bbb;
}
.field-type-taxonomy-term-reference .field-item a {
float: left;
margin: .1em .50em;
color: #666;
}

#field-ui-display-overview-form {
background: #57B;
}

.page-user-75 #region-sidebar-first{
    display: none;
}

.profile dt {
font-weight: normal;
}

/*====================================>>>
=== Core Overrides ===================>>>
======================================>>>*/
.page-node-edit .column-main {
float: left;
width: 75%;
}

/* node post dates */
.submitted {
background: #666;
margin-bottom: 20px;
padding: 10px 10px 5px;
}

.node-unpublished {
background-color: #333; 
}

/*==============================>>>
=== Views Admin Overrides ======>>>
================================>>>*/

.views-admin input.form-text{
width: 75%;
}

/*--------------------------------------------------------->>>
 _ __ (_)___ __   __| |__ _ ______ ___ ___
| '  \| (_-</ _| / _| / _` (_-<_-</ -_|_-<----------------->>>
|_|_|_|_/__/\__| \__|_\__,_/__/__/\___/__/
----------------------------------------------------------->>>*/  


.temp-hide{
	display:none;
}

/* === Miscellaneous Classes ======>>> */

.floatRight{
float:right;
}

.clearBoth{
clear:both;
}

blockquote {
background: #e1e1e1 url(/~navaland/sites/default/files/images/site-graphics/utility-images/quotes-gold-1a.png) no-repeat 4px 4px;
background-size: auto 50px;
border-radius: 8px;
box-shadow: 2px 2px 3px #888;
width: 75%;
margin: 0px auto 20px;
padding: 20px 15px 20px 65px;
}

blockquote  p{
margin:0px;
}

.document {
clear: both;
border: 1px solid #ccc;
border-radius: 5px;
box-shadow: 1px 1px 1px #333;
width: 75%;
padding: 20px 10px;
margin: 40px auto 20px;
}


/* --- Contributor --->>> */

.contributor .field-label {
font-size: 10px;
}

.contributor {
font-size: 12.5px;
color: #999;
margin: 0px 0px 10px 10px;
}

.clearfix:after { /* --- Omega bug that adds 20px padding to bottom of body html --- */
    font-size: 0px;
}

/* --- Comments --->>> */

#comments {
border: 2px solid #333;
border-radius:5px;
width: 50%;
margin:70px 0px 0px 0px;
padding: 5px;
}

#comments .title{
margin:0px 0px 20px 0px;
padding:0px;
}


/* === Testimonials footer start ======>>> */

#block-views-testimonials-block-1 {
	width: 100%;
}

#block-views-testimonials-block-1  .views-row {
	border-top: 1px solid #998451;
	padding-top: 20px;
	margin-top: 25px;
}

#block-views-testimonials-block-1  .views-row-first {
	margin-top: 0px;
	border-top: 0px;
	padding-top: 0px;
}

.view-testimonials .views-field-body {
	color: #f4f0e5;
	font-style: italic;
    margin: 0 10px;
    text-align: left;
}

.context-archives .block-block-6 {
	color: #f4f0e5;
}

.view-testimonials .views-field-title {
    color: #f4f0e5;
	margin-right: 25px;
    text-align: right;
}

#region-footer-first .block-views .view {
	display: block;
}

/* --- Image Captions (2 instances of each, because default styling applies varying spaces)--->>> */

.captioned[style*="float: left;"],
.captionedcentertext[style*="float: left;"]{
margin-right:15px;
padding-right:-15px;
}

.captioned[style*="float:left;"],
.captionedcentertext[style*="float:left;"] {
margin-right:15px;
padding-right:-15px;
}

.captioned[style*="float: right;"],
.captionedcentertext[style*="float: right;"]{
margin-left:15px;
padding-left:-15px;
}

.captioned[style*="float:right;"],
.captionedcentertext[style*="float:right;"]{
margin-left:15px;
padding-left:-15px;
}

.captionedcenterall,
.captionednofloat {
	margin-left: auto;
    margin-right: auto;
}


.captioned,
.captionedcenterimage,
.captionedcentertext,
.captionedcenterall,
.captionednofloat {
position: relative;
background: #ddd;
border-radius: 3px;
box-shadow: 2px 2px 3px #888;
height: auto!important;
margin-bottom: 10px;
padding: 5px;
}

.captioned img,
.captionedcenterimage img,
.captionedcentertext img,
.captionedcenterall img ,
.captionednofloat img {
background: #ccc;
border: 1px solid #666;
border-bottom: 3px solid #666;
border-radius: 5px;
height: auto;
}

.captioned p,
.captionedcenterimage p,
.captionedcentertext p,
.captionedcenterall p,
.captionednofloat p {
clear: both;
font-size: 12px;
font-family: 'arial-bold';
color:#191919;
margin-left: 0px!important;
margin-bottom: 0px;
padding-top: 5px;
}

.captionedcentertext,
.captionedcenterall,
.captionednofloat {
	text-align: center;
}

.captionedcenterimage,
.captionedcenterall,
.captionednofloat {
	display: block;
	margin-left: auto;
    margin-right: auto;
}

.captioned,
.captionedcentertext {
	max-width: 100%;
}

.captionednofloat {
	max-width: 100%;
}

.captionedcenterimage,
.captionedcenterall {
	max-width: 800px;
}

/* === Testimonials footer end ======>>> */

/*--------------------------------------------------------->>>
              _ _                          _        
 _ __  ___ __| (_)__ _   __ _ _  _ ___ _ _(_)___ ___
| '  \/ -_) _` | / _` | / _` | || / -_) '_| / -_|_-< ------>>>
|_|_|_\___\__,_|_\__,_| \__, |\_,_\___|_| |_\___/__/
                           |_|                      
----------------------------------------------------------->>>*/
@media only screen and (max-width: 1050px){
.museumLogoBlock,
.museumLogoBlock img{
display: none;
}
}


@media only screen and (max-width: 1050px){
#region-menu-second {
float: right;
clear: left;
border-top: 2px solid #c3a966;
border-bottom: 2px solid #c3a966;
width: 100%;
height: 20px;
margin-top: 20px;
}

#region-menu-first, #region-menu-second {
min-width: 100%;
margin: 0px
}
}


@media only screen and (min-width: 380px){
.mainMenu a.sf-depth-1 {
}

}

/* --- Media Query ----------------------------------->>> */

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

.cfbSlogan p {
font-size: 14px;
}

.mainMenu a.sf-depth-1 {
}

.mainMenu li.sf-depth-1{
margin:0px 15px;
}

}

/* --- Media Query ----------------------------------->>> */

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

#zone-menu {
height: 23px;
}

#region-menu-second { 
display:none;
}

.sf-primary, .mainMenu{
display:none;
}

}

/* --- Media Query ----------------------------------->>> */

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

#region-menu-second {
display:block;
}

.sf-primary, .mainMenu{
display:block;
}

.sf-smallscreen{
display:none;
}

}

.image_space {
margin-right: 10px;
}

.page-node-28 .region-content p {
min-height: 75px;
}

/*------------------------------->>>
------ TESTING!!! --------------->>>
--------------------------------->>>*/