body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 80%;
  color: #545454;
  background-color: #e0e5e5;
  text-align: center;
}

p {
  margin: 0.1em 0 0.1em;
}

h1 {
  margin: 0.5ex 0 1ex;
  padding: 0;
  font-size: 200%;
  font-weight: normal;
  color: #4169e1;
}

h2 {
  margin: 0.5em 0 0.1em;
  padding: 0 0 0 1em;
  background-color: #69a33a;
  color: #ffffff;
  font-size: 100%;
  font-weight: normal;
  text-align:left;
}

h3 {
  margin: 0.8em 0em 0.3em 0em;
  border-bottom: 2px solid #69a33a;
  padding: 0em 0em 0.15em 1.7em;
  font-size: 90%;
  font-weight: bold;
  font-style: italic;
}

h4 {
  margin: 0.8em 0em 0.3em 0em;
  font-size: 90%;
  font-weight: bold;
}

ul {
  margin: 0.3ex 0 1ex;
  padding-left: 4ex ;
}

ul li {
  padding:0;
  margin:0.5ex 0;
}

div {
  margin: 0; 
  padding: 0; 
  display: block;
}

a, a:link, a:active {
  color: #4169e1;
  text-decoration: underline;

}

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

a:visited {
  text-decoration: underline;
  color: #551a8B;
}

#container {
  background-color: #ffffff; 
  margin: 10px auto 0 auto;
  border: 1px solid black; 
  padding:0; 
  width: 740px;
}

/* HEADER */

#header {
  padding: 1.5em 1.5em 2.5em; 
  margin: 0; 
  text-align: left;
  background-image: url(../_images/girep_logo.png); 
  background-repeat: no-repeat; 
  background-position: left;
  background-color: #b3d994;
  height: 78px;
  border-bottom: 1px solid black; 
}

#header h1 {
  display:none; /* Just for Google etc.*/
}

#header h2 {
  margin: 0em 0em 1ex 220px;
  padding-left: 0px;
  color: #3b4471;
  background-color:transparent;
}

#header form.qs {
  text-align:right;
  margin: 0px;
  padding-top:8px; 
  font-style:italic;
}

#header form.qs select{
  text-align:center;
}

/* LEFTBAR */

#leftbar {
  float: left; 
  clear: both; 
  width: 14em; 
  margin: 0 0 0 0.1em; 
  padding: 0;
}

#leftbar div {
  margin: 0.5em; 
  padding: 0.3em 0.4em; 
  border: 1px solid #c4c4c4; 
  text-align: left;
}

#leftbar div div { /* Together with #leftbar div replaces the direct selector*/
  margin: 0; 
  padding: 0; 
  border: none; 
  display: block;
}

#leftbar h2 {
  margin: 0.1em 0; 
}

#leftbar a:link, #leftbar a:active, #leftbar a:visited {
  color: #545454;
  text-decoration: none;
}

#leftbar a:hover {
  color: #72c32b;
  text-decoration: underline;
}

#leftbar a.active {
  background-image: url(../_images/active_link.png); 
  background-repeat: no-repeat; 
  background-position: left;
  background-color: #b3d994;
}

#leftbar a.active:hover {
  background-image: url(../_images/active_hover.png); 
  background-repeat: no-repeat; 
  background-position: left;
  background-color: #b3d994;
  color: #ffffff;
  text-decoration: none;
}

#leftbar div h2 a:link, #leftbar div h2 a:active, #leftbar div h2 a:visited {
  color: #ffffff;
  font-size: 100%;
}

#leftbar div h2 a:hover {
  color: #000000;
  text-decoration: none;
}

#leftbar p {
  padding-left: 1em;
}

#leftbar div.links a {
  padding-left: 1em;
  padding-bottom: 0.1em;
  display: block;
}

#leftbar div.links p.loggedIn {
  font-size: 80%;
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 0.3ex;
}

#leftbar div.links p.loggedIn span {
  color: #69a33a;
}

#leftbar div.links a.separator {
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 0.3ex;
}

#leftbar div.announcement p a {
  display: block;
  margin: 0.4em 0;
  font-size: 80%;
  line-height: 1;
}

#leftbar div.announcement p a:hover {
  text-decoration: underline;
}

#leftbar div a.lock {
  background-image: url(../_images/member_lock.png); 
  background-repeat: no-repeat; 
  background-position: center left;
}

#leftbar div a.unlock {
  background-image: url(../_images/member_unlock.png); 
  background-repeat: no-repeat; 
  background-position: center left;
}

/* CONTENT */

div.content {
  clear: right; 
  text-align: left; 
  margin: 0.5em 0.5em 0 14.2em; 
  padding: 0.3em 1ex 0.3em 1ex;
  border: 1px solid #c4c4c4; 
}

div.content h2 {
  margin-bottom:0.7ex;
}

div.content p {
  margin-top: 1ex;
  text-align: left;
}

div.content .remark {
  font-size: 75%; 
  font-style: italic;
}

div.content .warning {
  color: #ff0000;
}

div.content fieldset.nonframed {
  border: none;
}

div.content form.oneButton fieldset {
  margin: 0;
  border: none;
  padding: 1ex;
}

div.content ul.announcements {
  font-style:italic;
}

div.content ul.announcements span.date {
  font-style:normal;
  font-weight:bold;
}

div.content ul.announcements li {
  padding-bottom: 2ex;
}

div.content ul.announcements ul li {
  padding-bottom: 0ex;
}

div.content ul.conferences {
  list-style: square;
  padding-bottom: 1ex;
}

div.content ul.conferences li{
  padding-bottom: 0.5ex;
}

div.content ul.conferences span.title {
  font-weight: bold;
}

div.content ul.conferences span.headline {
}

div.content ul.member_list {
  list-style-type: none;
  padding-left:0px;
}

div.content ul.member_list li {
  padding-bottom: 2ex;
}

div.content ul.member_list span.name {
  font-weight:bold;
}

div.content ul.member_list span.keywords {
  font-style:italic;
}

div.content table.fees {
  text-align:center;
  border-collapse:collapse;
}

div.content table.fees th {
  font-weight: bold;
  font-style: italic 
}


div.content table.fees .year, div.content table.fees .fee {
  padding: 0.1ex 2ex;
}


div.content input.textinput {
  width: 20ex;
}


/* FOOTER */

#footer {
  font-size: 75%; 
  margin: 0.1em; 
  padding: 0.3em; 
  text-align: center; 
  clear: both;
}

#footer p { 
  border: 1px solid #c4c4c4;
  padding: 0.5em;
  margin: 0.3em;
}

#footer #updated {
  display: block;
  float: left;
}

#footer #design {
  display: block;
  float: right;
}