
body {
	/*overflow:auto !important;*/
	/* [ReplaceColor(themeColor:"Accent3-Darker")] */ background-color: white !important; 
	background-image: url('/Style Library/WestPoint/Images/wp102-sidebar.gif') !important; /*cross hatch*/
	/* ??? background-repeat: repeat-x !important; */
	background-repeat: repeat !important;
	background-position: 0 0;
}

#s4-workspace {
	width: 1000px !important;  /*86% *REPLACING WITH FIXED WIDTH OF 1000px* */
	/*min-width: 1000px !important;*/
	margin-left: auto !important;
	margin-right: auto !important;
    background-image: none !important;

}

/* ------------------------------------------------------ 
htpp://www.greggalipeau.com/2011/01/28/a-better-enhanced-sharepoint-2010-floating-ribbon/
--------------------------------------------------------- */

body, body.v4.master {overflow:visible !important; height: inherit; width: inherit; }

body #s4-workspace {overflow:visible !important; padding-top:44px; }

/*This sets up our Ribbon for a fixed position. */
body #s4-ribbonrow {
    position: fixed;
    top:0px;
    z-index:1000;
    width: 100%;
}
* html #s4-ribbonrow {position:absolute;} 

/* Set the ribbon popups to be fixed position also */
#s4-ribbonrow .ms-MenuUIPopupBody, #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id ^= "Ribbon."], .ms-cui-tooltip {
position: fixed !important;
}
* html #s4-ribbonrow .ms-MenuUIPopupBody, * html #s4-ribbonrow .ms-popoutMenu, * html .ms-cui-menu[id ^= "Ribbon."], * html .ms-cui-tooltip {
position: absolute !important;
}

/*Make sure there are no scroll bars on our popup overlays*/
.ms-dlgOverlay {width: 100% !important }


/* ----------END of 29 Oct 2011 CSS mods ----------------- */

#s4-bodyContainer{ /* This is for all template pages EXCEPT for the WP Landing page using the wp1021.master */
	background-color: #fff; /*#ececec;*/
	position: relative;

}

#s4-bodyContainer-LandingPage{ /* This is ONLY for the WP Landing page using the wp1020.master */
	background-color: #B2B4B3;
	background-image: url('/Style Library/WestPoint/Images/wp102-BG.jpg') !important;
	background-repeat: no-repeat;
	position: relative;

}

.wpSocialMediaZone{ /* try to get this to float above the alert bar, and stradling the global nav and masthead... */
    background-image: url('/Style Library/WestPoint/Images/wpSocMediaBtnBG.png');
    position: absolute;
    width: 134px;
    height: 29px;
    right: 18px;
    z-index: 400;    
}

.wpSocialMediaTopFix1020{ /* Landing Page Social media positioning fix */
    top: 140px; /* was 187px needs to be re-adjusted for new height of BG graphic */   
}

.wpSocialMediaTopFix1021{ /* All other Pages Social media positioning fix */
    top: 102px; /* was 157px */
}

.wpSocialMediaZone ul
{
    margin: 0;
    padding: 0;
    position: relative;
    height: 29px;
    top: 2px;
    /*left: 28px;*/
    left: 14px;    
    z-index:405;
}

.wpSocialMediaZone ul li
{
    /*background-image: url('/Style Library/WestPoint/Images/wpSocMediaBtnSprite.png');*/
    list-style: none;
    display: inline;
    z-index: 406;
}

.wpSocialMediaZone ul li a
{
    /*background-image: url('/Style%20Library/WestPoint/Images/wpSocMediaBtnSprite.png'); */
    /*background-attachment: fixed;*/
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;  
    border: none;
    font-size: 24px;
}

/*.wpSocialMediaZone ul li a:hover
{
    background-image: url('/Style Library/WestPoint/Images/wpSocMediaBtnSprite.png')
}
*/
.wpSocialMediaZone ul li img
{
    width: 24px;
    height: 24px;
    border: none;
}

.wpSocialMediaZone ul li a span.hidden
{
    display: none; /* NOTHING seems to be working that hides the text link and forces the A or the LI to 24x24 with a
                      correctly positioned background image. IDEA: set a 1px transparent GIF to 24x24 and nest it with the
                      A element but around the span.*/
}

.wpSocialMediaZone ul li.fb a
{
    background-image: url('/Style%20Library/WestPoint/Images/wpSocMediaBtnSprite.png');
    background-position: 0 0;
}

.wpSocialMediaZone ul li.tw a
{
    background-image: url('/Style%20Library/WestPoint/Images/wpSocMediaBtnSprite.png');
    background-position: -28px 0;  
}

.wpSocialMediaZone ul li.yt a
{
    background-image: url('/Style%20Library/WestPoint/Images/wpSocMediaBtnSprite.png');
    background-position: -56px 0;
}

.wpSocialMediaZone ul li.fr a
{
    background-image: url('/Style%20Library/WestPoint/Images/wpSocMediaBtnSprite.png');
    background-position: -84px 0;
}

