* { margin: 0; padding: 0; }

body {
background: #ffffff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.6em;
overflow: hidden;
}

.content {
	width: 280px;
	height: 1200px; 
	background: #FF6514;
}

.tabdiv {
	text-align: justify;
	}

		.tabdiv li {
			list-style-type: none;
			border-bottom: 1px solid #FF6514;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		
		.tabdiv li a, .tabdiv li a:hover {
			color: #FF6514;
			text-decoration: none;
			font-weight: bold;
		}
	
	  .tabdiv li a:hover {
			color: #1BA8E0;
			text-decoration: none;
			font-weight: bold;
		}

        .w3c { height: 2250px; }
        .w3c > div { display: inline; }
        .w3c > div > a { 
        							text-decoration: none;
        							font-size: 16px;
        							font-weight: bold; 
        							color: #ffffff; 
        							background: #1BA8E0;
        							height: 39px;
        							width: 112px;
        							display: block; 
        							float: left; 
        							padding: 5px 9px; 							 
        							border: 1px solid #ffffff; 
        						}

        .w3c > div:not(:target) > a { border-bottom: 0; background: #FF6514; }				    
        .w3c > div:not(:target) > a:hover { border-bottom: 1px solid #1BA8E0; background: #1BA8E0; }   							
        .w3c > div:target > a { background: #1BA8E0; }
        .w3c > div > div { background: #ffffff; z-index: 99; left: 0; top: 50px; bottom: 0; right: 0; padding: 5px; }	
        .w3c > div:not(:target) > div { position: absolute }
        .w3c > div:target > div { position: absolute; z-index: 98; }