body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: /*1em*/ 11px;
    background: #fff;
    color: #000;
    text-align: center; /* Centers the container (wrapper) */
    line-height: normal;
    padding: 0;
    margin: 0 auto;
    background-image: url(../graf/bg.jpg);
    background-position: top;
    background-color: #ffffff;
    background-repeat: no-repeat;

}

#wrapper{
	position: relative;
	margin: 0 auto;
	width: 970px;
}

#container {
    width: 933px; /* ennen 960 */
	margin: 0 auto; /* It's important to set the margin to auto if you want the layout to center */
    text-align: left;
    border: none;
}

#header, #sidebar, #navigation, #footer, #content {
    padding: 0px;
}

#header {
    margin: 0;
    padding: 0;
    height: 357px; /* 468 -> 413 */
	width: 933px;
}

#logo{
	position: absolute;
	z-index: 0;
	margin-left: 30px;
	margin-top: 50px;
	width: 209;
	height: 74;
}


#sidebar {
	float: left; /* Sets this column to the left */
	/*position: relative;*/
	width: 281px; /* 311 - padding-right */
	height: auto;
	padding-top: 40px;
	padding-right: 30px;
}

#content {
	width: 933px; /* Ennen 960 */
	z-index:1;
	padding: 0px;
	float: left;
	height: auto !important;
	height: 100px; /* for IE5.x and IE6 */
	min-height: 100px; /* for modern browsers */
	/* background-image: url(....jpg); */
	background-repeat: no-repeat;
	background-position: bottom;
}

#content p, #main p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000;
	margin-top: 3px;
}

#main {
	width: 582px; /* width - padding-right: true width */
	min-height: 400px;
	height:auto !important;
	height:400px;
	float: left;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 40px;
	padding-top: 40px;
	padding-bottom: 50px;
}

#mm_content{ /* Adjusts the height of div in MAIN higher because of the sidebar */
	min-height: 600px;
	height:auto !important;
	height:600px;
}

#footer {
	background-image: url('../graf/footer.jpg');
	background-position: left;
	background-repeat: no-repeat;
	height: 243px;
	clear: both;
	width: 933px;
}

#madeby {
	float: left;
	width: 600px;
	height: 30px;
	padding-top: 200px;
	text-align: right;
}


#icons img{
	border: 0px;
	padding-left: 15px;
}


#icons{
	padding-top: 180px;
	padding-right: 35px;
	float: right;
}


#sidebar a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}


#sidebar a:hover {
	font-size: 14px;
	color: #f8a01a;
	font-weight: bold;
	text-decoration: none;
}

#sidebar p {
	margin-left: 20px;
	margin-bottom: 15px;
}

#sidebar li {
	list-style: none;
	padding: 0px;
	padding-bottom: 15px;
}

#applying_sidebar{
	background-image: url('../graf/applying.jpg');
	width: 259px;
	height: 414px;
	position: absolute;
	margin-left: -310px;
	margin-top: -39px;
}


/* MyMetropolia sidebar*/
#mymetropolia{
	position: absolute;
	width: 250px;
	height: 414px;
	margin-left: -270px;
	margin-top: 15px;
}

#mymetropolia a {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}


#mymetropolia a:hover {
	font-size: 12px;
	color: #f8a01a;
	font-weight: bold;
	text-decoration: none;
}

#mymetropolia p {
	padding-top: 0px;
	text-align: left;
}

#mm_div{
	width: 240px;
	float: left;
	text-align: left;
	clear: both;
	padding-bottom: 0px;

	height: auto !important;
	height: 90px; /* for IE5.x and IE6 */
	min-height: 90px; /* for modern browsers */
}

#mm_div p{
	margin-top: 3px;
}


#mymetropolia h2{
	font-size: 16px;
	padding:0px;
	margin: 0px;
	text-align: left;
	font-weight: bold;
}

.mm_ico{
	border: 0px;
	float: left;
	text-align: left;
	padding-bottom: 0px; /* 50px */
	padding-right: 25px;
}


/* CURRENT STUDENTS */
#current_students{
	background-image: url('../graf/current_students_bg.jpg');
	background-repeat: no-repeat;
	margin-top: 15px;
	width: 469px;
	
	height: auto !important;
	height: 250px; /* for IE5.x and IE6 */
	min-height: 270px; /* for modern browsers */
	margin-bottom: 60px;
}

#you{
	background-image: url('../graf/you_bg.jpg');
	background-repeat: no-repeat;
	margin-top: 15px;
	width: 469px;
	height: 235px;
}