.wpSocialMediaZone ul li.ap a
{
    background-image: url('/Style%20Library/WestPoint/Images/wpSocMediaBtnSprite.png');
    background-position: -112px 0;
}
    	

body #s4-mainarea{ /* This is for all other pages using wp1021.master */
float:left;
clear:both;
/* Following mods give a fixed min-height to this container, forces a mininum height to this container.
   - Some issues: large tables (greater than 1745px wide) will potentially be an issue.
   - A large (1px by 2000px bicolour GIF file background img on top of a background colour (#4B4B4B) will
   give the illusion of making the left menu navigation and the right content area flushing. 

 */
min-height: 640px;
background-color: #ECECEC;
background-image: url('/Style Library/WestPoint/Images/wp-AllPages-BG.jpg') !important;
background-repeat: no-repeat;
/*background-position: 0 -160px;*/
position: relative; /*z-index: -1; attempting to send this to the back behind everything else */
}

body #s4-mainarea-LandingPage{ /* This is ONLY for the WP Landing page using the wp1020.master */
float:left;
clear:both;
min-height: 640px;
background-color: #B2B4B3;
background-image: url('/Style Library/WestPoint/Images/wp-LandingPage-BG.jpg') !important;
background-repeat: repeat-x;
/*background-position: 0 -160px;*/
position: relative; /*z-index: -1; attempting to send this to the back behind everything else */
}

.ms-bodyareacell { /* testing to see if we can force a min height to see the fancy BG graphic on a typical size browser window: would like to replace this with a JS that can sense the actual size... */
    min-height:640px; 
}

body #s4-leftpanel{ 
/*#ctl00_PlaceHolderLeftNavBar_wpNavigation1001{ */
width:155px; /* Do not change this value, unless we load a new version of s4-mainareaBG.gif to match it */
float:left;
background: transparent none !important;
padding: 0 0 0 15px; /* adjusts padding left to make room for white space on vert nav menu */
}

#ctl00_PlaceHolderLeftNavBar_wpNavigation1001{
background: transparent none !important;
}

body #s4-leftpanel-content { /* Removes background colours from the left nav "wp-menu-xxx" */
	border: none !important;
	padding: 0 0 5px 0 !important;
	background-color: transparent !important;		
}

/*Test to track inheritance */
.s4-breadcrumb-anchor{
display:none;
}

.s4-ca{
padding: 0 0 0 25px; /* adjusts padding left to allow for tables and hopefully other 100% width junk from /_layouts to float properly. Seemingly not needed on chalk version... */
}

.s4-ca-portal{
padding: 0 0 0 0px; /* blank portal layout for 1000 and 1010 master pages */
margin: 0 0 0 0 !important;
}

/* Rebuild of title/masthead area (which gets covered by the ribbon... arrrgh!)  */
.s4-title{
	/*background: url('../../../../Style Library/WestPoint/title-h2-BG.png');*/
	background-image:none;
	background-color:transparent;
	display:block !important;
}

.s4-titletext{
	margin-left:1em;
	/*border-bottom: 2px solid #a89b76; width: 90%;*/
	border-bottom: 2px solid #b3995d; width: 90%;
	visibility:hidden;
	display:none;	
}

.s4-pagedescription{
	/*margin-top:-1em;*/
	/*border-top: 2px solid #a89b76; width: 90%;*/
	/*border-top: 2px solid #b3995d; width: 90%;*/
	visibility:hidden;
	display:none;
}

.s4-socialdata-notif{
	white-space:nowrap;
	float: right;
}
.s4-titletable{ /* All Pages other than the Landing page (using wp1021.master) */
	min-height: 110px; /* was 170px */
	overflow: hidden;
}
.s4-titletable-LandingPage{ /* Landing Page Only (using wp1020.master) */
	min-height: 148px;
	overflow: hidden;
}

.ModBoxPositioner{
	position:relative;
}

ModSearchContainerInMenuPrePositioner
{
    position:relative;
}


.s4-titlelogo-LandingPage{ /* LandingPage using wp1020.master */
	/*text-align: left;*/
	position: absolute; top: 15px; left: 15px;
	/*z-index: -500 -100;*/
}

.s4-titlelogo{ /* All other Pages using wp1021.master */
	/*text-align: left;*/
	padding: 0px 0px 0px 0px;
	position: absolute; top: 0px; left: 20px;
	/*z-index: -500 -100;*/
}

.wpSiteTitle /* !!!!--NOTE-NOTE-NOTE--!!!!: 
                This class is default for ALL pages in wp1021.master,
                and IS NOT INCLUDED IN THE LANDING PAGE in wp1020.master */
{
    min-height: 90px;
    min-width: 425px;
    /*background-images for this class are set within the master pages to accomodate theme-switching */
    background-color: transparent;
    position: absolute;
    top:12px;
    /*left: 350px;*/
    right: 0; /*10%*/
    /*z-index: -600 -50;*/
}

