@import url(////fonts.googleapis.com/css?family=Dosis);

body 
{
	background-color: #D9D9D9;
}

.diyw #mainNav1 a,.diyw #mainNav2 a, .diyw #mainNav3 a{
 white-space: normal;
 word-wrap: break-word;	
}
.diyw #diywebWrapper{
	width: 940px;
	min-height: 100%;
	background-color: #FFF;
	padding: 20px;
	margin: 25px auto;
}

.diyw #diywebHeaderWrapper {
	position: relative;
	background: #adcc33;
	background: -moz-linear-gradient(top,  #adcc33 0%, #7a9900 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#adcc33), color-stop(100%,#7a9900));
	background: -webkit-linear-gradient(top,  #adcc33 0%,#7a9900 100%);
	background: -o-linear-gradient(top,  #adcc33 0%,#7a9900 100%);
	background: -ms-linear-gradient(top,  #adcc33 0%,#7a9900 100%);
	background: linear-gradient(to bottom,  #adcc33 0%,#7a9900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adcc33', endColorstr='#7a9900',GradientType=0 );
}

.diyw #diywebLeftHeaderWrapper {
	width: 120px;
	height: 100px;
	position: absolute;
	bottom: 0;
	background-color: #BAD902;
	border-top: 1px #FFF solid;
	border-right: 1px #FFF solid;
}

.diyw #diywebEmotionHeader {
	float: right;
	width: 690px;
	border-left: 1px #FFF solid;
	overflow: hidden;
}

.diyw #diywebNavigation {
	background: #8eab1a;
	background: -moz-linear-gradient(top, #8eab1a 0%, #749200 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8eab1a), color-stop(100%,#749200));
	background: -webkit-linear-gradient(top, #8eab1a 0%,#749200 100%);
	background: -o-linear-gradient(top, #8eab1a 0%,#749200 100%);
	background: -ms-linear-gradient(top, #8eab1a 0%,#749200 100%);
	background: linear-gradient(to bottom, #8eab1a 0%,#749200 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eab1a', endColorstr='#749200',GradientType=0 );
}

.diyw #diywebLeftCenterWrapper {
	float: left;
	width: 249px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #81A200;
}

.diyw #diywebContent {
	float: right;
	width: 589px;
	padding: 50px;
	font-family: 'Dosis', sans-serif;
	color: #666666;
	background-color: #F8F8F8;
	border-right: 1px solid #EEEEEE;
}

.diyw #diywebContent h1,
.diyw #diywebContent h2,
.diyw #diywebContent p {
	margin: 0;
	padding: 0;
	font-weight: 400;
}

.diyw #diywebContent h1 {
	font-size: 38px;
	color: #80A100;
}

.diyw #diywebContent h2 {
	font-size: 30px;
	color: #80A100;
}

.diyw #diywebContent p {
	font-size: 16px;
	font-style: Verdana, sans-serif;
}

.diyw #diywebContent a,
.diyw #diywebContent a:link,
.diyw #diywebContent a:visited {
	font-style: Verdana, sans-serif;
	font-size: 16px;
	color: #D07603;
	text-decoration: none;
}

.diyw #diywebContent a:hover,
.diyw #diywebContent a:active,
.diyw #diywebContent a:focus {
	text-decoration: underline;
}

.diyw #diywebSidebar{
	color: #FFF;
	background-color: #4D5E08;
	border-bottom: 1px solid #FFF;
	padding: 30px;
	margin-bottom: 80px;
}

.diyw #diywebSidebar h1,
.diyw #diywebSidebar h2 {
	margin: 0;
	padding: 0;
	font-family: 'Dosis', sans-serif;
	font-size: 20px;
}

.diyw #diywebSidebar p {
	font-family: 'Verdana', sans-serif;
	font-size: 13px;
}

.diyw #diywebSidebar a,
.diyw #diywebSidebar a:link,
.diyw #diywebSidebar a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
}

.diyw #diywebSidebar a:hover,
.diyw #diywebSidebar a:focus,
.diyw #diywebSidebar a:active {
	color: #DA8E05;
}

.diyw #diywebFooter {
	padding: 25px 30px 0 30px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background: #a3c61a;
	background: -moz-linear-gradient(top,  #a3c61a 0%, #89ac00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3c61a), color-stop(100%,#89ac00));
	background: -webkit-linear-gradient(top,  #a3c61a 0%,#89ac00 100%);
	background: -o-linear-gradient(top,  #a3c61a 0%,#89ac00 100%);
	background: -ms-linear-gradient(top,  #a3c61a 0%,#89ac00 100%);
	background: linear-gradient(to bottom,  #a3c61a 0%,#89ac00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3c61a', endColorstr='#89ac00',GradientType=0 );
}

.diyw #diywebFooter a,
.diyw #diywebFooter a:link,
.diyw #diywebFooter a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.diyw #diywebFooter a:hover,
.diyw #diywebFooter a:focus,
.diyw #diywebFooter a:active {
	text-decoration: underline;
}

.diyw #mainNav1:before,
.diyw #mainNav1:after,
.diyw #mainNav2:before,
.diyw #mainNav2:after,
.diyw #mainNav3:before,
.diyw #mainNav3:after,
.diyw #diywebHeaderWrapper:before,
.diyw #diywebHeaderWrapper:after,
.diyw #diywebCenterWrapper:before,
.diyw #diywebCenterWrapper:after,
.diyw .thumbElement {
	content: "\0020"; 
	display: block; 
	height: 0;
	overflow: hidden;
}

.diyw #mainNav1:after,
.diyw #mainNav2:after,
.diyw #mainNav3:after,
.diyw #diywebHeaderWrapper:after,
.diyw #diywebCenterWrapper:after,
.diyw .thumbElement { 
	clear: both;
}

.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3,
.diyw #diywebHeaderWrapper,
.diyw #diywebCenterWrapper,
.diyw .thumbElement { 
	zoom: 1; 
}

.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3 {
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: normal;
	word-wrap: break-word;
}

.diyw #mainNav1 {
	font-family: 'Dosis', sans-serif;
	font-size: 17px;
	margin-left: 50px;
}

.diyw #mainNav1 li {
	float: left;
	margin: 1px 0 1px 0;
	border-left: 1px solid #B8CA74;
	max-width: 889px;
}

.diyw #mainNav1 a,
.diyw #mainNav1 a:link,
.diyw #mainNav1 a:visited {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 30px;
}

