/*                                                                      */
/* 		        	MAIN STRUCTURE     	                   	        	*/
/*                                                                      */
/* v001 02 Aug 2019 -   Initial version cut from WOL mobile.css         */
/* v002 06 Aug 2019 -   Modified to new content element names           */
/*                                                                      */
/*                                                                      */


body, input, textarea, select, button {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
}
body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}


div.wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
}

div.wrapper.header    			{ background-color: black;  }
div.wrapper.featured  			{ display: none; }
div.wrapper.main   	  			{ background-color: white; padding-top: 10px; padding-bottom: 10px; }
div.wrapper.full-width-image	{ background-color: #0072ce /* CSG Blue (Pantone 285C) */ }
div.wrapper.main-select		   	{ background-color: white; }
div.wrapper.select				{ background-color: #0072ce /* CSG Blue (Pantone 285C) */; }
div.wrapper.sitemap 			{ background-color: #0072ce /* CSG Blue (Pantone 285C) */; display: none;}
div.wrapper.footer  			{ background-color: black; padding-top: 40px; }



section.content, 
section#latestnews,
section#sitemap,
footer {
  width: 83.334%;
  padding: 0% 8.333%;
  margin: 0;
}

/* **************************************** */
/* 				CONTENT DIVS				*/
/* **************************************** */

section#main,
section#main-select {
  overflow: auto;
  min-height: 250px;
}
section.content {
  background-color: white;
  padding-bottom: 40px; 
}


/* **************************************** */
/* 				SELECT AREA					*/
/* **************************************** */

section#main-select section.content {
  background-color: black;
  color: white;
}
section#main-select section.content h2 { 
  color: white;
}
section#main-select section.content a {
  color: white;
  font-weight: bold;
}


/* **************************************** */
/* 			IMAGE				 		*/
/* **************************************** */

img {
  max-width: 100%;
}

/* **************************************** */
/* 			RESPONSIVE IMAGES 				*/
/* **************************************** */

section.content div.image-container img {
  height: auto;
  margin-bottom: 0px;
  width: 100%;
}
section.content div.image-container {
  text-align: center;
}