.ModSearchContainer{
	float:right;
	position: absolute; top: 0px; right: 15px;
	/*background-color: blue; */
	/*width: 200px;*/
	height: 30px;
	z-index: 200 !important; /* *** REMOVED FROM ORIGINAL DOC ***  */
	opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=85)"; filter: alpha(opacity=85);
	display: block; /* Hidden for deployment until we can swap in a working search control */
}

.ModSearchContainerInMenu{
	/*float:left;*/
	position: absolute; top: 5px; left: 10px;
	/*background-color: blue; */
	/*width: 200px;*/
	/*height: 30px;*/
	z-index: 200 !important; /* *** REMOVED FROM ORIGINAL DOC ***   */
}

span.s4-help, span.s4-help span{ /*hiding the help button for external sites*/
	visibility: hidden;
	display: none;
}

.s4-search TABLE{
	width: 200px;
	float: none !important;
	margin: 3px 0px 0px 0px;  /*V-H, T-RL-B, T-R-B-L*/
}

.ms-rtefield{
	background: /*#555050*/ url('/Style Library/WestPoint/Images/WP_EditModeBG.png') repeat !important;
	background-color: transparent !important;
	border: 2px #FF3300 dashed !important;
}

/* Corrections for stock backgrounds in lists and document library tables */

.ms-listviewtable, .ms-alternating{
	background-color: #fcfcfc; /* potentially ugly change: removing colour from .s4wpTopTable */
}

.s4-wpTopTable{background-color:transparent;}

#ctl00_PlaceHolderMain_ToolBar, .ms-viewlsts, .ms-listviewtable, #ctl00_PlaceHolderMain_ctl01_SettingLinksV4
{
    background-color: #fcfcfc;
}

/*.s4-wpTopTable, */
.ms-itmhover, 
.ms-itmhover:hover, 
.ms-itmhover A:hover, 
TR.ms-itmhover, 
TR.ms-itmhover:hover, 
TR.ms-itmhover A:hover, 
.s4-itm-hover, 
TR.s4-itm-hover, 
.s4-item-selected, 
TR.s4-itm-selected,
table.ms-viewlsts tr {
	background-color: #d8d8d8 !important;
}

/*.ms-alternating+.s4-wpTopTable, 
.ms-alternating+.ms-itmhover, 
.ms-alternating+.ms-itmhover:hover, 
.ms-alternating+.ms-itmhover A:hover, 
.ms-alternating+.s4-item-selected,
/*.ms-alternating+.s4-itm-hover,*/
tr.ms-viewheadertr+tr.ms-itmhover,
tr.ms-alternating+tr.ms-itmhover, 
tr.ms-alternating+tr.ms-itmhover:hover, 
tr.ms-alternating+tr.ms-itmhover A:hover, 

tr.ms-alternating+tr.s4-itm-hover, 
 
tr.ms-alternating+tr.s4-itm-selected,
tr+tr.ms-alternatingstrong {
	background-color: #ececec !important;
}

/* (Default) Global Nav CSS */

#nav { position: relative; z-index: 100;
}

#nav UL { 
	PADDING-BOTTOM: 0px; 
	LIST-STYLE-TYPE: none; 
	MARGIN: 0px; 
	PADDING-LEFT: 0px; PADDING-RIGHT: 0px; 
	LIST-STYLE-IMAGE: none; 
	PADDING-TOP: 0px;
}

#nav UL:after { 
	DISPLAY: block; 
	CLEAR: both; 
	CONTENT: ""; 
}

#nav LI { 
	POSITION: relative; 
	/*MARGIN: 0px -2px 0px 20px; */
	DISPLAY: inline; 
	FLOAT: left; 
	FONT-FAMILY: Calibri, "Lucida Grande", Arial, Helvetica, sans-serif;  
	line-height: 24px;
}

#nav A { 
	float: left; 
	padding: 0 10px 0 10px;
	height: 24px;
	OVERFLOW: hidden; 
	CURSOR: pointer; 
	COLOR: /*#aa9d6a*/ #4b4b4b; 
	font-family: Calibri, "Lucida Grande", Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none;
	text-transform: uppercase; 
	FONT-SIZE: 165%; 
	/*border-right: #1e1e1e 1px dotted;  #aa9d6a */
}

#nav A:hover { 
	COLOR: white; 
	background: url('/Style Library/WestPoint/NavImages/glass_NavHover-101.png') repeat-x;
	/* probably will want to set a background image to change with this... */
}

#nav li li a { 
	border: 0 transparent none;
	background-image: none;
	font-family: Calibri, "Lucida Grande", Arial, Helvetica, sans-serif;
	text-transform: none;
}

#nav li li a:hover { 
	background-image: none;
}



/*#nav #admissions, #nav #academics, #nav #extracurricular, #nav #athletics, 
#nav #usmaps, #nav #community, #nav #about { 
	margin: 0px 8px 0px 20px; 
}*/

#nav UL DIV { 
	z-index: 10001; 
	position: absolute; 
	width: 347px; 
	display: none; 
	top: 20px; 
	left: 0px;
}

#nav UL LI.hover DIV { display: block; }

#nav UL LI:hover DIV { display: block; }

