@charset "utf-8";
* {
 margin: 0;
 padding: 0;
} 

body{
	margin: 0; padding: 0;
	bacground: #FFF; color: #000;
	font:small Arial, sans-serif;
}

#container{
	margin-left:auto; margin-right:auto;
	width:800px;
	margin-top: 3em;
}
#header{
	background:url(../images/1.jpg);
	margin-top:5px;
	height:132px;
}
.nav_bar{
	background:url(../images/2.jpg);
	height:25px;
	padding-left:208px;
}

#links{
	width:218px;
	height:215px;
	float:left;
}
#content{
	width:338px;
	height:210px;
	float:left;
	background:url(../images/4.jpg);
	padding: 5px 0 0 5px;
}
#login{
	padding-top:16px;
	padding-left:5px;
	width:234px;
	height:89px;
	background:url(../images/login.jpg);
	float:left;
}

#news{
	padding-top:16px;
	
	width:239px;
	height:94px;
	background:url(../images/news.jpg);
	float:left;
}
#footer{
	background:url(../images/6.jpg);
	height:136px;
	clear:both;
}



/*stuff for menu*/
.nav_bar ul{
font: bold 11px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.nav_bar ul li{
list-style: none;
display: inline;
}

.nav_bar ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #FFF;

}

.nav_bar ul li a:hover{
background-color: #CCC;

}

html>body .nav_bar ul li a:active{ /* Apply mousedown effect only to NON IE browsers */

}