.Footerwrapper {
	display: inline-block;
	width: 220px;
	margin: 0 10px 0 0;
	height: 50px;
	position: relative;
}
.Footerparent {
	height: 100%;
	width: 100%;
	display: block;
	cursor: pointer;
	line-height: 30px;
	height: 30px;
	border-radius: 5px;
	background: #F9F9F9;
	border: 1px solid #AAA;
	border-bottom: 1px solid #777;
	color: #282D31;
	font-weight: bold;
	z-index: 2;
	position: relative;
	-webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
	-webkit-transition-delay: .8s;
	text-align: center;
}
.Footerparent:hover,  .Footercontent:hover ~ .parent {
	background: #fff;
	-webkit-transition-delay: 0s, 0s, 0s;
}
.Footercontent:hover ~ .Footerparent {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	z-index: 0;
}
.Footercontent {
	position: absolute;
	top: 0;
	display: block;
	z-index: 1;
	height: 0;
	width: 220px;
	padding-top: 30px;
	-webkit-transition: height .5s ease;
	-webkit-transition-delay: .4s;
	border: 1px solid #777;
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.4);
}
.Footerwrapper:active .Footercontent {
	height: 123px;
	z-index: 3;
	-webkit-transition-delay: 0s;
}
.Footercontent:hover {
	height: 123px;
	z-index: 3;
	-webkit-transition-delay: 0s;
}
.Footercontent ul {
	background: #e2e0e5;
	margin: 0;
	padding: 0;
	overflow: auto;
	height: 220%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.Footercontent ul a {
	text-decoration: none;
}
.Footercontent li:hover {
	background: #eee;
	color: #333;
}
.Footercontent li {
	list-style: none;
	text-align: left;
	color: #888;
	font-size: 11px;
	line-height: 30px;
	height: 30px;
	padding-left: 10px;
	border-top: 1px solid #ccc;
	width: 100%
}
.Footercontent li:last-of-type {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}




.Footerwrapper2 {
	display: inline-block;
	width: 200px;
	margin: 0 10px 0 0;
	position: relative;
}
.Footerparent2 {
	height: 100%;
	width: 100%;
	display: block;
	cursor: pointer;
	line-height: 30px;
	height: 30px;
	font-weight: bold;
	z-index: 2;
	position: relative;
	text-align: left;
	color: #FFF
}
.Footerparent2:hover,  .Footercontent2:hover ~ .Footerparent2 {
}
.Footercontent2:hover ~ .Footerparent2 {
	z-index: 0;
}
.Footercontent2 {
	position: absolute;
	top: 0;
	display: block;
	z-index: 1;
	height: 0;
	width: 200px;
	padding-top: 30px;
	-webkit-transition: height .5s ease;
	-webkit-transition-delay: .4s;
}
.Footerwrapper2:active .Footercontent2 {
	height: 123px;
	z-index: 3;
	-webkit-transition-delay: 0s;
}
.Footercontent2:hover {
	height: 123px;
	z-index: 3;
	-webkit-transition-delay: 0s;
}
.Footercontent2 ul {
	background: #e2e0e5;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height: 220%;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
		border-top-left-radius: 5px;
	border-top-right-radius: 5px;

}
.Footercontent2 ul a {
	text-decoration: none;
	color: #000000
}
.Footercontent2 li:hover {
	background: #eee;
	color: #333;
}
.Footercontent2 li {
	list-style: none;
	text-align: left;
	color: #888;
	font-size: 11px;
	line-height: 30px;
	height: 30px;
	padding-left: 10px;
	border-top: 1px solid #ccc;
	width: 100%
}
.Footercontent2 li:last-of-type {
}


.dropdown {
	position: absolute;
	z-index: 9999999;
	display: none;
}

.dropdown .dropdown-menu,
.dropdown .dropdown-panel {
	min-width: 160px;
	max-width: 360px;
	list-style: none;
	background: #FFF;
	border: solid 1px #DDD;
	border: solid 1px rgba(0, 0, 0, .2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	overflow: visible;
	padding: 4px 0;
	margin: 0;
}

.dropdown .dropdown-panel {
	padding: 10px;
}

.dropdown.dropdown-tip {
	margin-top: 8px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px
}

.dropdown.dropdown-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #CCC;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:before {
	left: auto;
	right: 9px;
}

.dropdown.dropdown-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  display: inline-block;
}

.dropdown.dropdown-tip.dropdown-anchor-right:after {
	left: auto;
	right: 10px;
}