#nav UL DIV DIV { 
	position: static; 
	padding: 8px 0 0 0; 
	margin: 0;  
	background: url(/Style%20Library/WestPoint/NavImages/bg-drop-t-320px-101.png) no-repeat;  
}

#nav UL DIV DIV DIV { 
	position: static; 
	padding: 0; 
	background: url(/Style%20Library/WestPoint/NavImages/bg-drop-320px-101.png) repeat-y; 
}

#nav UL DIV UL { 
	position: relative;  
	list-style-type: none; 
	margin: 0 0 0 7px;
	padding-top: 4px 0 3px 3px; 
	width: 320px;  
	background: /*#dededa url(/Style%20Library/WestPoint/NavImages/bg-drop-list-320px-101.png) repeat-y*/ transparent; 
	overflow: hidden; 
	list-style-image: none; 
}

#nav UL DIV UL LI { 
	/*padding-top: 8px; */
	margin: 0; 
	padding-left: 12px; 
	padding-right: 12px; 
	display: block; 
	/*background: url(/Style%20Library/WestPoint/NavImages/bg-drop-item-320px-101.gif) no-repeat; */
	float: none; 
}

#nav UL DIV UL A { 
	font-weight: normal; 
	height: 100%; 
	display: block; 
	float: none; 
	/*color: #D2C295;  -- OFFICIAL Army Gold -- */
	/*color: #aa9d6a;  -- Original "Off-Gold" -- */
	/*color:  #a89b76; -- Brown-Gold -- */
	color: white; /* -- Original "Off-Gold" -- */
	font-size: 18px; 
}

#nav UL DIV UL LI:hover { background-color: Black; }

#nav UL DIV UL A:hover { color: #b3995d /*#4b4b4b #FFBB55*/; font-weight: normal; background-color: Black; }

#nav .b { 
	line-height: 0; 
	width: 347px; 
	display: block; 
	background: url(/Style%20Library/WestPoint/NavImages/bg-drop-b-320px-101.png) no-repeat; 
	height: 9px; 
	font-size: 0px; 
	overflow: hidden }
	


.nav-holder {
	background: url('/Style Library/WestPoint/NavImages/glass_Nav-101.png') repeat-x; height: 24px; /* original: /glass_Nav-101.png */
	/*border-bottom: #1e1e1e 1px solid;
	opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; filter: alpha(opacity=50);*/
}

/* Club Nav Settings */

#navClubSites { position: relative; z-index: 99;
}

#navClubSites UL { 
	PADDING-BOTTOM: 0px; 
	LIST-STYLE-TYPE: none; 
	MARGIN: 0px; 
	PADDING-LEFT: 0px; PADDING-RIGHT: 0px; 
	LIST-STYLE-IMAGE: none; 
	PADDING-TOP: 0px;
}

#navClubSites UL:after { 
	DISPLAY: block; 
	CLEAR: both; 
	CONTENT: ""; 
}

#navClubSites LI { 
	POSITION: relative; 
	/*MARGIN: 0px -2px 0px 20px; */
	DISPLAY: inline; 
	FLOAT: left; 
	FONT-FAMILY: Calibri, "Lucida Grande", Arial, Helvetica, sans-serif;  
	line-height: 24px;
}

#navClubSites A { 
	float: left; 
	padding: 0 10px 0 10px;
	height: 24px;
	OVERFLOW: hidden; 
	CURSOR: pointer; 
	background-color: transparent;
	font-family: Calibri, "Lucida Grande", Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none; 
	FONT-SIZE: 165%;
	text-transform: none;
	color: #000000;
	 
	/*border-right: #1e1e1e 1px dotted;  #aa9d6a */
}

#navClubSites A:hover { 
	COLOR: #b3995d; 
	background-color: transparent;
	/* probably will want to set a background image to change with this... */
}

#navClubSites li li a { 
	border: 0 transparent none;
	background-image: none;
	font-family: Calibri, "Lucida Grande", Arial, Helvetica, sans-serif;
	text-transform: none;
}

#navClubSites li li a:hover { 
	background-image: none;
}


#navClubSites UL DIV { 
	z-index: 9999; 
	position: absolute; 
	width: 347px; 
	display: none; 
	top: 20px; 
	left: 0px;
}

#navClubSites UL LI.hover DIV { display: block; }

#navClubSites UL LI:hover DIV { display: block; }

#navClubSites UL DIV DIV { 
	position: static; 
	padding: 8px 0 0 0; 
	margin: 0;  
	background: url(/Style%20Library/WestPoint/NavImages/bg-drop-t-320px-101.png) no-repeat;  
}

#navClubSites UL DIV DIV DIV { 
	position: static; 
	padding: 0; 
	background: url(/Style%20Library/WestPoint/NavImages/bg-drop-320px-101.png) repeat-y; 
}

#navClubSites UL DIV UL { 
	position: relative;  
	list-style-type: none; 
	margin: 0 0 0 7px;
	padding-top: 4px 0 3px 3px; 
	width: 320px;  
	background: /*#dededa url(/Style%20Library/WestPoint/NavImages/bg-drop-list-320px-101.png) repeat-y*/ transparent; 
	overflow: hidden; 
	list-style-image: none; 
}