.quote{
	background-repeat: no-repeat;
	height: 41px;
	width: 52px;
	padding: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: left;
	float: left;
}

.student{
	padding-top: 21px;
	padding-bottom: 100px; /* 20px */
	padding-right: 25px;
	padding-left: 7px;
	text-align: left;
	float: left;
}

#current_students h2{
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin: 0px;
	color: #ffffff;
}

#current_students p{
	margin: 0px;
	padding: 0px;
}

.name {
	padding: 0px;
	margin: 0px;
	padding-top: 0px;
}


.sign{
	text-align: left;
	font-style: italic;
}


/* DIV1 = 1. pystysuora sarake */
#people_staff_div1{
	width: 285px;
	padding-right: 15px; /* width - padding = 270  */
	float: left;
}

/* DIV2 = 2. pystysuora sarake */
#people_staff_div2{
	width: 270px;
	padding-right: 0px;
	float: left;
}


/* DIV3 = Yhteystiedon sarake */
#people_staff_div3{
	width: 270px;
	height: 120px;
	margin-bottom: 45px;
	text-align: left;
}


/* DIV3 = Yhteystiedon sarake */
.staff {
	/*background-image: url('../graf/staff_bg.jpg');*/
	/*padding: 7px;*/
	width: 80px;
	height: 120px;
	text-align: left;
	float: left;
	padding: 7px;
   	border: 1px solid #ffc72f;
    background-color:#ffF;
	margin-right: 15px;
}

.email{
	height: 24px;
	width: 24px;
	padding-top: 10px;
	border: 0px;
}


#people_staff_div3 h1{
	font-size: 12px;
	padding:0px;
	padding-bottom: 3px;
	margin: 0px;
	text-align: left;
	font-weight: bold;
}

#people_staff_div3 p{
	padding:0px;
	margin: 0px;
	text-align: left;
	font-weight: normal;
}

.gray{
	background-color: #fafafa;
}


h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	text-align: left;
}

h2{
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	text-align: left;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

h3{
	font-size: 16px;
	color: #f8a01a;
	font-weight: bold;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 0px;
}


.bold{
	font-weight: bold;
}

.partner_name{
	font-weight: bold;
}

.partner_img{
	border: 0px;
	float: right;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 15px;
}

.main_img{
	padding: 7px;
   	border: 1px solid #ffc72f;
    background-color:#ffF;
}


.photos_img{
	width: 100px;
	height: 100px;
	padding: 7px;
   	border: 1px solid #ffc72f;
    background-color:#ffF;
	margin-right: 25px;
	margin-bottom: 25px;
}

.blogs_img{
	padding: 0px;
   	border: 0px;
    margin-right: 15px;
    float: left;
    margin-top: 12px;
}

#blogs_div{
	float: left;
	height: auto;
	text-align: left;
	width: 250px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	margin-right: 15px;
}

#blogs_div1{
	width: 65px;
	height: auto;
	text-align: left;
	float: left;
	padding: 0px;
	margin: 0px;
	padding-top: 0px;
}

#blogs_div2{
	text-align: left;
	float: left;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	padding-top: 15px;
}

#blogs_div2 p{
	padding: 0px;
	padding-top: 0px;
	margin: 0px;
	margin-left: 0px;
}

.h3_blogs{
	font-size: 16px;
	color: #f8a01a;
	font-weight: bold;
	text-align: left;
	padding-top: 0px;
	margin: 0px;
	padding-bottom: 0px;
}


.h3_competitions{
	font-size: 12px;
	color: #f8a01a;
	font-weight: bold;
	text-align: left;
	padding-top: 0px;
	margin: 0px;
	padding-bottom: 0px;
}



#main a, #madeby a, #madeby p {
	color: #f8a01a;
	font-weight: normal;
	text-decoration: none;
}

.arrow{
	margin-top: 5px;
	padding: 0px;
	padding-left: 15px;
	padding-top: 0px;
	border: 0px;
	background-image: url('../graf/arrow.gif');
	background-repeat: no-repeat;
	float: left;
}

.arrow2{
	margin-top: 10px;
	padding: 0px;
	padding-left: 15px;
	padding-top: 0px;
	border: 0px;
	background-image: url('../graf/arrow.gif');
	background-repeat: no-repeat;
	float: left;
}

#main a:hover, #madeby a:hover {
	color: #f8a01a;
	font-weight: normal;
	text-decoration: underline;
}