.dropdown.dropdown-scroll .dropdown-menu,
.dropdown.dropdown-scroll .dropdown-panel {
	max-height: 358px;
	overflow: auto;
}

.dropdown .dropdown-menu LI {
	list-style: none;
	padding: 0 0;
	margin: 0;
	line-height: 18px;
}

.dropdown .dropdown-menu LI > A,
.dropdown .dropdown-menu LABEL {
	display: block;
	color: #555;
	text-decoration: none;
	line-height: 18px;
	padding: 3px 15px;
	margin: 0;
	white-space: nowrap;
	font-size:12px
}

.dropdown .dropdown-menu LI > A:hover,
.dropdown .dropdown-menu LABEL:hover {
	background-color: #08C;
	color: #FFF;
	cursor: pointer;
}

.dropdown .dropdown-menu .dropdown-divider {
	font-size: 1px;
	border-top: solid 1px #E5E5E5;
	padding: 0;
	margin: 5px 0;
}

/* Icon Examples - icons courtesy of http://p.yusukekamiyamane.com/ */
.dropdown.has-icons LI > A {
	padding-left: 30px;
	background-position: 8px center;
	background-repeat: no-repeat;
}

.dropdown .undo A { background-image: url(icons/arrow-curve-180-left.png); }
.dropdown .redo A { background-image: url(icons/arrow-curve.png); }
.dropdown .cut A { background-image: url(icons/scissors.png); }
.dropdown .copy A { background-image: url(icons/document-copy.png); }
.dropdown .paste A { background-image: url(icons/clipboard.png); }
.dropdown .delete A { background-image: url(icons/cross-script.png); }

.menuLinks1 {width:150px; font-size:13px; line-height:25px; float:left; padding:5px;  margin:5px; }
.menuLinks1 a:link {color: #333; text-decoration:none}
.menuLinks1 a:visited {color: #333;}
.menuLinks1 a:hover {color: #000000;}
.menuLinks1 a:active {color: #333;}

.menuLinks2 {width:150px; font-size:13px; line-height:25px; float:left; padding:5px;  margin:5px; }
.menuLinks2 a:link {color: #333; text-decoration:none}
.menuLinks2 a:visited {color: #333;}
.menuLinks2 a:hover {color: #000000;}
.menuLinks2 a:active {color: #333;} 


.menuLinks3 {width:150px; font-size:13px; line-height:25px; float:left; padding:5px;  margin:5px; }
.menuLinks3 a:link {color: #FFFFFF; text-decoration:none}
.menuLinks3 a:visited {color: #FFFFFF;}
.menuLinks3 a:hover {color: #000000;}
.menuLinks3 a:active {color: #FFFFFF;}


.mainSection {width:750px; height:185px; padding:15px; margin:auto;}

.rightSection {width:200px; float:right; font-size:12px; }

.footerSubscribe1 {padding:5px; background-color:#FFFFFF; margin:0px 0px 10px 0px}


.footerSubscribe2 {padding:5px; background-color:#FFFFFF}

.follow {padding:10px; color:#FFFFFF}


@media screen and (max-width: 480px) {
.menuLinks {float:none; }
.mainSection {width:200px; height:560px; text-align:center; margin:auto}

.menuLinks1 {float:none; border-right:none; margin:0px }
.menuLinks2 {float:none; border-right:none; margin:0px  }

.menuLinks3 {float:none;  border-right:none; padding:10px 0px 10px 0px:; margin:none  }

.rightSection {float:none; }

	}

@media screen and (min-width: 480px) and (max-width: 768px) {

.mainSection {width:550px;}
.mainSection {width:550px; height: 315px;}
.rightSection {width:195px; float:none; font-size:12px;margin:auto; padding:20px 0px 0px 0px }
.menuLinks1 {margin:0px }
.menuLinks2 {float:right; border-right:none; margin:0px }
.menuLinks3 {float:none; margin:auto; height:117px;  }
.follow {text-align:center}

	}

@media screen and (min-width: 768px) and (max-width: 979px) {
	.mainSection {width:550px; height: 315px;}
	.rightSection {width:195px; float:none; font-size:12px;margin:auto; padding:20px 0px 0px 0px }
	.menuLinks1 {margin:0px }
	.menuLinks2 {float:right; border-right:none; margin:0px}

	.menuLinks3 {float:none; margin:auto; height:117px;  }

	.follow {text-align:center}


	}