/*
    codes.css by Nadeem Devlani
    Copyright (c) 2014
*/

body {
    background-color : green;
    margin: 5px;
    font-family: verdana, sans-serif;
}

div#outer {
        position: relative;
        width: 1108px;
		height: 1200px;
        margin: 0 auto;
        background-color: #FFFF7F;
        border: solid 2px white;
    }
	
div#header {
	position: absolute;
    width: 1085px;
	height: 250px;
	margin : auto;
    margin-bottom: 30px;
    padding: 10px;
    background-color: #a1c83e;
    border: 1px solid white;
}


div#menu {
	position: absolute;
    width: 225px;
	height : auto;
    top: 280px;
    left: 0;
    padding: 10px;
    background-color: #a1c83e;
	border: 1px solid white;
}

div#content {
	position: absolute;
    width: 560px;
	height : 900px;
	top: 280px;
    left: 255px;
    padding: 10px;
    background-color: white;
    border: 1px solid #ccc;
	color : green;
}

div#sidebar {
	position: absolute;
    width: 225px;
	height : 900px;
    top: 280px;
    left: 855px;
    padding: 10px;
    background-color: #a1c83e;
    border: 1px solid white;
}

div#tracks {
	position: absolute;
    width: 225px;
    margin: 310px 0px 0px 0px;
    padding: 2px;
    background-color: white;
    border: 1px solid #ccc;
	color : green;
}


ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	li a {
	display: block;
	width: 8em;
	height: 2em;
	font-size: 1em;
	text-decoration: none;
	background:  #008000;
	color: white;
	padding : .7em 4em .7em 2em;
	margin-bottom: .4em;
	border-bottom: .125em solid white;
	}
	
li a:hover, li a:focus {
	background: #005500;
}



h1 {
	text-align:center;
	font-size : 60px;
	font-family:"Times New Roman", Times, serif;
    color: #008000;
    margin: 0;
}

h2 {
	text-align:center;
	font-family:"Times New Roman", Times, serif;
    color: #008000;
    margin: 0;
	
}

h3{
	font-family:"Times New Roman", Times, serif;
    color: #008000;
    margin: 0;
	
}
p {
    margin: 0 0 0.75em 0;
    line-height: 1.5em;
}