html { padding: 0; margin: 0; height: 100.01%; }
body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: arial, helvetica, sans-serif;
    background: #ffffff url('../images/bg_body.gif') repeat-y top center;
    font-size: 62.5%; /* resets 1em to 10px */
}

/* body { behavior: url('htc/csshover.htc'); } needed for hovermenu in IE 5/6*/

/* standard elements */
h1          { font-size: 1.5em; margin: 0; padding: 0; color: #989797; font-family: trebuchet ms, trebuchet; }
h2          { font-size: 1.3em; margin: 0; padding: 0; color: #000000; font-family: trebuchet ms, trebuchet; } 
h3          { font-size: 1.1em; margin: 0; padding: 0; color: #000000; font-family: trebuchet ms, trebuchet; } 
h4          { font-size: 1.1em; margin: 0; padding: 0; color: #989797; font-family: trebuchet ms, trebuchet; } 
h5          { font-size: 1.3em; margin: 0 0 0.4em 0; padding: 0; color: #000000; font-family: trebuchet ms, trebuchet; border-bottom: 1px solid #EA7919; } 

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

p { line-height: 1.6em; }
ul { margin: 0em 0em 0em 1.6em;; padding :0em; }
ul li { list-style-type :square;  }

img { border: 0; }
.error, .alert { color: #ff0000; }

/* to center the website */
div.wrapper { position: relative; width: 90em; margin: 0 auto; padding: 0; text-align: left; background-color: #D7D1C9; height: 100%; }
html>body div.wrapper { height: auto; min-height: 100%; } 

/* servicemenu */
div.top { background-color: #ffffff; height: 6em; text-align: right; position: absolute; top: 0em; width: 100%; }
ul.servicemenu { height: 24px; position: absolute; right: 0em; list-style: none; padding: 0; margin: 0.8em 0 0 0; border-width: 1px;}
ul.servicemenu li { float: left; list-style-type: none; height: 24px;}
ul.servicemenu li a { float: left; color: #000000; font-size: 1.2em; padding: 0 0.8em 0 0.8em; background: #ffffff; text-decoration: none; font-family: trebuchet ms, trebuchet; line-height: 1.2em; border-right: 1px solid #000000; }
span.servicemenu { height: 4em; width: 0px; display: block; position: absolute; right: 0; border: 1px solid #ffffff; }

/* menu */
div.leftcolumn { position: absolute; width: 21em; top: 0; background-color: #EA7919; height: 100%; }
html>body div.leftcolumn { height: auto; min-height: 100%; } 
/* level 1 */
ul.menu { height: 31.2em; padding: 0; margin: 9em 1.5em 0 2.8em; list-style: none;   }
html>body ul.menu { height: auto; min-height: 31.2em; } 
    
ul.menu li a { color: #ffffff; text-decoration: none; font-size: 1.2em; font-weight: bold; display: block; height: 1.5em; width: 13.5em; padding-top: 0.4em; padding-bottom: 0.4em; line-height: 1.1em; }    
ul.menu li { margin: 0; padding: 0; list-style-type: none;  }
html>body ul.menu li a { height: auto; min-height: 1.5em; }
ul.menu li a:hover { text-decoration: underline; }

ul.menu li a.selected { color: #000000; font-weight: bold; }
ul.menu li a.selected:hover { text-decoration: none; }

ul.menu li ul { list-style: none; margin: 0 0 0 1em; padding: 0; border-bottom: 1px solid #EF9B53; margin-bottom: 0.3em; }
ul.menu li ul li {  }
ul.menu li ul li a { font-weight: normal; margin: 0; width: auto; border-top: 1px solid #EF9B53; padding-top: 0.2em; padding-bottom: 0.1em;}

ul.menu li ul li ul { font-size: 1.1em; color: #ffffff; margin: 0 0 0 1.3em; padding: 0;  border: none; margin-bottom: 0.3em; }
ul.menu li ul li ul li  { list-style-type: square; vertical-align: middle; margin-top: 0em;}
ul.menu li ul li ul li a { font-size: 1.1em; margin: 0 0 0 0em; width: auto; border: none; padding-top: 0.2em;  }

ul.menu li a.home { margin-top: 1em; color: #ffffff; text-align: right; }

div.tulogo { }
div.tulogo img { width: 13em; height: 6em; margin-bottom: 0.6em;; }

/* content */
div.contentcolumn3tu { border-right: 2.4em solid #EA7919; border-left: 21em solid #EA7919; height: 100%; width: 51.6em; background-color: #ffffff; }
html>body div.contentcolumn3tu  { height: auto; min-height: 56em; }

div.contentcolumnsai { border-right: 2.4em solid red; border-left: 21em solid #EA7919; height: 100%; width: 51.6em; background-color: #ffffff; }
html>body div.contentcolumnsai  { height: auto; min-height: 56em; }

div.contentcolumncentres { border-right: 2.4em solid #B07FB7; border-left: 21em solid #EA7919; height: 100%; width: 51.6em; background-color: #ffffff; }
html>body div.contentcolumncentres  { height: auto; min-height: 56em; }

div.content { padding: 14.3em 4em 1.5em 1.8em; font-size: 1.2em; }


/* content */
div.hpcontentcolumn { border-left: 21em solid #EA7919; height: 60em; width: 69em; background-color: #ffffff; }
html>body div.hpcontentcolumn  { height: auto; min-height: 60em; }
div.hpcontentbox { padding: 6em 0 0 0; }
div.hpcontentbox img.hptopimg { width: 69em ;height :18em; }
div.hpleft { float: left; width: 30em; height: 36em; overflow: hidden;}
div.hpright { float: right; width: 36em; margin-right: 0;  height: 36em; overflow: hidden; }

div.hpcontent { padding: 2em 0 1em 2em; margin: 0; font-size: 1.1em; }
div.hpcontent p { margin-top: 0;}


a.hplink { display: block; color :#EA7919; font-family: trebuchet ms, trebuchet; font-weight: bold; }



/* content homepage*/

div.hpbox1x2 { width: 36em; height: 18em; }
div.hpbox1x1 { float: left; width: 17.99em; height: 18em; } /* 17.99em fixes scale problems in IE 5/6 */

div.hppadbox { color :#ffffff; font-size: 1.1em; padding: 1em 0.5em 0.5em 1em; }
div.hppadbox a { color :#ffffff; text-decoration: none; }
div.hppadbox a:hover { text-decoration: underline; }
div.hppadbox p { margin : 0; font-size: 1.2em; }
div.hppadbox ul { margin: 0; padding: 0; list-style-type: none; }
div.hppadbox ul li { list-style-type: none; margin: 0.3em 0 0.3em 0; }
div.hppadbox h1 { font-size: 3em; color :#ffffff; }
div.hppadbox h2 { font-size: 2em; color :#ffffff; }
div.hppadbox h3 { font-size: 1.1em; color :#ffffff; }


div.hppadbox a.intro { font-size :1.2em; font-weight :bold; }

div.intro { background-color: #989797 }
div.drietu { background-color: #EA7919; }
div.sai { background-color: #FF0000; }
div.centres { background-color: #B07FB7; }

div.hpdisclaimer { text-align: right; background-color :#D7D1C9; padding: 0.5em 0.5em 0 0; font-size: 1.2em; color :#ffffff; }
div.hpdisclaimer a { color: #989797; text-decoration: none; font-weight: bold; }
div.hpdisclaimer a:hover { text-decoration: underline;  }

img.logo { position: absolute; left: 0; top: 3em; width: 90em; height: 3em; }

a.readmore { display: block; font-weight: bold; color :#EA7919;}
a.readall { display: block; text-align: right; color :#EA7919; font-weight: bold; }


/* rightcolum */

div.rightcolumn3tu {  border-left: 2.4em solid #EA7919; position: absolute; right: 0em; top: 15em; width: 14.9em; background-color: #D7D1C9;  }
html>body div.rightcolumn3tu { width: 15em; }

div.rightcolumnsai {  border-left: 2.4em solid red; position: absolute; right: 0em; top: 15em; width: 14.9em; background-color: #D7D1C9;  }
html>body div.rightcolumnsai { width: 15em; }

div.rightcolumncentres {  border-left: 2.4em solid #B07FB7; position: absolute; right: 0em; top: 15em; width: 14.9em; background-color: #D7D1C9;  }
html>body div.rightcolumncentres { width: 15em; }


dl.extra { padding: 2.4em 1em 1em 1em; font-size: 1.1em; }
dl.extra dt { font-weight :bold; }
dl.extra dd { margin: 0.5em 0 1em 0; padding: 0; }

div.header { position: absolute; top: 6em; left: 21em; width: 69em; height: 9em; background-color: #989797; overflow: hidden; }
div.header p { color: #ffffff; font-family: trebuchet ms, trebuchet; font-size: 2.8em; margin: 0.4em 0 0 0.7em; line-height: 1.2em;}
div.header img { float: right; width: 15em; height: 9em; }

/* graphic elements */
img.blocklines { position: absolute; top: 15em; left: 72.6em; width: 2.5em; height: 2.8em; }
img.menulines { position: absolute; top: 6em; left: 0em; width: 2.4em; height: 2.8em; }

/* table styles */

table { border-bottom: 0.1em solid #000000; margin: 1em 0 1em 0; }
table td, table th { padding: 0.2em 0.2em 0.2em 0.4em; vertical-align: top; } 
table th { background-color: #989797; color: #ffffff; font-family: trebuchet ms, trebuchet; line-height: 1.2em; }
table td { margin-bottom: 0.1em; background: #D7D1C9; }

/* form styles */
form                        { margin: 1em 0 1em 0; background: #D7D1C9; padding: 1em;}
form label                  { display: block; float: left; padding: 0.2em 0.9em 0.2em 0.2em; text-align: right; font-weight: bold;  }
form input.button           { border: 0.1em solid #ffffff; background: #EA7919; color: #ffffff; font-weight: bold; margin: 0.3em;}
form input.text             { background: #D7D1C9; border: solid #000000; border-width: 0 0 thin 0; width: 65% }       
form input.radio            { }
form input.checkbox         { }
form select                 { }
form option                 { }
form textarea               { width: 65%  }
form div                    { height: 2em; display: block; float: none;}
html>body form div          { height: auto; min-height: 2em }        

fieldset label                  { display: block; float: left; padding: 0.2em 0.9em 0.2em 0.2em; text-align: left; font-weight: bold; clear:left; }
fieldset input.button           { border: 0.1em solid #ffffff; background: #EA7919; color: #ffffff; font-weight: bold; margin: 0.3em;}
fieldset input.text             { background: #D7D1C9; border: solid #000000; border-width: 0 0 thin 0; width: 65% }       
fieldset input.radio            { display: block; float: right; clear: right;}
fieldset input.check         { display: block; float: right; clear: right;}
fieldset select                 { }
fieldset option                 { }
fieldset textarea               { width: 65%  }
fieldset div                    { height: 2em; display: block; float: none;}
html>body form fieldset div          { height: auto; min-height: 2em }        

/*SAI form labels */
.tx-tuesaiinforequests-pi1 label { font-weight: normal; }
.tx-tuesaiinforequests-pi1 strong label { font-weight: bold;}

/* Portal plugin TUe */
div.tx-tueportals {
	float: none;
	}
	
div.tx-tueportals div.col3-1, div.tx-tueportals div.col3-2, div.tx-tueportals div.col3-3 {
	width: 28%;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	}

div.tx-tueportals div.col2-1, div.tx-tueportals div.col2-2 {
	width: 46%;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	}


div.tx-tueportals div dl dt {
	text-align: left
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #ea7919;
}
div.tx-tueportals div dl dd {
	margin: 0px;
	padding: 0px;
	padding-top: .5em;
	padding-bottom: .5em;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	border-bottom-width: 1px;
	text-indent = 0;
	}
div.tx-tueportals div dl dd a {
	text-decoration: none;
	}
div.tx-tueportals div dl dd a:hover {
	text-decoration: underline;
	}
br.clear {
clear: both;
height: 0;
line-height: 0;
font-size: px; /*for IE*/
	}
	
/* CSC TEXTPIC */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	border-width: 1px;
	border-color: #666666;
	}
div.csc-textpicHeader h1 a {
	color: #ea7919;
	text-decoration: none;
	}
div.csc-textpicHeader h1 a:hover {
	text-decoration: underline;
	}

/* FORMS */
div.csc-mailform-field{
	text-align: right;
}

/* ADMS */
h1 a {
	color: #ea7919;
	}