/* Styles for Enigmalytics Website */

body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background-color: #FDFBFB;
	font-family: optima, sans-serif;
	overflow: auto;
}


/* .menuContainer {				*/
/*	background-color: #333;		*/
/*    width: 100%;				*/
/* }							*/

.mainMenu {
	/* width: 800px;			*/
	width: 60%;
	height: 30px;
	padding-top: 20px;
	padding-bottom: 30px;
	position: relative;
	left: 10%;
    margin: 0px auto;
    background-color: yellow;
    overflow: hidden;
    font-family: Optima, sans-serif;
}

.mainMenu a {
	float: left;
	display: block;
	color: #F2F2F2;
	text-align: center;
	text-decoration: none;
	padding: 14px 16px;
	font-size: 17px;
}

.mainMenu .switch {
	display: none;
}

/* .subMenu {						*/
/*	float: left;					*/
/*	overflow: hidden;				*/
/* }								*/

/* .subMenu .subButton {			*/
/*	font-size: 17px;				*/
/*	border: none;					*/
/*	outline: none;					*/
/*	color: white;					*/
/*	padding: 14px 16px;				*/
/*	background-color: inherit;		*/
/*	font-family: inherit;			*/
/*	margin: 0;  					*/
/* }								*/

/* .subList {						*/
/*	display: none;					*/
/*	position: absolute;				*/
/*	background-color: #F9F9F9;		*/
/*	min-width: 160px;				*/
/*	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);	*/
/*	z-index: 1;						*/
/* }								*/

/* .subList a {						*/
/*	float: none;					*/
/*	color: black;					*/
/*	padding: 12px 16px;				*/
/*	text-decoration: none;			*/
/*	display: block;					*/
/*	text-align: left;				*/
/* }								*/

/* .mainMenu a:hover, .subMenu:hover .subButton {		*/
/*	background-color: #555;								*/
/*	color: white;										*/
/* }													*/

/* .subList a:hover {				*/
/*	background-color: #DDD;			*/
/*	color: black;					*/
/* }								*/

/* .subMenu:hover .subList {							*/
/*	display: block;										*/
/* }													*/

/* Revised Header added 23 Feb 2021 */

.newMenuContainer {
	width: 100%;
	height: 80px;
	background-color: #FF6600;
	margin: 0px;
	padding: 0px;
}

.newLogo {
	float: left;
	display: inline;
	width: 20%;
	height: 30px;
	background-color: #FF6600;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 2%;
	padding-right: 2%;
}

.newLogo p {
	margin: 0;
	font-size: 1.5em;
	font-weight: bold;
	color: white;
	text-align: left;
}

.logoTitle {
	display: inline;
	float: left;
	width: 50%;
	height: 30px;
	background-color: #FF6600;
	padding-top: 25px;
	padding-bottom: 25px;
}

.logoTitle p {
	margin: 0;
	font-size: 1.5em;
	font-weight: bold;
	color: white;
	text-align: center;
}

.newLogo a.newLogoButton {
	width: 90%;
	height: 30px;
	padding: 4px 16px;
	line-height: 30px;
	margin: 0px auto;
	background-color: #41E854;
	font-size: 1.1em;
	font-weight: bold;
	border: none;
	border-radius: 10px;
	color: white;
	text-align: center;
	position: relative;
	left: 20%;
}


/* Header to be used in all pages */

.header {
	margin: 0px auto;
	width: 99.5%;	
	height: 60px;
	border: 0.25% solid #FF6600;
	background-color: #FF6600;

}

/* Box for logo image */

.logo {
	float: left;
	/* width: 360px;	*/
	width: 18%;
	height: 30px;
	margin: 5px;
	position: relative;
	top: 20px;
	left: 10px;
	border: 0.25% solid #FF6600;
	/* 	border: 2px #FF6600;	*/
	font-size: 24px;
	font-weight: bold;
	color: white;
}

.logoButton {
	float: left;
	width: 18%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #41E854;
	font-size: 16px;
	border-radius: 10px;
}

.logoButton a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}

/* Navigation menu box */

