/* A Free Design by Bryant Smith (bryantsmith.com) */

html, body {
  text-align: center;
}
p {text-align: left;}

body {
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  background-image:url(../images/background.png);
  background-repeat:repeat-x;
  text-align: left;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #FFFFFF;
}
*
{
  margin: 0 auto 0 auto;
 text-align:left;
}


html, body {
  text-align: center;
}

p {
  text-align: left;
}

#page
{
  padding-left:20px;
  padding-right:20px;
}

#header
{
  background-image:url(../images/header.png);  
  background-repeat:no-repeat;
  width: 80%;
  height:34px;
  margin:0 auto 0 auto;
  color:#267B9B;
  text-align:center;
  font-style:italic;
}

#pagetop
{
  height:143px;    
  width: 100%;
}

#pagetop #logo
{
  color:#FFFFFF;
  display:table-cell;
  float:left;
}

#pagetop div.university {
  text-align:left;
  font-size:24px;
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  height: 65px;
  display: table-cell;
  vertical-align: bottom;  
}

#pagetop div.department {
  font-weight: bold;
  margin-left: 27px;
  padding-top: 2px;
  height: 23px;

}

#pagetop .languages {
	padding: 0px;
	list-style-type: none;
	text-align:right;
	height:60px;
	overflow:hidden;
}

#pagetop .language {
    float: right;
	display:block;
	margin: 0px;
	text-align:center;
	line-height:30px;
	color:#FFFFFF;
	padding-left:5px;
	padding-right:5px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

#pagetop ul {
  padding: 0px;
  list-style-type: none;
  height:90px;
  overflow:hidden;
}

#pagetop ul li , #pagetop ul li a, #pagetop ul li a:visited{
  display:block;
  margin: 0px;
  text-align:center;
  padding-left:5px;
  padding-right:5px;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  color:#FFFFFF;	  
}

#pagetop ul li a:hover{
  color:#65A9ED;
}  


#main 
{ 
  background: url(../images/content_back.png);
}

#main .content
{
  width: 100%;
  text-align:justify;
  color:#000000;
  word-spacing:3px;
}

div#content.main_body
{
width: 85%;
text-align:justify;
}

#main .content p
{
margin-top:8px;
margin-bottom:8px;
}

#main .content h1
{ 
  font-size:19px;
  margin-bottom:12px;
  text-align: center;
}

.clear
{
  clear:both;
}

#footer {
  display:block;
  height:50px;
  text-align:right;
  font-size:10px;
  line-height:48px;
}

#footer p{
padding-right:75px;
text-align:right;
}

#footer, #footer a, #footer a:visited{
text-decoration:none;
color:#65A9ED;
}

#footer a:hover{
text-decoration:none;
color:#000000;
}

@media (max-width:899px) {
  #page { 
    width:90%;
  }
  #header { 
    width:80%;
  }  
  #main { 
    width:80%;
  }    
  #footer { 
    width:80%;
  }      
}

@media (min-width:900px) {
  #page { 
    width:900px;
  }
  #header { 
    width:798px;
  }    
  #main { 
    width:798px;
  }    
  #footer { 
    width:798px;
    background: url(../images/footer.png) no-repeat;	
  }      
}

@media (min-width:875px) {
  #pagetop ul li , #pagetop ul li a, #pagetop ul li a:visited{  
    float:right;  
    line-height:100px;  
    text-align:center;	   
  }
  #pagetop ul {
    height:90px;  
    text-align:center;	
  }
}

@media (max-width:874px) {
  #logo {
    left: 0px;
	width: 0px;
	visibility: hidden;	
  }  
  #pagetop ul li , #pagetop ul li a, #pagetop ul li a:visited{  
    float:left;  	
    line-height:30px;      	
	width: 100%;
    text-align:left;	
  }
  font.header {    
	visibility: hidden;
  }
  #pagetop ul {
    height:100%;  
    text-align:left;	
  }  
}