/* home page style */

#page-outer { background-image: url("/EasySiteWeb/EasySite/StyleData/SCP_2013_Master/Images/h-red-hp2.gif"); }
#main-outer { background: transparent; padding: 0; }
#main-outer-logged-in { clear: both; border: none; background-image: none; width: 960px; margin: auto; background: transparent; padding: 0; }
#main-inner { background: none !important; }
#content-outer { margin: 0; width: 100%; }
#content-inner { padding: 0; }
#footer-beta-inner { background: transparent; }
#breadcrumb-outer { display: none; }

/* Adjustments for the promotion to sit underneath the header */
#header-outer { width: 100%; margin: 0; position: absolute; top: 0; left: 0; z-index: 99; }
#header-inner { width: 960px; margin: auto; }
#menu-outer { width: 100%; margin: 0; position: absolute; top: 114px; left: 0; z-index: 99;  }
#menu-inner { width: 960px; margin: auto; }

/* When logged in but not in edit mode, toolbar needs to clear underneath the header and top nav */
#main-outer-logged-in #AdminLinksOuter { position: absolute; top: 167px; z-index: 99; width: 946px; }

/* In edit mode, the header adjustments need to be undone so that the toolbar and promotion clear underneath the header and top nav */
.edit-mode #header-outer { position: static; width: 960px; margin: auto; }
.edit-mode #header-inner { width: 100%; }
.edit-mode #menu-outer { position: static; width: 960px; margin: auto; background: #ae1833; }
.edit-mode #menu-inner { width: 100%; }
.edit-mode #main-outer-logged-in #AdminLinksOuter { position: static; }

/* Accordion panels - member's name and branches module appear when logged in */
#main-outer-logged-in .oAccordionPanels .panel-epsilon h2.panel-header { display: none; }
.oAccordionPanels .panel-epsilon .ContentEditor h2 { color: #003399; font-size: 1.6em; }
.oAccordionPanels .panel-epsilon ul.scp-branches { padding: 0; margin: 0; }
.oAccordionPanels .panel-epsilon ul.scp-branches li { list-style-type: none; padding-bottom: 5px; }
.oAccordionPanels .panel-epsilon ul.scp-branches a:link, .oAccordionPanels .panel-epsilon ul.scp-branches a:visited { color: #003399; text-decoration: none; }
.oAccordionPanels .panel-epsilon ul.scp-branches a:hover, .oAccordionPanels .panel-epsilon ul.scp-branches a:active { color: #003399; text-decoration: none; }

/* Panel delta - text navy */
.panel-delta { color: #003399; }


@media only screen and (max-width: 960px) 
{
#header-inner { width: 100%; }	
#main-outer-logged-in { width: 100%; }
#menu-inner { width: 100%; }
#main-outer-logged-in #AdminLinksOuter { width: 100%; }
.edit-mode #header-outer { width: 100%; }
.edit-mode #menu-outer { width: 100%; }

}

@media only screen and (max-width: 640px) 
{
	
/* put promotion and content area in correct place */
#header-outer { position: relative; top: 0; left: 0; }
#header-inner { width: 100%; }
#menu-outer { position: relative; top: 0; left: 0; background: #ae1833; }
#menu-inner { width: 100%; }
#menu-inner { width: auto; }

}