.diyw #mainNav1 li:last-of-type {
	border-right: 1px solid #B8CA74;
}

.diyw #mainNav1 a.parent,
.diyw #mainNav1 a.current,
.diyw #mainNav1 a.parent:hover,
.diyw #mainNav1 a.current:hover,
.diyw #mainNav1 a:hover,
.diyw #mainNav1 a:active,
.diyw #mainNav1 a:focus {
	background: #dd9406;
	background: -moz-linear-gradient(top,  #dd9406 0%, #c55d00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd9406), color-stop(100%,#c55d00));
	background: -webkit-linear-gradient(top,  #dd9406 0%,#c55d00 100%);
	background: -o-linear-gradient(top,  #dd9406 0%,#c55d00 100%);
	background: -ms-linear-gradient(top,  #dd9406 0%,#c55d00 100%);
	background: linear-gradient(to bottom,  #dd9406 0%,#c55d00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd9406', endColorstr='#c55d00',GradientType=0 );
}

.diyw #mainNav2 li {
	font-family: Arial, sans-serif;
}

.diyw #mainNav2 a,
.diyw #mainNav2 a:link,
.diyw #mainNav2 a:visited {
	display: block;
	font-size: 15px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 7px 0 7px 30px;
	border-bottom: 1px solid #C0D07F;
}

.diyw #mainNav2 a:hover,
.diyw #mainNav2 a:active,
.diyw #mainNav2 a:focus {
	font-weight: bold;
	padding-bottom: 6px;
	background: #dd9406;
	background: -moz-linear-gradient(top,  #dd9406 0%, #c55d00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd9406), color-stop(100%,#c55d00));
	background: -webkit-linear-gradient(top,  #dd9406 0%,#c55d00 100%);
	background: -o-linear-gradient(top,  #dd9406 0%,#c55d00 100%);
	background: -ms-linear-gradient(top,  #dd9406 0%,#c55d00 100%);
	background: linear-gradient(to bottom,  #dd9406 0%,#c55d00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd9406', endColorstr='#c55d00',GradientType=0 );
}

.diyw #mainNav2 a.parent {
	font-weight: bold;
	border-bottom: 0;
	padding: 7px 0 2px 30px;
	background-color: #DD9406;
}

.diyw #mainNav2 a.parent:hover {
	background: none;
	background-color: #DD9406;
}

.diyw #mainNav2 a.current {
	font-weight: bold;
	background: #dd9406;
	background: -moz-linear-gradient(top,  #dd9406 0%, #c55d00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd9406), color-stop(100%,#c55d00));
	background: -webkit-linear-gradient(top,  #dd9406 0%,#c55d00 100%);
	background: -o-linear-gradient(top,  #dd9406 0%,#c55d00 100%);
	background: -ms-linear-gradient(top,  #dd9406 0%,#c55d00 100%);
	background: linear-gradient(to bottom,  #dd9406 0%,#c55d00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd9406', endColorstr='#c55d00',GradientType=0 );
}

.diyw #mainNav3 {
	border-bottom: 1px solid #C0D07F;
	padding-bottom: 8px;
	background: #dd9406;
	background: -moz-linear-gradient(top,  #dd9406 0%, #c55d00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd9406), color-stop(100%,#c55d00));
	background: -webkit-linear-gradient(top,  #dd9406 0%,#c55d00 100%);
	background: -o-linear-gradient(top,  #dd9406 0%,#c55d00 100%);
	background: -ms-linear-gradient(top,  #dd9406 0%,#c55d00 100%);
	background: linear-gradient(to bottom,  #dd9406 0%,#c55d00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd9406', endColorstr='#c55d00',GradientType=0 );
}

.diyw #mainNav3 a,
.diyw #mainNav3 a:link,
.diyw #mainNav3 a:visited {
	display: block;
	font-size: 13px;
	padding: 2px 0 2px 45px;
	border: 0;
}

.diyw #mainNav3 a.current,
.diyw #mainNav3 a:hover,
.diyw #mainNav3 a:active,
.diyw #mainNav3 a:focus {
	font-weight: bold;
	background: url("../img/sub_navigation_bullet_point.png") 32px 7px no-repeat;
}