﻿#globalWrapper {
    /*max-width: 980px;
    margin: auto;    
        */
    
}

#globalPageContentWrapper {     
    padding: 0;
    background: url(../../images/2015Layout/global/Background.jpg) #262a2d no-repeat fixed center;     
    background-size: cover;        
}

#globalPageContent {
    background: white;
    max-width: 980px;
    margin: auto;   
    min-height: 650px;   
    overflow: auto;
}

/* Force container height */
#globalPageContent:after {
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}

/***************************************/
/* RESPONSIVE LAYOUTS                  */
/***************************************/

body.oneCol #globalPageContentWrapper {
   
}

body.oneCol #globalPageContent {
    min-width: 300px; 
    max-width: 650px;   
    margin: auto;   
}
body.oneCol #coreColumnMain {
    
}

body.oneCol #coreColumnRight {
    display: none;
}

body.twoCol #coreColumnMain {
    float: left;
    width: 64%; 
    padding: 1%;    
}
body.twoCol #coreColumnRight {
    float: left;
    width: 32%; 
    padding: 1%;    
}

@media all and (max-width: 768px) {
    body.twoCol #coreColumnMain,
    body.twoCol #coreColumnRight,
    body.oneCol #coreColumnMain {
        float: none;
        width: auto;         
    }
      
    body.oneCol #globalPageContent {
        width: auto;        
    } 
}

/***************************************
 Page header                               
****************************************/
.pageHeader {
    MARGIN: 0px;
    background: #F1F2F4;
    padding: 1em;
    border: 1px #D8D9DB solid;
}

.pageHeader h1 {
    max-width: 980px;
    margin: auto;
    font-size: 1.5em;
    text-align: left;   
    font-weight: bold;    
    color: #3A3E41;    
}

body.oneCol .pageHeader h1 {
    text-align: center; 
}

BODY.popup
{
    BACKGROUND-IMAGE: none;
    BACKGROUND-COLOR: white
}



/* 1-Col Layout*/
/*
.wis_oneCol #globalPageContentWrapper #coreColumnMain {
	width: 640px;
	padding: 25px;
	margin: auto;
	background-color: ActiveCaption;
}
.wis_oneCol #globalPageContentWrapper #coreColumnRight {
	display: none;
}

@media all and (max-width: 640px) {
	.wis_oneCol #globalPageContentWrapper #coreColumnMain {
		width: auto;
	}
}
 */
/* 2-Col Layout */
/*
.wis_twoCol #globalWrapper {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
}
.wis_twoCol #globalPageContentWrapper {
	float: left;
	width: 200%;
	margin-left: -200px;
	position: relative;
	right: 100%;
}
.wis_twoCol #globalPageContent {
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	padding-bottom: 1em;
}
.wis_twoCol #coreColumnMain {
	margin: 0 138px 0 200px;
	overflow: hidden;
	padding: 25px 0 0 15px;
}
.wis_twoCol #coreColumnRight {
	float: right;
	width: 300px;
	padding: 20px 28px 0 10px;
	min-height: 400px;
	position: relative;
	left: 200px;
	background-color: burlywood;
}

@media all and (max-width: 767px) {
	.wis_twoCol #globalPageContentWrapper {
		width: 100%;
		margin: 0;
		right: 0;
	}
	.wis_twoCol #globalPageContent {
		width: 100%;
		left: 0;
	}
	.wis_twoCol #coreColumnMain {
		margin: 0;
		padding: 10px 0 0 1%;
	}
	.wis_twoCol #coreColumnRight {
		float: left;
		padding: 0 0 0 1%;
		left: 10px;
		width: auto;
	}
    
}

    */