html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	vertical-align:baseline;
}


html
{
    height:100%; 
    margin-bottom: 0px; 
}

body 
{

    text-align:left;
    height:100%; 
    margin-bottom: 0px;
	font-family: 'Roboto', sans-serif;
	direction:ltr;
	color:rgba(96,98,102,1.00);
	color:rgba(96,98,102,1.00);
}

.container
{
	margin:0 auto;
	width:960px;
	
}

.header
{
	height:82px;
	margin:0 auto;
	width:100%;

}

.header .container
{
	padding-bottom:16px;
	border-bottom:dotted 3px rgba(96,98,102,1.00);

}

.header ul {
	list-style: none;
	float:right;
	margin-top:44px;
	margin-right:40px;
}
.header li 
{
	margin-left: 30px;
	float: left;
}

.header li a
{
	text-decoration:none;
	display:inline-block;
	color:rgba(96,98,102,1.00);
	font-size:19px;
	font-weight:bold;
}

.header li a:hover
{
	color:#166ff5;	
}

.header a.logo
{
	margin-top:29px;
	text-decoration:none;
	display:inline-block;
	color:brown;
	font-size:32px;
	
}

.header a.logo:hover
{
	color:#166ff5;	
}


.main
{
	width:75%;
	margin-top:40px;
	border-bottom:dotted 3px rgba(96,98,102,1.00);
	padding-bottom:40px;

}


.course
{

	margin-bottom:12px;
}

.course h2
{
	font-size:22px;
	color:rgba(96,98,102,1.00);
	float:left;
}

.course a
{
	font-size:20px;
	color:brown;
	text-decoration:none;
	margin-left:12px;
}

.course a:hover
{
	color:#166ff5;	
}

h1
{
	margin-bottom:30px;
	font-size:26px;
	font-weight:bold;
}