/* RESET */



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,

b, u, i, center,

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-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* RESET END */





body{

background:#f0f0f0;

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

line-height:25px;

color:#4a4a4a;

}



div.container{

border:1px solid #bfbfbf;

border-top:8px solid #7e7c7c;

margin:0 auto;

width:910px;

background:#fff;	

min-height:660px;

}



a.logo{

display:block;

background:url(images/metu_logo.png) no-repeat;

height:113px;

border-bottom:1px solid #bfbfbf;

}



div.main{

width:830px;

margin:0 auto;

margin-top:50px;

background:#f0f0f0;	

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

border:1px solid #bfbfbf;

overflow:hidden;

}



div.main p{

width:795px;

margin-top:40px; 

text-align:justify;

}



div.main span{

display:block;

margin-top:10px;

}



div.main img{

float:left;

}



a{

color:#000;

}



div.contact{

float:right;

margin-top:20px;

margin-right:30px;

}



div.contact,div.contact a{

color:#555;

font-size:16px;	

}



div.contact a:hover {

color:#000;	

}