#navClubSites UL DIV UL LI { 
	/*padding-top: 8px; */
	margin: 0; 
	padding-left: 12px; 
	padding-right: 12px; 
	display: block; 
	/*background: url(/Style%20Library/WestPoint/NavImages/bg-drop-item-320px-101.gif) no-repeat; */
	float: none; 
}

#navClubSites UL DIV UL A { 
	font-weight: normal; 
	height: 100%; 
	display: block; 
	float: none; 
	/*color: #D2C295;  -- OFFICIAL Army Gold -- */
	/*color: #aa9d6a;  -- Original "Off-Gold" -- */
	/*color:  #a89b76; -- Brown-Gold -- */
	color: white; /* -- Original "Off-Gold" -- */
	font-size: 18px; 
}

#navClubSites UL DIV UL LI:hover { background-color: Black; }

#navClubSites UL DIV UL A:hover { color: #b3995d /*#4b4b4b #FFBB55*/; font-weight: normal; background-color: Black; }

#navClubSites .b { 
	line-height: 0; 
	width: 347px; 
	display: block; 
	background: url(/Style%20Library/WestPoint/NavImages/bg-drop-b-320px-101.png) no-repeat; 
	height: 9px; 
	font-size: 0px; 
	overflow: hidden }
	
#LocalNavShell /* This ID sets up the size and positioning of the DCA ClubSites LocalNav sub-heaeading  */
{
    height: 109px; 
    width: 980px; 
    position: relative;
    margin: 0 auto;
}

.navClubSites-holder {
	/*height: 67px; width: 980px;  set BG with an in-line style referencing a site asset "LocalNavBG.PNG" */
	padding-left:84px; 
    padding-top:80px; 
    margin-top:1em; 
}


/* General Global and Local (lulz) Use */
.menuOffset {
	margin: 0 0 0 -1px; 
}	

/* Vertical / Side Nav */

.wp-menu-vertical {
	font-family: Calibri, "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 10.5pt;
	font-weight: bold;
	/*color: #a89b76;*/
	color: #4b4b4b;
	line-height: 150%;
}

.wp-menu-vertical ul {
	list-style-position: outside;
	list-style: none;
	/*text-indent: 1.5em;*/
	margin-left: 0 !important;
	padding-left: 0 !important;
	width: 145px;
	/*background-image: url('/Style Library/WestPoint/NavImages/wp-menu-1px-black-opacity50.png');*/
}

.wp-menu-root { /* as the name implies, this is the uppermost level containing the root back to the site collection */
	padding-left: 0 !important;
	margin-left: 0 !important;
	/*text-indent: 0.75em !important;*/
	text-transform: uppercase;
}

.wp-menu-root li, .wp-menu-root li a, .wp-menu-root li a:link {
	color: #4b4b4b; /*#a89b76;*/
	margin: 0 0 0 0;  /*--original left value was *0.5em, closed to line this up with wp-menu-selected class */
	text-indent: 0;   /*-0.5em (same as above) */
	padding: 0;
	text-decoration: none;
}

.wp-menu-root li a:hover, .wp-menu-root li a:active { /*underline or non-underlinging subject to change here...*/
	color: #1e1e1e; /*#4b4b4b;*/
	text-decoration: underline;
	/*text-decoration: none;*/
}

.wp-menu-root ul li.wp-menu-li0 {
	/* minor link nodes */
	font-size: 95%;
	margin: 0 0 0 1em;
	text-indent: -1em;
	padding: 0;
}

.wp-menu-root ul li.wp-menu-li1 {
	/* minor subordinate link nodes */
	font-size: 90%;
	margin: 0 0 0 1.5em;
	text-indent: 0;
	padding: 0;
	text-transform: none;
}


/*.wp-menu-root ul li.wp-menu-li1:hover {
	background-color: purple;
}*/

div.wp-menu-hr {background: url('/Style Library/WestPoint/NavImages/ShortMenuHR_LiteGoldOverDark.png') no-repeat scroll center; height: 7px; background-color: transparent;}
div.wp-menu-hr hr {display: none}


.wp-menu-selected {
	COLOR: #4b4b4b !important;
	cursor: default;
/*	text-decoration: underline overline; */
/*	TEXT-DECORATION: none !important;
	cursor: default;*/
}

.wp-menu-disabled {
	cursor: default;
}

#s4-leftpanel-content 
{
    background-color: transparent !important;
    border: none !important;
}

#MSO_ContentTable
{
    background-color: transparent !important;
}

.ms-quicklaunchouter
{
	visibility: hidden;
	display: none;
}

/* Commented out: this is now controlled by CSS to provide a zebra-striping effect appropriate to each theme

#ctl00_PlaceHolderMain_ToolBar, .ms-viewlsts, .ms-listviewtable, #ctl00_PlaceHolderMain_ctl01_SettingLinksV4
{
    background-color: #4B4B4B;
}*/

