ul {
  list-style-type: none;
  margin-top: 2.5%;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
}

li {
  float: left;
}

li a {
  display: block;
font: 1.125em "Helvetica Neue", Helvetica, Arial, "sans-serif";
  color: black;
  text-align: center;
  padding: 14px 16px 0px ;
  text-decoration: none;
}

li a:hover {
/*  background-color: #F26122;*/
	font-weight: bold;
}




.lyle{
	font-weight: bold;
}

.sidebar_content{
	background-color: aqua;
	font: .2.5em italic Helvetica, Arial, "sans-serif";
}

.side_panel{
font: 1.125em "Helvetica Neue", Helvetica, Arial, "sans-serif";
	    color: #3c3735;
}
.new_nav {
    display: block;
	left: 0;
	top: 0;
    background: #fff;
    font-weight: 500;
	line-height: 50px;
	text-decoration: none;
}
.top_nav{
	margin-top: 29%;
	margin-left: 2.5%;
}
.top_nav_item{
	float: Left;
	width: 15%;
	color: #3c3735;
	font: .3em bold "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.colour{
		margin-left: 16%;
}
.sidebar_nav_item{
	float: left;
	padding: 10% 0% 10% 0%;
	width: 25%;
	color: #3c3735;
	font: .3em bold "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

 .new-nav a {
	 text-decoration: none;
}

.nav_div{
	padding: 1%;
}
.nav_content{
	display: block;
	width: 75%;
	padding-left: 16%;
    font-weight: 300;
	line-height: 50px;
	color: #3c3735;
	font: .80em "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

#color_content{
  display: none;	
}
.sub_nav{
  display: none;
}
 .header {
	 position: fixed;
	 left: 0;
	 top: 0;
	 bottom: 0;
	 width: 30%;
	 background: #fff;
}
.landing_text{
	color: #fff;
	padding: 5% 17% 10%;
	width: 60%;
	font: 1.3em "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: lighter;  
	font-style: italic;
}
 .header_landing {
	 position: fixed;
	 left: 0;
	 top: 0;
	 bottom: 0;
	 width: 30%;
}
 .logo {
	 font: 300 2em "Source Sans Pro", Helvetica, Arial, sans-serif;
	 text-align: center;
	 padding: 0;
	 margin: 0;
}

body {
}

h3 {
    color: #333
}

a {
    color: #3c3735;
}

a:hover {
    color: #000
}

a:visited {
  color: #3c3735;
text-decoration: underline;
}

.main_content
{
	position: absolute;
	margin-top: 0;
	margin-left: 30%;
	width: 70%;
	background-color: #fff;
}
.heading{
	font-size: 1.4em;
	color: #3c3735;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	position: relative;
	margin: 8% 10% 35% 15%;
}



input[type="text"],
input[type="password"] {
    border-color: #CCC;
    color: #333;
}

input[type="submit"],
p.button a, a.button {
    border-color: #BBB #AAA #AAA #BBB;
    color: #333;
}

input:hover[type="submit"],
a:hover.button, p.button a:hover {
    border-color: #F90 !important;
    color: #000;
}

.contact_form {
	margin-top: 20% 30%;
	background-color: aqua;
}