/* CSS Document */
body{font: 13px/1.5 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #002E65; background-color:#FFF; margin:10px 0; padding:0;}
h1{font: 1.6em/1.0 "Trebuchet MS"; margin: 0 0 0.3em 0; color: #002E65;}
h2{font: 1.2em/1.0 "Trebuchet MS"; margin: 0 0 0.2em 0; color: #002E65; font-weight:600;}
p{color: #002E65;}
a{color: #002E65; text-decoration: none; font-weight: bold;}
a:hover {text-decoration:underline; font-weight: bold;}
img { border: none; }
.left{width: 48%; padding-right: 2%; float: left;}
.right{width: 48%; padding-left: 2%; float: right;}
.rightalign{text-align: right;}
.leftalign{text-align: left;}
input[type="hidden"]{border: none;}
#wrapper{width: 750px; margin: 0 auto; border: 1px solid #A2C7DA;}

#header h1{text-indent: -3000em;width: 100%;float: right;line-height:30px;}
#header h1 span{background: url(../img/logo.png) no-repeat right; margin-right: 100px; display: block;}
#header{height: 155px;position: relative;}
#footer{width: 300px; margin: 0 auto; padding:1.5em 0;}
#contentArea{padding: 1.5em 20px 1.5em 0;}
#contentFull{width: 400px; text-align:right; float:right; font-size: 14px;}
.teaserButton{width: 200px; height: 20px; padding-right: 25px; margin-bottom:10px; text-align:right; background:url(../img/bg_arrows.png) no-repeat center right;}
.teaserButton a{text-decoration: none; font-weight: bold; color: #002E65;}
.teaserButton a:hover {text-decoration:underline; font-weight: bold;}


/* index */
body#home #wrapper{	background: url(../img/bg/bg_index.png); clear:both; height:563px;}
body#home #header h1{margin-top: 90px; border-bottom: 2px solid #fff;}
body#home #header h2{width: 500px;	text-align:right; float: right;	padding-right: 100px; line-height: 1.2;}
body#home #contentFull{width: 600px; text-align:right; float:right; font-size: 14px;}

/* content pages */
body#contentPage #header{background: url(../img/bg/bg_header.png);}
body#contentPage #header h1{position: absolute; top: 85px;}
body#contentPage #header h2{position: absolute; top: 10px; width:100%; text-align:center; font-size: 1em; line-height: 1.2;}
body#contentPage #header ul{list-style: none; padding: 120px 0 0 15px; margin:0;}
body#contentPage #header ul li{display: inline; margin-right: 10px;}
body#contentPage #header ul li a{text-decoration: none; color: #FFF; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif;}
body#contentPage #header ul li a:hover{color: #CC0000;}

/* popup pages */
body#popupPage {margin-left: 10px; margin-right: 10px;}
body#popupPage span.italictext {font-style: italic;}
body#popupPage span.underlinedtext {text-decoration: underline;}
body#popupPage span.codetext {font-family: Courier;}
body#popupPage button {border: 1px solid #A2C7DA; height: 24px;}

/* teaser */
#teaserBlock{margin:10px 0 0 100px;}
div.textTeaser{margin-bottom: 1.5em; text-align: left;}
div.textTeaser h1 {margin-bottom: 5px; font-size: 1.3em;}
div.textTeaser h1 a{color: #C00;  text-decoration: none; font-weight: normal;}
div.textTeaser h1 a:hover {text-decoration:underline; font-weight: normal;}
div.textTeaser p {margin: 0;}


/* pages with side navigation */
#contentColumn{width: 70%; float: right; overflow: hidden;}
#contentColumn.leftalign{text-align: left;}
#contentColumn.rightalign{text-align: right;}
#contentColumn span.redtext{color: #FF0000;}
#contentColumn span.italictext{font-style: italic;}
#contentColumn ul{list-style: square;}
#contentColumn ul li{ color: #002E65;}
#contentColumn label{display: block; text-align: left; float:left; width: 140px; font-weight: bold;}
#contentColumn label.institution{display: block; text-align: left; float:left; width: 50px; font-weight: bold;}
#contentColumn input, #contentColumn select, #contentColumn textarea{background: #A2C7DA; border: 1px solid #333; display: block; float:right; width: 310px;}
#contentColumn select.institution{background: #A2C7DA; border: 1px solid #333; display: block; float:right; width: 400px;}
#contentColumn textarea{height: 5em;}
#contentColumn input[type="hidden"]{border: none;}
#contentColumn label.forRadio{width: auto;}
#contentColumn label.forcheckbox{width: auto; }
#contentColumn input.radio{width:auto; float: left; background: none; border: none;}
#contentColumn input.checkbox{width:auto; float: left; background: none; border: none;}
#contentColumn form {border: 1px solid #A2C7DA; padding: 1em;}
#contentColumn form p{margin: 0; padding: 1em 0 0.5em 0; border-bottom: 1px solid #A2C7DA; }
#contentColumn form div.footer{margin-top: 1em;}
#contentColumn button {border: 1px solid #A2C7DA; height: 24px;}
/* easy clearing */
#contentColumn form p {display: block;}
#contentColumn form p:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#sideColumn{width: 30%;  float: left; text-align:left;}
#sideColumn h1{border-bottom: 1px dotted #A2C7DA; width:100%; font-size:1.3em; margin-bottom:0.3em; }
#sideColumn ul{list-style: none; margin: 0; padding: 0 0 0 1em;}
#sideColumn ul li{display: block; padding: 0; clear:both;}
form{margin: 0; padding:0;}

fieldset{border: none; margin: 0; padding:0;}
#sideColumn ul li h1{width: 120px; text-align:right; margin-top: 2em;}

#sideColumn ul li label{display: block; text-align: right; width: 120px; margin: 1em 0 0 0; font-weight: bold;}
#sideColumn ul li form{border: 0; margin: 0; padding: 0;}
#sideColumn ul li input{background: #A2C7DA; border: 1px solid #333; display: inline; width: 120px;}
#sideColumn ul li input[type="hidden"]{border: none;}
#sideColumn ul li button{width: 30px; background: url(../img/bg_arrows.png) no-repeat; display: inline; letter-spacing:-3000em; width: 30px; height: 22px; border: none; cursor:pointer;}

#sideColumn ul li span.red_arrows{position: relative; display: block; width: 144px; height: 25px; background: url(../img/bg_arrows.png) no-repeat top right; }
#sideColumn ul li span.red_arrows a{position: absolute; right: 0; text-align: right; padding-right: 30px; margin-left: 30px; width: 110px; display: block; color: #002E65; text-decoration: none; font-weight: bold;}
#sideColumn ul li form.noInput label{display: block; width: 90px; float: left; vertical-align: middle; margin:0 1em 0.5em 0; padding-left: 20px; }


table caption{ text-align: left; font-size:1.3em;}
col#topic{}
col#time{}
col#area{border-right: 1px solid #000; color: red;}
col#details {border-right: 1px solid #000; color: red; }

table{border: none; border-collapse:collapse; width: 100%; padding-top: 10px;}
th{border: 1px solid #FFF; border-collapse:collapse; background: #A2C7DA; padding: 5px;}
td{border: 1px solid #FFF; border-collapse:collapse; background: #F2F2F2; padding: 5px;}

/* easy clearing */
.clearfix {display: block;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;
}