@font-face {
 font-family: Gruppo;
 src: url("Gruppo-Light.eot") /* EOT file for IE */
}
@font-face {
 font-family: Gruppo;
 src: url("Gruppo-Light.ttf") /* TTF file for CSS3 browsers */
}


html
{
	background: -webkit-gradient(linear, left middle, left bottom, from(#ffffff), to(#aaaaaa));				/* For WebKit (Safari, Google Chrome etc) */
    background: -moz-linear-gradient( top, #ffffff 60%, #dedede );			/* For Mozilla/Gecko (Firefox etc) */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#aaaaaa);	 		/* For Internet Explorer 5.5 - 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#aaaaaa)";	/* For Internet Explorer 8 */
    height:100%;
}

body
{
	margin:0;
	padding:0;
	font-family: Arial, sans-serif;	
	font-size:13pt;
	letter-spacing: .02em;
	line-height: 1.1;			
}

li
{
	margin-top:.75em;
}


#header
{
	height:99px;
	overflow:visible;
	margin: 0px -10px 1.5em -10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#90a7d1), to(#496daf));				/* For WebKit (Safari, Google Chrome etc) */
    background: -moz-linear-gradient(top, #90a7d1, #496daf);												/* For Mozilla/Gecko (Firefox etc) */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90a7d1, endColorstr=#496daf);	 		/* For Internet Explorer 5.5 - 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#90a7d1, endColorstr=#496daf)";	/* For Internet Explorer 8 */

    border-bottom:4px #fff solid;
    -moz-box-shadow:0px 2px 10px rgba( 0, 0, 0, 1);	
}

#header h1
{                                                                                                                                                                                                     
	font-family: 'Gruppo', sans-serif;
	font-size: 52px;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	text-decoration: none;
	text-transform: none;
	letter-spacing: .05em;
	word-spacing: 0em;
	line-height: 1.2;	
	height:75px;	
	color:#fff;
	padding:.65em 0 0 1em;;
	margin:0;

}


#mainmenu
{
	margin-left:0px;
	margin-bottom:3em;
	height:38px;
	padding-left:90px;	
}


#content
{
	width:800px;
	padding: 2em 1em 2em 3em;

}



#footer
{
	margin:1em -10px 0 -10px;
	padding:10px;
	text-align:center;
	font-size:75%;
}

#content h2
{
	color:#7777ff;
}

#side h2
{
	color:#7777ff;
	font-size:100%;
}

#side ul li
{
	list-style-type:none;
}


.menu, .menu li
{
	margin-top:2px;
	padding-top:4px;	
}

.menu li
{
	display:inline;
	padding-right:1em;		
/*	position:absolute;
	width:135px;
	height:30px;
*/	
}

.menu li a 
{
	font-size:90%;
	color:#496daf;
	text-decoration:none;
	border-bottom:2px #aaaaaa solid;
	padding-bottom:-.1em;
	font-weight:bold;
}



.announcement
{
	position:relative;
	margin-top:-20px;
	left:40px;
	margin-bottom:50px;
}

.announcement p
{
	margin-top:5px;
	margin-left:195px;
	size:80%;
}

a img
{
	border:none;
}

/*
#home
{
	left:45px;
	background: url( '../images/btn_home_blue.png' ) no-repeat;	
}

#elearning
{
	left:180px;
	background: url( '../images/btn_elearning_blue.png' ) no-repeat;		
}

#programming 
{
	left:315px;
	background: url( '../images/btn_programming_blue.png' ) no-repeat;
}

#blog
{
	left:450px;
	background: url( '../images/btn_blog_blue.png' ) no-repeat;
}

#about
{
	left:585px;	
	background: url( '../images/btn_about_blue.png' ) no-repeat;
}
*/

.notice
{
	margin-top:3em;
	margin-left:12em;
	margin-right:-3em;
	padding:1em;
	border:1px green solid;	
	text-align:center;
}