/* CSS Document IEEE Student Branch Website
 * Copyright 2004-2005  IEEE Student Branch Leuven */

html, body {
	height: 100%;
   margin-bottom: 1px;}
/*html>body #container {
	height: auto;}*/
body {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 800px;
   background: url("images/bg.png") repeat fixed;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 18px;}
#message {
   display: none;
   position: fixed;
   z-index: 100;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 25px;
   padding-left: 10px;
   border-bottom: 1px solid black;
   background-color: #ff9;}
#messagetext {
   position: fixed;
   z-index:110;}
#messagebutton {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   text-align: right;}
#messagebutton img {
   margin: 5px 5px 5px 5px;
   border: none;}
#container {
	position: absolute;
	margin: 0px;
   margin-top: 2px;
	padding: 0px;
	width: 753px;}
#topbanner {
	position: relative;
	margin: 0px 0px 10px -97px;
	height: 185px;
	background: url("images/bannerIEEE.png") no-repeat;}
#content {
	position: relative;
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 20px 15px;
	width: 725px;
	background-color: #fff;
	border: 2px solid #048;
	font-size: 16px;}
#footer {
	margin: 0px;
	padding: 5px 0px 5px 15px;
	width: 735px;
	height: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 70%;
	font-weight: bold;
	color: #000;}
#footer #checks {
	margin-top: -25px;
	text-align: right;}
#footer a {
	text-decoration: none;
	color: black;}
#footer a:hover {
	text-decoration: underline;
	color: #038;}
#clear {
	clear: both;}
.clear {
	clear: both;}
.sidebar {
	position: relative;
	float: right;
	clear: right;
	margin: 20px -50px 15px 10px;
	padding: 0px;
	width: 200px;
	background: url("images/sidebartop.png") top left no-repeat;
	font-size: 80%;}
* html .sidebar { /*Hack for IE*/
	margin: 20px -25px 15px 10px;}
.sidebar .mid {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
	width: 185px;
	background: url("images/sidebarmid.png") top left repeat-y;
	text-align: left;}
.sidebar .bottom {
	position: relative;
	margin: 15px 0px -17px 0px;
	padding: 0px 0px 15px 0px;
	width: 200px;
	background: url("images/sidebarbottom.png") bottom left no-repeat;}
.sidebar .mid a {
	text-decoration: none;
	color: #038;}
.sidebar .mid a:hover {
	text-decoration: underline;
	color: #038;}
#sitecontrols {
	position: absolute;
	left: 430px;
	top: 20px;
	width: 300px;
	text-align: right;}
#sitecontrols a:link a:visited a:hover a:active {
	text-decoration: none;
	border: 0px;}
#sitecontrols img {
   vertical-align: middle;
	border: none;}
#sitecontrols form {
   display: inline;}
#searchbox {
   padding-left: 20px;
   background-color: #f0ecf1;
   border: 1px solid #048;
   height: 15px;
   font-size: 11px;}
#searchboximage {
   position: relative;
   top: 1px;
   right: -18px;
   z-index: 120px;}
.translate_hidden {
   display: none;}
.translate_shown {
   position: absolute;
   width: 100px;
   top: 16px;
   right: 16px;
   display: inline;
   text-align: left;
   background-color: #F0ECF1;
   padding: 3px;
   border: 1px solid black;
   font-size: 12px;
   z-index: 100;}
.newsitem {
	margin-bottom: 10px;
	padding-bottom: 8px;
	width: 550px;
	border-bottom: 1px dotted gray;}
