html {
    margin: 0;
    padding: 0;
    background: transparent ;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #EEE;
    font-weight: 300;
}
div, body, html, li {
    margin: 0; padding: 3px 5px;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
}
h1 {
    font-weight: normal;
    color: #FFB300;
    text-align: center;
    font-size: 1.2em;
}
h2 {
    font-weight: normal;
    text-align: left;
    font-size:1em;

}
p {
    padding: 5px 10px;
    font-size: .8em;
    color: black;	
}
a {
    color: #536895;
    font-weight: bold;
    text-decoration: none;
    padding: 3px 5px;
    font-size:1em;
    
}
a.nav {
    color: #EEE;
    font-weight: bold;
    text-decoration: none;
    font-size:.4em;
    
}
a.nav:hover {color:#FFB300;}

a:hover {color:#FFB300; font-size:103%;}  
a:active, a:focus {
    outline: 0;
}

.wrap {
	position:relative;
	margin:0 auto;
	width:650px;
}

#header {
	width:100%;
	float:left;
	background:#536895;
}

ul
{
list-style-type:none;
margin:0;
padding:0;
padding-top:4px;
padding-bottom:4px;

}
#link
{
display:inline;
}
#tut {
positions:relative;
float:left;
width:90%;
margin-left:10%;
}
li {
color:black;

}

.nav

{
left:100px;
top:220px;

display:inline;

width:550px;
padding:10px;

}


.content {
    position: absolute;
    display: block;
    min-height: 100%;
    width: 40%;
    max-width: 550px;
    height: 100%;
    right: 3%;
    background-color: #536895;
padding-top:100px;
z-index:-1;
overflow:auto;
float:left;
}

img.graph {
position: absolute
display:block
top:30%;
width:500px;
overflow:scroll;
margin:4.5%;
}


div.ex

{

position:absolute;

margin-left:5%;

margin-top:20%;
float:left;

width:80%;

padding:15px;

overflow:auto;

}

#code {
position:absolute;
margin-left:5%;

margin-top:25%;
color:black;
}

#caption {
position:absolute;
margin-left:5%;

margin-top:50%;
width:40%;
color:black;
}