/* CSS for the iWatch and WP Readiness graphics to be shown at top level WP site under the vertical wp-menu element */

.leftExternal IMG
{
    padding-bottom: 10px;
    border: none;
}

.leftExternal UL LI
{
    display:inline;
}

.leftExternal UL
{
    list-style-type: none;
    list-style-image: none;
    padding-left: 0px;
}

/* mods to the ToolPane / Web Part editing control pane: 
   NOTE that this is initially set by the theme, and some theme elements were the same color and background-color */
   
.ms-ToolPaneOuter{
    background-color:/*#5A5A5A*/#dededa;
}

/* mods to the _layouts table structure for displaying site assets, lists, etc */

TD.ms-addnew{ /* this adds a grey background behind the "Add New Item..." link in a list view */
    background-color: /*#5A5A5A*/#dededa;
}

.s4-wpTopTable{ /* this adds a semi-transparent 2x2 PNG background image to obscure any underlying BG images */
    /*background: url('/Style Library/WestPoint/NavImages/wp-menu-4px-mixed-grey-opacity.png') repeat;*/
    /*background-color: #4b4b4b;*/
    /*min-height: 640px;  -- this was to provide for smudges...*/
}

div.ms-rte-wpbox td.s4-wpcell-plain table.s4-wpTopTable{ /* hopefully this clears any BG styles or images within a web part nested in the content area */
    background-color: transparent;
    min-height: 0;
}

/* AlertBox Styles - this stuff will probably get upgraded to being a web part */

#AlertBox{
    /*position: relative;
    background-image: url('/Style Library/WestPoint/Images/wpAlertBoxDefault.gif');
    background-repeat: repeat-x;
    height: 2px;*/
    display: none;
}

/* Positioning mod to center wpNivoSlider and probably other web parts using this RTE field */
.ms-rte-layoutszone-inner{
    padding-left: 17px !important;
    line-height: 150%;
}


/* Footer Styles */

.wp-footer{
background: transparent; 
background-image: /*url('/Style%20Library/WestPoint/Images/wpSiteFooter.png')*/ none; 
/*background-repeat:no-repeat; */
padding: 0; 
/* min-height: 40px;  not needed? */
}

.dept-footer-text{ /* -- THIS MAY NEED TO BE REFERENCED FROM THE WEB PART!! -- */
padding: 15px 5px 15px 5px;
margin: 0px 35px 0px 20px; 
background: none transparent;
/*background-color: Lime; */
}
	
.wp-footer-text{
/*padding: 15px 50px; 
-- Old Style: New Style attempts to compensate for dept footer offsets 
(persumption is that Big Army footer will not have a coloured background) -- */
padding: 15px 50px 15px 25px; /* Updated 7 May 2013 - CJR  */
background: none transparent; 
/* font-size:85%;  not needed? */
}


/*  PSA Tiles Req'd by Big Army and DoD */
.wp-footer-PSA-Zone 
{
    /*background-color: purple;*/
    position: relative;
    /*width: 515px;  setting for 4x1 row */
    /*width: 255px;  setting for 2x1 row */
    text-align: center; /* setting for any config */
    /*height: 40px;  not needed? */
    margin: auto;
}

.wp-footer-PSA-Zone img, .wp-footer-PSA-Zone div img, .wp-footer-PSA-Zone a, .wp-footer-PSA-Zone a img  
{
    border: 0 none transparent;
}

.wp-footer-PSA-Zone ul
{
    margin: 0;
    padding: 0;
    position: relative;
    /* height: 35px;  not needed? */
}

.wp-footer-PSA-Zone ul li
{
    list-style: none;
    display: inline;
}

.wp-footer-PSA-Zone ul li a
{
    background-repeat: no-repeat;
    /* width: 125px;  not needed? */
    /* height: 40px;  not needed? */
    border: none;
    /* font-size: 35px;  not needed? */
}

.wp-footer-PSA-Zone ul li img
{
    /* width: 125px;  not needed? */
    /* height: 40px;  not needed? */
    border: none;
}

.wp-footer-PSA-Zone ul li a span.hidden
{
    display: none; /* NOTHING seems to be working that hides the text link and forces the A or the LI to 24x24 with a
                      correctly positioned background image. IDEA: set a 1px transparent GIF to 24x24 and nest it with the
                      A element but around the span.*/
}

/* Potential pitfalls: this layout will work with even numbers of banner links at 125x40. Oddly numbered banner links will have to determine a new distance factor  */

.wp-footer-PSA-Zone ul li.iW a
/*.wp-footer-PSA-Zone ul li.far-left a*/
{
    background-image: url('/Style%20Library/WestPoint/Images/iPSAs.png');
    background-position: 0 0;
}

.wp-footer-PSA-Zone ul li.rwp a
/*.wp-footer-PSA-Zone ul li.centre-left a*/
{
    background-image: url('/Style%20Library/WestPoint/Images/iPSAs.png');
    background-position: -125px 0; 
    /*border: 1px solid #4b4b4b; */
}