.newsitem a {
	text-decoration: none;
	font-size: 80%;
	color: #038;}
.newsitem a:hover {
	text-decoration: underline;
	color: #038;}
.newsitem .textlink
{
  	font-size:100%; 
}
.newsitem .title {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.newsitem .date {
	margin-bottom: 3px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 70%;}
.newsitem .news {
}
.sponsor {
	clear: left;
	margin-bottom: 10px;
	padding-bottom: 8px;
	width: 550px;
	border-bottom: 1px dotted gray;}
.sponsor a {
	text-decoration: none;
	font-size: 80%;
	color: #038;}
.sponsor a:hover {
	text-decoration: underline;
	color: #038;}
.sponsor img {
	margin: 0px 30px 0px 0px;
	vertical-align: middle;}
.activity {
	padding-bottom: 10px;}
.activity .date {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 95%;}
.activity .link {
	padding-left: 30px;}
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #038;}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 125%;
	color: #038;}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #038;}
a {
	text-decoration: none;
	color: #038;}
a:hover {
	text-decoration: underline;
	color: #038;}
p {
	margin-right: 10px;}
.centerimg {
	text-align: center;}

/* ########## NAVIGATION ########## */
#navcontainer {
	position: absolute;
	left: 53px;
	top: 142px;
	width: 750px;
	/*font-family: Helvetica;*/
	/*font-size: 16px;*/
	/*text-align: right;*/}
/*1st level elements*/
#navlist1 {
	}
#navlist1 ul {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 14px;
	list-style-type: none;
	background: url("images/menubg.png") top left no-repeat;}
#navlist1 li {
	margin: 0px 0px 0px 0px;
	/*padding: 0px 0px 4px 0px;*/
	padding: 0px 0px 4px 0px;
	height: 26px;
	color: #038;
	font-weight: bold;
	display: inline;
	vertical-align: middle;}
#navlist1 a {
	margin: 0px -5px 0px 0px;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
	color: #038;
	font-weight: bold;}
#navlist1 .active a {
	margin: 0px -5px 0px 0px;
	padding: 0px 6px 0px 6px;
	text-decoration: none;
	color: #507ab0;
	font-weight: bold;}
#navlist1 a:hover {
	text-decoration: none;
	font-weight: bold;
	background: url("images/menubgactive.png") repeat-x;}
/*2nd level elements*/
#navlist2 {
	}
#navlist2 ul {
	position: relative;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 2px 14px;
	list-style-type: none;
	background: url("images/menubg.png") top left no-repeat;}
#navlist2 li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	height: 26px;
	color: #038;
	font-weight: bold;
	font-size: 80%;
	display: inline;}
#navlist2 a {
	position: relative;
	margin: 0px -5px 0px 0px;
	padding: 0px 6px 0px 6px;
	height: 26px;
	text-decoration: none;
	color: #038;
	font-weight: bold;
	/*font-size: 80%;*/}
#navlist2 .active a {
	position: relative;
	margin: 0px -5px 0px 0px;
	padding: 0px 6px 0px 6px;
	height: 26px;
	text-decoration: none;
	color: #507ab0;
	font-weight: bold;
	/*font-size: 80%;*/}
#navlist2 a:hover {
	text-decoration: none;
	height: 26px;
	font-size: 125%;
	font-weight: bold;
	background: url("images/menubgactive.png") repeat-x;}

/* ########## POLL ########## */
.poll .header {
   text-align: center;
   font-weight: bold;
   font-size: 18px;
}
.poll .question {
   text-align: center;
}
.poll .answer {
   text-align: left;

}

/* ########## CALENDAR ########## */
.calendar .title {
   margin: -5px 0px 5px 0px;
   text-align: center;
   font-weight: bold;
   font-size: 120%;
}
.calendar ol {
   margin: 0px 0px 0px -30px;
   /*padding: 0px 0px 0px 10px;*/
   text-align: left;
   font-weight: normal;
   font-size: 100%;
   /*list-style-type: none;*/
   list-style: none;
}
.calendar li {
   padding: 0px 0px 0px 0px;
   list-style: none;
}
.calendar .eventitem {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 50px;
}
.calendar .eventitem img {
   cursor: pointer;
}
.calendar img {
   margin: 0px 0px 0px -60px;
}
.calendar .eventdate {
   margin: 0px 0px 0px 5px;
}
.calendar .event {
   margin: 0px 0px 0px 5px;
   padding: 0px 0px 0px 0px;
}
.calendar .eventdescription img{
   margin: 0px auto 0px auto;
}