.nav {
	float: left;
	width: 320px;
	height: 30px;
	position: relative;
	height: 60px;
	margin:5px;
	border: 2px solid #FF6600;
}

/* List for menu items */

.menuitem {
/*	display: inline-block;		*/
	float: left;
	margin-right: 10px;
	width: 96px;
	color: white;
	font-size: 16px;
	font-family: optima, sans-serif;
	font-weight: bold;
/*	text-transform: uppercase;	*/
	text-align: center;
	line-height: 32px;
}


/* Menu button */

.menubutton {
	display: online;
	float: left;
	width: 84px;
	height: 32px;
	color: #30302f;
	border-radius: 3px;
	font-family: Arial;	
	font-size: 14px;
	font-weight: bolder;
	letter-spacing: 0.15;
} 


.menuitem:hover {
/*	text-decoration: underline;	*/
	color: #224568;
	background-color: white;
}


/* Container for main body of pages */

/* Colour schemes */

.pastel {
	background-color: #E7E7E7;
}

.grey {
	background-color: #F7EECD;
	color: #FF6600;
	text-align: center;
}

.ivory {
	background-color: #FDFBFB;
	color: #FF6600;
	text-align: center;
}

.peach {
	background-color: #F7EECD;
	color: #FF6600;
	text-align: center;
}

.subhead {
	background-color: red;
	color: "orange";
	text-align: center;
}

.current {
	background-color: #E0D1BF;
	color: #8A4E0A;
	text-align: center;
}


.container {
/*	background-color: #224568;	*/
	width: 100%;
/*	height: 100%;			*/
	min-height: 80px;
	margin: 0px auto;
	border: 2px #224568;
	padding-top: 30px;
	position: relative;
}

.holdtopheader {
	padding-top: 0px;
	width: 100%;
	height: 70px;
	margin: auto;
	background-color: #FF6600;
}

.holdfooter {
	margin: 0px auto;
	width: 100%;
	background-color: #336699;
}


.container h1 {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: white;
}

.container h2 {
	text-align: center;
	font-size: 24px;
	font-family: optima, sans-serif;
	font-weight: bolder;
	color: #FF6600;
}

.container p {
	text-align: center;
	font-size: 20px;
	color: white;
}

/* Row (full width) */

.row {
	width: 1080px;
	overflow-x: hidden;
	margin: auto;
}

.blogHeaderRow {
	width: 100%;
	margin: 0;
	overflow-x: hidden;
}

/* Row for Wow boxes (full width) */

.rowBoxes {
	width: 1080px;
	height: 112px;
	overflow-x: hidden;
	margin: auto;
}


/* Row for Pie Captions (full width) */

.rowPie {
	width: 1080px;
	overflow: auto;
	margin: auto;
}



/* Row (full width) */

.rowhigh {
	width: 1080px;
	height: 360px;
	overflow: auto;
	margin: auto;
}

/* Row (full width) */

.rowveryhigh {
	width: 1080px;
	height: 620px;
	overflow: auto;
	margin: auto;
}



/* 1 column width block (90 pixels in total) */

.colwidth1 {
	
	/* position and size properties */	

	float: left;
	top: 10px;
	width: 58px;

	/* style properties */
	
	margin: 10px;
	padding: 5px;
	border: 1px solid black;
	background-color: #FDFBFB;
}

/* 2 column width block (180 pixels in total) */

.colwidth2 {
	
	/* position and size properties */	

	float: left;
	top: 30px;	
	width: 148px;
	
	/* style properties */
	
	margin: 10px;
	padding: 5px;
	border: 1px solid red;
	background-color: #FDFBFB;
}


/* 3 column width block (270 pixels in total) */

.colwidth3 {
	
	/* position and size properties */	

	float: left;
	top: 10px;	
	width: 238px;

	/* style properties */
	
	margin: 10px;
	padding: 5px;
	border: 1px solid green;
	background-color: #FDFBFB;
}


/* 4 column width block (360 pixels in total) */

.colwidth4 {
	
	/* position and size properties */	

	float: left;
	top: 10px;	
	width: 328px;

	/* style properties */
	
	margin: 10px;
	padding: 5px;
	border: none;
	background-color: #FDFBFB;
}


