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: 'Open Sans', sans-serif;
	direction:ltr;
	background-color:#f8f6ff;
}

a:focus
{
	outline:solid 1px #2caae1;
}

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


.slider
{
	height:30px;
	background-color:#d1dffc;
	

}



.content
{

	background-color:#f8f6ff;
	margin:0 auto;


}

.buttons
{
	height:50px;
	position:relative;
	
}


.buttons .hsci
{
    width: 290px;
	background-color:#8b8bc3;
	border-top-left-radius: 0px ;
	border-top-right-radius: 0px ;
	border-bottom-right-radius: 60px ;
	border-bottom-left-radius: 10px ;
	float:left;
	position:absolute;
	z-index:2;
	height:40px;
	padding-left:30px;
	color:#8b8bc3;
	padding-top:3px;
		
	-webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.4);
	box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.4);
}

.buttons .hstu
{

    background:purple;
    width: 270px;
	background-color:#d1dffc;
	border-top-left-radius: 0px ;
	border-top-right-radius: 0px ;
	border-bottom-right-radius: 60px ;
	border-bottom-left-radius: 10px ;
	float:left;
	position:absolute;
	left:245px;
	z-index:3;
	height:40px;
	color:#dbd9d9;
	padding-top:3px;
	
	-webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.4);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.4);
	
}



.buttons .hsci a
{
	font-size:20px;
	padding-top:5px;
	text-decoration:none;
	color:#dbd9d9;
}


.buttons .hstu a
{
	margin-left:30px;
	font-size:20px;
	padding-top:5px;
	text-decoration:none;
	color:#8b8bc3;
	
}


.content
{
	margin-bottom:100px;
	
}

h1.sci
{
    margin-top:50px;
    color: #2caae1;
    font-size:25px;
    font-weight: bold;
	margin-bottom:40px;
}



a.course
{
	color:#797A7B;
	font-size:16px;
	text-decoration:none;
	line-height:10px;
}

a.course:hover
{
    color: #2caae1;
	text-decoration:underline;
	
}