.wp-footer-PSA-Zone ul li.iS a,
.wp-footer-PSA-Zone ul li.centre-left a
/*.wp-footer-PSA-Zone ul li.centre-right a*/

{
    background-image: url('/Style%20Library/WestPoint/Images/iPSAs.png');
    background-position: -250px 0;
}

.wp-footer-PSA-Zone ul li.fvap a,
.wp-footer-PSA-Zone ul li.centre-right a
/*.wp-footer-PSA-Zone ul li.far-right a*/

{
    background-image: url('/Style%20Library/WestPoint/Images/iPSAs.png');
    background-position: -375px 0;
}


/* Common Styles */
.margin-center{margin: 0px auto; text-align: center;} 
.margin-right{margin: 0px auto; text-align: right;} 

/* Themed Elements -- In best practice, this should be handled by declaring specific themable comments, 
   but for now we will hard code these in place */
   
/*a:link {color:#9f8e7b; text-decoration:none; font-weight:bold;}*/
/*{color:#4b4b4b; text-decoration:none; font-weight:bold;}*/
a:link, .ms-WPBody a:link {color:#b3995d; text-decoration:none; font-weight:bold;}

/*a:visited {color:#9f8e7b; text-decoration:none; font-weight:bold;}*/
a:visited, .ms-WPBody a:visited {color:#b3995d; text-decoration:none; font-weight:bold;}

a:hover, a:active, .ms-WPBody a:hover, .ms-WPBody a:active /*{color:#D0103A; text-decoration:none; font-weight:bold;}  this colour is Red PANTONE 199/WP Crest Red */
/*{color:#9f8e7b; text-decoration:underline; font-weight:bold;}*/
{color:#b3995d; text-decoration:underline; font-weight:bold;}

/*a:active {color:#D0103A; text-decoration:none; font-weight:bold;}*/

/*--- LeftNav Links (Change from D/STRATCOM on 22 May 2012):
*
* SEE changes to the following classes:
* .wp-menu-root li 
* .wp-menu-root li a
* .wp-menu-root li a:link
* .wp-menu-root li a:hover
* .wp-menu-root li a:active
* ---*/

/* Search Box UI Styles: Note that some items may be controlled by features/elements.xml */
.s4-search INPUT.ms-sbplain
{
    color: #ffffff !important;
    background-color: #272626 !important;
    background-image: none !important;
}

/* Existing [Styles] references - in Ribbon UI */
.ms-rteStyle-Normal, p {background-color: transparent !important; color: #4b4b4b !important; line-height: 125%;}

.ms-rteStyle-Highlight {background-color: #FF9 !important;}

.ms-rteStyle-Byline {color:#4b4b4b !important; font-style: italic !important; font-size: 1em !important; background-color: transparent !important;}

.ms-rteStyle-Tagline {color: #966 !important; font-style: italic !important;}

.ms-rteStyle-References {color: #4b4b4b !important; text-decoration: overline; line-height: 1.5em; text-transform:uppercase;}

/* Existing [Markup] references - in Ribbon UI */
.ms-rteElement-H1, H1 {
    color: #4b4b4b !important; 
    font-size: 2.5em;
    font-weight: bold;
    font-style: normal;  
    line-height: 125% !important;
}

.ms-rteElement-H1B 
{
    /*color: #a89b76 !important; */
    color: #b3995d !important; 
    font-size: 2.5em;
    font-weight: bold;
    font-style: normal;  
    line-height: 125% !important;
    }

.ms-rteElement-H2, H2 
{
    color: #4b4b4b !important; 
    font-size: 2.1em;
    font-weight: bold;
    font-style: normal;  
    line-height: 125% !important;}

.ms-rteElement-H2B 
{
    /*color: #a89b76 !important; */
    color: #b3995d !important; 
    font-size: 2.1em;
    font-weight: bold;
    font-style: normal;    
    line-height: 125% !important;
    }

.ms-rteElement-H3, H3 
{
    color: #4b4b4b !important; 
    font-size: 1.5em;
    font-weight: bold;
    font-style: normal;     
    line-height: 100% !important;}

.ms-rteElement-H3B 
{
    /*color: #a89b76 !important; */
    color: #b3995d !important;  
    font-size: 1.5em;
    font-weight: bold;
    font-style: normal;
    line-height: 100% !important;}

.ms-rteElement-H4, H4 
{
    color: #4b4b4b !important; 
    font-size: 1em;
    font-weight: bold;
    font-style: italic; 
    line-height: 100% !important;}

.ms-rteElement-H4B 
{
    /*color: #a89b76 !important; */
    color: #b3995d !important;  
    font-size: 1em;
    font-weight: bold;
    font-style: italic; 
    line-height: 100% !important;
}

/* H5 and H6 are currently (as of 21 Oct 2011) not defined in the Ribbon UI */
.ms-rteElement-H5, H5 {color: #4b4b4b !important;}

.ms-rteElement-H6, H6 {color: #4b4b4b !important;}

/*.ms-rteElement-H5B {color: #a89b76 !important;}

.ms-rteElement-H6B {color: #a89b76 !important;}*/

.ms-rteElement-H5B {color: #b3995d !important;}

.ms-rteElement-H6B {color: #b3995d !important;}

.ms-rteElement-Hr, HR {
    /*color: #a89b76 !important; 
    background-color: #a89b76 !important; */
    color: #b3995d !important; 
    background-color: #b3995d !important; 
    height: 1px !important;
    border: none !important;
}


/* This is still really rather broken... */
.ms-rteElement-Callout1, .ms-rteElement-Callout2, .ms-rteElement-Callout3, .ms-rteElement-Callout4 {
    color: #1e1e1e !important; 
    /*background-color: #D2C295 !important;*/ 
    background-color: #b3995d !important; 
    height: 1px !important;
    border-color: #a89b76 !important;
}

/* Test to address Item 7 of "Graphic and CSS REcommendations" dated 30 Aug 2012 thru STRATCOM/Marketing for body links */
.ms-wikicontent a:link, .ms-wikicontent a:visited, .ms-wikicontent a:active { font-weight: bold; color: #000; text-decoration: none; }

.ms-wikicontent a:hover{ font-weight: bold; color: #000; text-decoration: underline; }

/* Alternating TR properties ========== */
/* -This is primarily for use with tables that use alternating rows,
 *  as referenced from the helper class "wpURL.AlternateTR" (when implemented)
 *
 *
*/

.AltTR1
{
    background-color: #efefef;
}

.AltTR2
{
    background-color: #cdcdcd;
}

.wpTableShell table /* DIV wrapper for standardized alternating row tables */
{
    border-collapse: collapse;
    border: 1px #4b4b4b solid;
    width: 100%; /* WFM 7/27/2012 */
    /* width and min-width are variable and should be set in web part code as needed */
}

.wpTableShell table th
{
    background-color: #1e1e1e;
    color: White;
}

.wpTableShell table td
{
    border-bottom: 1px solid #808080;
}


/* These styles affect search-generated links and colour them per wp Branding guidance 
.srch-Page A:link {
	color: #b3995d !important;
}
.srch-Page A:active {
	color: #b3995d !important;
}
.srch-Page A:hover {
	color: #b3995d !important;
}
.srch-Page A:visited {
	color: #b3995d !important;
}
*/

table.SearchResultsPageLayoutTable
{
    background: none;
    border-color: transparent;
    width: 800px;
}

table.SearchResultsPageLayoutTable tr th, table.SearchResultsPageLayoutTable tr td
{
    vertical-align: middle;
}

table.SearchResultsPageLayoutTable .s4-search INPUT.ms-sbplain
{
    background-image: url("bgximg-AA9A6E.png?ctag") !important;
    background-color: #fff !important;
    color: #272626 !important;
    width: 560px !important;
    margin-left: 2em;
}

table.SearchResultsPageLayoutTable h3
{
    text-align: right;
}

table.SearchResultsWhiteBox .s4-search INPUT.ms-sbplain
{
    background-image: url("bgximg-AA9A6E.png?ctag") !important;
    background-color: #fff !important;
    color: #272626 !important;
    /*width: 560px !important;*/
    /*margin-left: 2em;*/
}

/* Wrapper for STRATCOM-specced search results */
.wpGoogleMask
{
    background-color: #fff;
    border: 1px solid #4b4b4b;
    min-height: 350px;
    width: 884px;
    padding: 20px 10px 10px 10px; 
}

.wpGoogleMask .srch-results /* Container for the actual web part generated search results */
{
    max-width: 800px;
}

.wpGoogleMask .srch-Description2 /* Container for the actual web part generated search results */
{
    max-width: 720px;
}
/* These styles affect search-generated links and colour them per guidance from STRATCOM/Marketing to emulate Google, Bing, Yahoo!, etc... */
.wpGoogleMask .srch-Title2 A:link, .wpGoogleMask span.srch-urllink A:link {
	color: #12c !important;
}
.wpGoogleMask .srch-Title2 A:active, .wpGoogleMask span.srch-urllink A:active {
	color: #12c !important;
}
.wpGoogleMask .srch-Title2 A:hover, .wpGoogleMask span.srch-urllink A:hover {
	color: #12c !important;
}

.wpGoogleMask .srch-Title2 A:visited, .wpGoogleMask span.srch-urllink A:visited {
	color: #609 !important;
}

/* Link and border attributes for paging results links */
.wpGoogleMask .srch-Page A
{
    border: transparent 1px solid !important;
    border-collapse: collapse;
}

.wpGoogleMask .srch-Page A:hover
{
    text-decoration: underline !important;
}


.wpGoogleMask .srch-URL2 /* green metadata for the link */
{
    color: #093 !important;
}

.wpGoogleMask .srch-stats
{
    background-color: transparent !important;
    font-style: italic;
}

.wpGoogleMask .srch-Metadata1
{
    margin-left: 24px !important;
    max-width: 100% !important;
}

.wpGoogleMask .srch-Page strong
{
    border: none;
    background-color: transparent;   
    background-image: none;
}