/* 6 column width block (540 pixels in total) */

.colwidth6 {
	
	/* position and size properties */	

	float: left;
	top: 10px;	
	width: 508px;

	/* style properties */
	
	margin: 10px;
	padding: 5px;
	border: none;
	background-color: #FDFBFB;
}


/* 8 column width block (720 pixels in total) */

.colwidth8 {
	
	/* position and size properties */

	float: left;
	top: 10px;
	width: 690px;

	/* style properties */

	margin: 10px;
	padding: 5px;
	border: none;
	background-color: #FDFBFB;
}

/* 9 column width block (810 pixels in total) */

.colwidth9 {
	
	/* position and size properties */
	
	float: left;
	top: 10px;
	width: 778px;

	/* style properties */
	
	margin: 10px;
	padding: 5px;
	border: 1px solid green;
	background-color: #FDFBFB;
}


/* 10 column width block (900 pixels in total) */

.colwidth10 {
	
	/* position and size properties */

	float: left;
	top: 10px;
	width: 870px;

	/* style properties */

	margin: 10px;
	padding: 5px;
	border: none;
	background-color: #FDFBFB;
}


/* 12 column width block (1080 pixels in total) */

.colwidth12 {
	
	/* position and size properties */

	float: left;
	top: 10px;
	width: 1050px;

	/* style properties */

	margin: 10px;
	padding: 5px;
	border: none;
	background-color: #FDFBFB;
}


.colwidth8 h1 {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: white;
}



