nav, footer {
	background-color: #2E2E2E;
}

nav, footer, nav a, footer a {
	color: #FFF;
}

nav ul a:hover {
	background-color: transparent !important;
}

nav ul ul {
	left: 0px !important;
}

nav ul ul ul {
	left: 57px !important;
	top: -1px !important;
}

main {
	width: 80%;
	max-width: 100vw;
	margin: 0 auto;
}

.bg_green {
	background-color: #008000;
}

.bg_yellow {
	background-color: #FFFF00;
}

.bg_red {
	background-color: #B22222;
}

input[type=text], input[type=email], input[type=password] {
	width: 300px !important;
}

.table_border {
	border-top: 2px solid #333 !important;
	border-bottom: 2px solid #333 !important;
}

@media only screen and (max-width: 768px) {
	main {
		width: 95%;
		margin: 0 auto;
	}
	
	nav ul {
		width: 100% !important;
	}
	
	nav li {
		width: 100% !important;
	}
	
	nav li a {
		color: #FFF !important;
	}
	
	nav ul li ul {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
	}
	
	nav ul ul {
		visibility: visible !important;
		opacity: 1 !important;
	}
}

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}