.click-nav {
	margin: 100px auto;
	width: 200px;
}

.click-nav ul {
	position: relative;
	font-weight: 900;
}

.click-nav ul li {
	position: relative;
	list-style-type: none;
	list-style: none;
	cursor: pointer;
}

.click-nav ul li ul {
	position: absolute;
	left: 0;
	right: 0;
}

.clicker ul .clicker {
	position: relative;
	background: #2284B5;
	color: #fff;
}

.clicker-nav ul .clicker:hover, .click-nav ul .active {
	background-color: #196F9A;
}

.clicker ul li a {
	transition:background-color 0.2s ease-in-out;
	-webkit-transition:background-color 0.2s ease-in-out;
	-moz-transition:background-color 0.2s ease-in-out;
	display: block;
	padding: 8px 10px 8px 40px;
	background: #fff;
	color: #333;
	text-decoration: none;
}

.click-nav ul li a:hover {
	background: #F2F2F2;
}

.click-nav .no-js ul {
	display: none;
}

.click-nav .no-js:hover ul {
	display: block;
}




body {
    margin:0 auto;
    padding:0;
	width:200px;
    text-align:center;
}
.pull-me{
    -webkit-box-shadow: 0 0 8px #FFD700;
    -moz-box-shadow: 0 0 8px #FFD700;
    box-shadow: 0 0 8px #FFD700;
    cursor:pointer;
}
.panel {
	background: #ffffbd;
    background-size:90% 90%;
    height:300px;
	display:none;
    font-family:garamond,times-new-roman,serif;
}
.panel p{
    text-align:center;
}
.slide {
	margin:0;
	padding:0;
	border-top:solid 2px #cc0000;
}
.pull-me {
	display:block;
    position:relative;
    right:-25px;
    width:150px;
    height:20px;
	font-family:arial,sans-serif;
    font-size:14px;
	color:#ffffff;
    background:#cc0000;
	text-decoration:none;
    -moz-border-bottom-left-radius:5px;
    -moz-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
.pull-me p {
    text-align:center;
}