.chartheader3 {
	float: left;
	height: 25px;
	width: 238px;
	text-align: center;
	font-size: 18px;
	font-family: Calibri;
	line-height: 25px;
	background-color: #003366;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.chartheader4 {
	float: left;
	height: 25px;
	width: 328px;
	text-align: center;
	font-size: 18px;
	font-family: Calibri;
	line-height: 25px;
	background-color: #003366;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}	

.chartheader6 {
	float: left;
	height: 25px;
	width: 508px;
	text-align: center;
	font-size: 18px;
	font-family: Calibri;
	line-height: 25px;
	background-color: #003366;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}	

.chartheader8 {
	float: left;
	height: 25px;
	width: 688px;
	text-align: center;
	font-size: 18px;
	font-family: Calibri;
	line-height: 25px;
	background-color: #003366;
	color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}	

.chartfooter6 {
	float: left;
	height: 68px;
	width: 508px;
	text-align: center;
	line-height: 70px;
	background-color: #003366;
	color: white;
	font-size: 48px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.chartfooter3a {
	float: left;
	height: 68px;
	width: 238px;
	text-align: center;
	line-height: 70px;
	background-color: #A2D97D;
	color: white;
	font-size: 48px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.chartfooter3b {
	float: left;
	height: 68px;
	width: 238px;
	text-align: center;
	line-height: 70px;
	background-color: #99CCFF;
	color: white;
	font-size: 48px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.innercolwidth2 {
	
	/* position and size properties */	

	float: left;
	width: 140px;
	height: 50px;
	
	/* style properties */
	
	font-family: Calibri;	
	font-size: 18px;
	line-height: 50px;
	text-align: center;
	margin: 10px;
	padding: 5px;
	border: 1px #F0F0F0;
	background-color: #F0F0F0;
	color: black;
}

.innerchart {
	
	/* position and size properties */
	
	float: left;
	width: 160px;
	height: 60px;

	/* style properties */

	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #E8E8E8;
	background-color: white;
}

.statstoggle {
	
	margin-left: 20px;
	margin-top: 5px;
	height: 35px;
	width: 80px;
	background-color: #E8E8E8;
	color: grey;
	border-radius: 5px;
}

.statstoggle:active {
	background-color: #E80000;
	color: white;
}

.categorySelect {
	
	margin-left: 50px;
	height: 30px;
	width: 150px;
	background-color: #C6C6C6;
	font-size: 18px;
	font-family: Calibri;
	font-weight: bold;
	color: 224568;
	border-radius: 5px;
}

.smallbox {
	float: left;
	width: 80px;
	height: 50px;
	margin: 5px;
	line-height: 60px;
	text-align: center;
	padding-left: 5px;
	font-size: 36px;
}

.mediumbox {
	float: left;
	width: 120px;
	height: 30px;
	margin: 5px;
	padding-top: 10px;
	padding-right: 10px;	
	font-size: 20px;
	text-align: left;
	line-height: 20px;
}

.largebox {
	float: left;
	width: 500px;
	height: 50px;
	margin: 5px;
	font-size: 20px;
	line-height: 50px;
	font-size: 28px;
}

.footermenu {
	width: 1080px;
	height: 50px;
	margin: 0 auto;
	padding-top: 10px;
	background-color: #336699;
	color: white;
}

.vline {
	float: left;
	border-left: 3px solid grey;
	border-right: 3px solid grey;
	background-color: white;
	width: 2px;
	height: 39px;
}

.topnav {
	background-color: #E7E7E7;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid white;
	border-bottom: 1px solid grey;
}

.topnav a {
	float: left;
	color: black;
	text-align: center;
	padding: 8px 10px;
	text-decoration: none;
	font-family: Calibri;
	font-size: 19px;
	width: 90px;
}

.topnav a:hover {
	background-color: #FABF7F;
	color: black;
}

.topnav a.active {
	background-color: #FF6600;
	color: white;
}


/* Styles for Forms */

.btn_minor {
	margin-left: 1%;
	margin-right: 1%;
	width: 47%;
	height: 31px;
	border-radius: 5px;
	border-style: none;
	font: bold 20px Calibri;
	color: #376092;
	background-color: #F2F2F2
}		

.btn_major {
	margin-left: 1%;
	margin-right: 1%;
	width: 47%;
	height: 31px;
	border-radius: 5px;
	border-style: none;
	font: bold 20px Calibri;
	color: white;
	background-color: #FF6600
}

.form_p {
	padding-left: 1%;
	text-align: left;
	margin-bottom: 2px;
	font: bold 16px Calibri;
	color: #376092
}

.form_inp {
	margin-left: 1%;
	margin-right: 1%;
	width: 98%;
	height: 27px;
	border-radius: 5px;
	border-color: #BEBEBE;
	border-width: 1px
}

.form_inp_small {
	margin-left: 1%;
	margin-right: 1%;
	width: 47%;
	height: 27px;
	border-radius: 5px;
	border-color: #BEBEBE;
	border-width: 1px
}



/* Styles for main navigation menu */

nav {
	display: block;
	text-align: centre;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav_main a {
	display: block;
	background: #EEE;
	color: #111;
	text-decoration: none;
	padding: 0.8em 1.8em;
	text-transform: uppercase;
	font-size: 90%;
	letter-spacing: 2px;
	position: relative;
}

.nav_main {
	vertical-align: top;
	display: inline-block;
/*	box-shadow: 1px -1px -1px 1px #000, -1px 1px -1px 1px #FFF, 0 0 6px 3px #FFF; */
/*	border-radius: 6px;	*/
}

.nav_main li {
	position: relative;
}

.nav_main > li {
	float: left;
	border-bottom: 4px #EEE solid;
	border-right: 3px solid grey;
	border-left: 3px solid grey;
	margin-right: 2px;
}

.nav_main > li > a {
	margin-bottom: 1px #EEE solid;
/*	box-shadow: inset 0 2em .33em -0.5em #555;	*/
}

.nav_main > li:hover, .nav_main > li:hover > a {
	border-bottom-color: orange;
}

.nav_main li:hover > a {
	color: orange;
}

.nav_main > li:first-child {
	border-radius: 4px 0 0 4px;
}

.nav_main > li:first-child > a {
	border-radius: 4px 0 0 0;
}

.nav_main > li:last-child {
	border-radius: 0 0 4px 0;
	margin-right: 0;
}

.nav_main > li:last-child > a {
	border-radius: 0 4px 0 0;
}

.nav_main li li a {
	margin-top: 1px;
}

.nav_main li a:first-child:nth-last-child(2):before {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	top: 50%;
	right: 5px;
}

.nav_main ul {
	position: absolute;
	white-space: nowrap;
	border-bottom: 5px solid orange;
	z-index: 1;
	left: -99999em;
}

.nav_main > li:hover > ul {
	left: auto;
	margin-top: 5px;
	min-width: 100%;
}

.nav_main > li li ul {
	border-left: 1px solid #FFF;
}

.nav_main > li li:hover > ul {
	left: 100%;
	margin-left: 1px;
	top: -1px;
}

.nav_main > li > a:first-child:nth-last-child(2):before {
	border-top-color: #AAA;
}

.nav_main > li:hover > a:first-child:nth-last-child(2):before {
	border: 5px solid transparent;
	border-bottom-color: orange;
	margin-top: -5px;
}

.nav_main li li > a:first-child:nth-last-child(2):before {
	border-left-color: #AAA;
	margin-top: -5px;
}

.nav_main li li:hover > a:first-child:nth-last-child(2):before {
	border: 5px solid transparent;
	border-right-color: orange;
	right: 10px;
}


/* Styles for Blog menu */

.navMenu {
	overflow: hidden;
	background-color: #333;
}

.navMenu a {
	float: left;
	display: block;
	color: #F2F2F2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}

.navMenu a:hover {
	background-color: #DDD;
	color: black;
}

.navMenu .switch {
	display: none;
}

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

	.navMenu a:not(:first-child) {
		display: none;
	}

	.navMenu a.switch {
		display: block;
		float: right;
	}

	.navMenu.Small {
		position: relative;
	}

	.navMenu.Small .switch {
		position: absolute;
		right: 0;
		top: 0;
	}

	.navMenu.Small a {
		float: none;
		display: block;
		text-align: left;
	}


}


/* Blog styles */

td.blogTitle {
	width: 100%;
	height: 40px;
	text-align: left;
	padding-left: 10px;
	font-size: 24px;
	font-weight: bold;
}

td.blogImage {
	width: 100%;
	height: 180px;
}

.blogPic {
	width: 100%;
}

td.blogSubTitle {
	width: 100%;
	height: 100px;
	/*	margin-left: 10px;	*/
	text-align: left;
	color: #555;
	vertical-align: top;
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
}

td.blogAuthor {
	width: 100%;
	height: 24px;
	text-align: left;
	padding-left: 20px;
	font: bold 16px Calibri;
}

td.blogDate {
	width: 100%;
	height: 24px;
	font: italic 16px Calibri;
	padding-left: 20px;
	text-align: left;
}

.blogMore {
	color: purple;
	text-decoration: none;
	text-align: left;
	padding-left: 10px;
}


.blogItem h2 {
	color: white;
    background-color: #1E45C7;
    font-weight: lighter;
    font-size: 32px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    margin-bottom: 0;
}

.blogItem h3 {
	color: white;
    background-color: #1E45C7;
    font-weight: lighter;
    font-size: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    margin-top: 0px;
}

.blogItem h4 {
	font-weight: bold;
    font-size: 24px;
    padding-top: 4px;
    margin-top: 2px;
}

.blogItem p, .blogItem li {
	color: #444;
    font-size: 17px;
    line-height: 1.4;
    font-weight: lighter;
    margin-top: 10px;
}

.blogItem img {
	margin-top: 10px;
	margin-bottom: 10px;
}

.blogEntryNew {
	width: 30%; 
	height: 320px; 
	border: 1px solid black; 
	display: inline; 
	float: left; 
	margin-left: 2%;
}


/* Media query for smaller screens */

@media only screen and (max-width: 1020px) {
	
	.row, .blogHeaderRow {
		width: 100%;
		overflow-x: hidden;
		margin: auto;
		display: block;
	}

	.colwidth4, .colwidth8, .colwidth12 {
		float: none;
		top: 10px;	
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		/*	padding: 5px;	*/
		border: none;
		background-color: #FDFBFB;
		display: block;
	}


	.colwidth2 {
		float: none;
		top: 10px;	
		width: 42%;
		margin-left: 3%;
		margin-right: 3%;
		padding: 5px;
		border: none;
		background-color: #FDFBFB;
		display: inline;
	}
	

	.blogPara {
		color: purple;
	}

	.blogEntryNew {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%; 
		margin-top: 10px;
		height: auto; 
		border: 1px solid #B6C0D1; 
		display: inline; 
		float: left; 
	}

	.footermenu {
		width: 100%;
		height: 50px;
		margin: 0px auto;
		padding-top: 10px;
		padding-left: 10px;
		background-color: #336699;
		color: white;
	}
	
}

/* New styles for blog menus */

.blogContainer {
	background-color: #FDFBFB;
	width: 200px;
	margin-left: 4px;
	margin-right: 12px;
	margin-top: 6px;
    height: 250px;
    position: relative;
    float: left;
    border-top: 2px solid orange;
}

.pictureContainer {
	background-color: #FDFBFB;
    width: 90%;
    height: 40%;
    padding-top: 5%;
    float: left;
    margin-left: 5%;
	margin-right: 5%;
	margin-top: 8px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.textbox {
	position: absolute;
    top: 50%;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: left;
}

.textbox .title {
	font-size: 16px;
	font-weight: bold;
    text-align: left;
    padding-left: 6px;
    padding-top: 0%;
    margin-top: 1%;
    margin-bottom: 1%;
    color: #FF6600;
}

.textbox .subtitle {
	font-size: 16px;
    text-align: left;
    padding-left: 6px;
    padding-right: 6px;
    font-weight: 400;
    line-height: 1.5em;
    margin-top: 2%;
    margin-bottom: 3%;
	color: navy;
}

.textbox .readmore {
	margin: 0px auto;
	padding-left: 10px;
	text-align: left;
	width: 90%;
	background-color: #FFE6CC;
	color: #FF6600;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	position: absolute;
	bottom: 1px;
}

.textbox a {
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	color: #FF6600;
}

@media only screen and (max-width: 600px) {
	.blogContainer {
		width: 160px;
		/* padding-top: 35%;	*/
		margin-left: 10px;
		/* margin-right: 8px;	*/
	}

	.pictureContainer {
		background-color: #FDFBFB;
		/* width: 30%;			*/
		/* padding-top: 20%;	*/
		/* float: left;			*/
		/* margin: 1%;			*/
		/* position: absolute;	*/
		/* top: 1%;				*/
		/* left: 1%;			*/
		/* bottom: 0;			*/
		/* right: 0;			*/
	}

	.textbox {
		/* position: absolute;	*/
		/* top: 3%;				*/
		/* left: 32%;			*/
	}

	.textbox .title {
		font-size: 16px;
		line-height: 22px;
	}

}


/* Small Screen styles for new Header added 23 Feb 2021 */

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

	.newLogo, .logoTitle {
		width: 100%;
		display: block;
		float: none;
		margin-top: 0px;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.newMenuContainer {
		height: 80px;
	}

	.newLogo p, .logoTitle p {
		margin: 0 auto;
		left: 0;
		text-align: center;
		font-size: 1.2em;
	}

	.newLogo a.newLogoButton {
		width: 25%;
		margin: 0px auto;
		left: 0;
	}

	.mainMenu, .mainMenu.small {
		width: 100%;
		margin: 0;
	}

	/* .mainMenu a:not(:first-child), .subMenu .subButton {		*/
	/*	display: none;											*/
	/* }														*/

	.mainMenu a.switch {
		float: right;
		display: block;
	}
	
	.mainMenu.small {
		position: relative;
	}

	.mainMenu.small a.switch {
		position: absolute;
		right: 0;
		top: 0;
	}

	.mainMenu.small a {
		float: none;
		display: block;
		text-align: left;
	}

	/* .mainMenu.small .subMenu {				*/
	/*	float: none;							*/
	/* }										*/

	/* .mainMenu.small .subList {				*/
	/*	position: relative;						*/
	/* }										*/

	/* .mainMenu.small .subMenu .subButton {	*/
	/*	display: block;							*/
	/*	width: 100%;							*/
	/*	text-align: left;						*/
	/* }										*/
}