* {
  box-sizing: border-box;
}
body {
  background-color: powderblue;
}

header {
	width:1200px;
	margin:auto;
	background-color:white;
	margin-bottom:15px;
}

#wrapper {
	width:1200px;
	margin:auto;
	position:relative;
}

#wrapper::after{
	content: "";
  clear: both;
  display: table;
}
nav {
		float:left;
		width:150px;
		height:600px;
		text-align: center;
		}
		
		nav ul {
			list-style-type: none;
			margin:0;
			padding:0;
			
		}
		
		nav ul li{
			border-top:1px solid black;
			border-left:1px solid black;
			border-right:1px solid black;
			
		}
		nav ul li:last-child{
			border-bottom:1px solid black;
			
		}
		
		nav ul li ul li{
			border:none;
		}
		nav ul li ul li:last-child{
			border:none;
			
		}
		
		nav ul li ul li a{
			background-color: white;
			margin-bottom:0px;
		}
		
		nav ul li a{
			display:block;
			padding:5px;
			color:black;
			background-color:white;
			text-decoration:none;
		}
		
		nav ul li a:hover{
			background-color:lightblue;
		}
		
		nav ul li a.active{
			background-color:lightblue;
		}
main {
	float:left;
	width:1035px;
	height:600px;
	margin-left:15px;
}


footer{
	width:1200px;
	margin:auto;
	background-color:white;
	margin-top:15px;
}

.widget100
{
	float:left;
	width:100%;
	padding:2px;
}
.widget50
{
	float:left;
	width:50%;
	padding:2px;
	
}
.widget33
{
	float:left;
	width:33.33%;
	padding:2px;
}

.breadcrumb
{
	border:1px solid black;
}
table {
	width:100%
}

textarea {
  width: 100%;
  height: 500px;
  padding: 12px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: none;
}