/* -------------------------------------------------- */
/*GLOBAL STUFF*/
/* -------------------------------------------------- */

html, body, div, p, h1, h2, h3, h4, img, ul, li, a {	
	margin: 0px;	
	padding: 0px;	
	border: 0px none;
}

body {
	font-family: Arial, sans-serif;	
	text-align: center;
	font-size: 62.5%;	/* 1em = 10px , 1.4em = 14px */	
	/*line-height: 1.6em;*/
}

a {	
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
}
a:hover {
	color: #000;
}




/* -------------------------------------------------- */
/*POSITIONING */
/* -------------------------------------------------- */

/* With 3 columns, require a minimum width of 900px to ensure there is enough horizontal space. */
body {
	margin: 0px;
	padding: 0px;
	min-width: 960px;
}



/* center and margin */
#page {
	text-align: center;
}

#container {
	margin: 0 auto;
	text-align: left;
	max-width: 1300px;
}

#whitespace {
	padding: 2em 8%;
}

#header {
	margin: 2em 0px 4em 0px;
	overflow: hidden;
}

/* Define 99.9% width to avoid the body being too narrow for near-empty pages and horizontal scrolbars*/
#main {
	float: left;
	width: 99.9%;
	margin: 0px 0px 0px -50%; /* So we move the #main container over the sidebars to compensate */
}
body.branch #main {
	margin: 0px -210px 0px -210px; /* So we move the #main container over the sidebars to compensate */
}

#squeeze {
	margin: 0px 0px 0px 50%; /* And add blanks left and right for the sidebars to fill */
	position: relative;
}
body.branch #squeeze {
	margin: 0px 210px 0px 210px; /* And add blanks left and right for the sidebars to fill */
	position: relative;
}


/* We ensure the sidebars are still clickable using z-index */
#container .sidebar {
  /*margin: 0 0 5em;*/
  width: 50%;
  float: left;
  z-index: 2;
  position: relative;
}
body.branch #container .sidebar {
	width: 210px;
}

.sidebar div{
	
}

.content {
	margin-right: 2em;
}
.branch .content {
	margin: 0 2em;
}

#footer {
	float: none;
	clear: both;
	margin: 1em 0em;
}




/* -------------------------------------------------- */
/*NAVIGATION*/
/* -------------------------------------------------- */

/* ### LINK GENERAL ### */

#mainnav a.active, #subnav a.active, #pagenav a.active{
	font-weight:bold;

}

#mainnav a:visited, #subnav a:visited, #pagenav a:visited {
	color: #000;
}
#mainnav a:hover, #subnav a:hover, #pagenav a:hover {
	text-decoration: underline;
}

/* ### MAINNAV ### */
#mainnav a {
	text-decoration:none;
	font-size: 2em;
	font-weight:bold;
}
#mainnav ul, #language ul {
	list-style:none;
}
#mainnav li {
	padding-bottom: 0.6em;
	line-height: 1.7em;
}


#mainnav ul ul a {
	text-decoration:none;
	font-size: 1.1em;
}
#mainnav ul ul li {
	padding-top: 0.5em;
	padding-bottom: 0em;
	line-height: 1em;
}
#mainnav ul ul ul li {
	padding-left: 1.5em;
}

/* ### BRANCHES ### */
#right div{
	padding-bottom: 0.5em;
}

#right span {
	padding-bottom: 0.1em;
}





/* -------------------------------------------------- */
/* DESIGN */
/* -------------------------------------------------- */


#head_main {
	
}

body.branch #head_main {
	width: 210px;
	float:left;
}

#head_branch{
	display:none;
}


body.branch #head_branch {
	display:block;
	margin-left: 210px;
}

body.branch #head_branch h1{
	margin-left: 0.5em;
}

span {
	overflow: hidden;
	padding-bottom:2px;
}


/* -------------   COLORS   ------------- */

span, #page .typetypo span, .active span, div.pid34 span, div.pid35 span, div.pid36 span {
	background: #9FDBF5;
}

.cas  span, div.pid6 span, div.pid14 span, div.pid19 span, .cas a.active {
	background: #F2ADB0;
}

.mas span, div.pid7 span, div.pid13 span, div.pid18 span, .mas a.active{
	background: #B0DBBF;
}

.kti span, div.pid8 span, div.pid12 span, div.pid17 span{
	background: #000;
	color: #FFF;
}

.fonts span, div.pid9 span, div.pid11 span, div.pid16 span, .fonts a.active{
	background: #8B43FE;
}

.portfolio span, div.pid124 span, div.pid125 span, div.pid193 span, .portfolio a.active{
	background: #DFA561;
}

.summer span, div.pid122 span, div.pid123 span, div.pid163 span, .summer a.active{
	background: #FEEE43;
}


/* -------------------------------------------------- */
/*CONTENT */
/* -------------------------------------------------- */

#header h1, #pagecontent div.news-latest-container h1, #right h1, #pagetitle h1 {
	font-size: 4em;
	line-height: 1.15em;
	padding-bottom: 0.2em;
}
body.branch #right h1{
	font-size: 2em;
	line-height: 1.2em;
	padding-bottom: 0.5em;
}

body.branch #header h1.typetypo {
	font-size: 2em;
	line-height: 1.2em;
}


#pagecontent h1{
	font-size: 2em;
	padding-bottom:0.5em;
	padding-top:1em;
	clear:both;
}

#pagecontent a {
		text-decoration: underline;
}

#pagecontent div.news-latest-item{
	padding: 1em 0em;
}



#pagecontent p, #pagecontent ul, #pagecontent ol {
	padding-bottom:1em;
	font-size: 1.4em;
	line-height: 1.6em;
}

#branches p {
	padding-bottom:1em;
	font-size: 1.1em;
	line-height: 1.2em;
}

#pagecontent ul, #pagecontent ol {
	padding-left: 2em;	
}


#pagecontent div.news-latest-container p {
	padding-bottom:0.2em;
}

#pagecontent div.news-latest-container a{
	text-decoration: none;
}




.csc-textpic-caption {
	padding-bottom: 1em;
}

#pagecontent div.csc-textpic-center {
	text-align: left;
}
#pagecontent div.csc-textpic-center div.csc-textpic-imagewrap {
	margin: 0px;
}


/* FE Edit */

#TSFE_ADMIN_PANEL {
	font-style: normal;
}

div.edit-mode span {
	background: none;	
}

body div#div-editBar{
	background-image:url(bar.png)	!important;
}




/* TEMP hide SUmmer university from Nav */

body #branches .pid122 {
    display: none;
}