/* I'd like to have a better looking link-highlight on the leftlogo, like all around the border maybe */

/* ------------------------------------------------------------------------ 
 * general 
 * ------------------------------------------------------------------------ */

body {
  max-width: 900px;
  margin: 10px;
  color: #000;
  background-color: #F5F5F5;
  font-family: Arial, sans-serif;
/*  font-family: Verdana; */
/*  font-family: Arial;*/ /* No effect on my Mozilla */
  line-height: 150%;
  text-align: left;
/* background-image: none;*/
/*  background-repeat:no-repeat;
  background-position:15px 15px; */
  background-image: url(images/gradient2.png); /* FFFFFF to F5F5F5 */
/*  background-image: url(images/gradient.png); /* FFFFFF to F0F0F0 */
/*  background-image: url(images/gradient3.png); /* FFFFFF to E0E0E0 */
  background-repeat: repeat-x;

}
	
img, .plain {
  border: 0px none #fff !important;
  background-color: #fff !important;
  padding: 0px !important;
}

.alert, h3 a.alert {
color: #c00;
}

.em {
color: #c00;
}

.center {
  text-align: center;
}

.content * ol li {
  margin-bottom: 1ex;
}

 * ul.wide li {
  margin-bottom: 1ex;
}

a[href] {
color: black;
text-decoration: none;
padding: 1px 2px 0px 2px;
}

a[href]:link, a[href]:visited {
border-bottom: 2px solid #B4CAFF;
}

a[href]:hover {
background-color: #D4E0FF;
color: #600;
}

#menu a[href]:hover {
background-color: #D0DCFF;
color: #600;
}

#leftlogo a[href]:hover {
  border: 1px solid #B4CAFF;
}

#leftlogo a[href]:link{
border: none;
}

#leftlogo a[href]:visited {
border: none;
}


h3, h4 {
text-align: left;
margin: 2ex 0em 0.5ex 0em;
}

h2 {
text-align: left;
margin: 2ex 0em 1ex 0em;
color: #c00;
font-size: 140%;
}

h3 {
color: #c00;
font-size: 120%;
}

h4 {
font-size: 100%;
}

/* define margins at top of elements */

p {
margin: 0.5ex 0em 1ex 0em;
}

/* ... and remove top margin for first elements */
.first {
  margin-top: 0ex !important;
}

hr {
width: 75%;
height: 1px;
background-color: #000000;
border: 0px none #000000;
}

#header {
margin-bottom: 10px;
text-align:right;
}

#footer {
margin: 2ex 140px 1ex 0px;
padding: 1ex 2em 0ex 2em;
border-top: 2px dotted #b3b3b3;
text-align:center;
font-size: smaller;
}

#content li {
	list-style: circle;
}

/* MENU */

#menu {
  border: 0px solid black;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu ul, ul, ol {
  margin: 0ex 1.5em;
  padding: 0px 0px;
}
#menu ul {
  list-style: none;
}

#menu h4 {
  margin: 1ex 0px 0ex 0px;
  padding: 3px 3px 1px 3px;
  background-color: #c00;
}

#menu ul {
  padding: 0.5ex 5px 0.5ex 1.5em;
  margin: 0px;
  background-color: #B4CAFF;
}

/* decrease indentation of inner side-bar links */
/* and make list more compact */
#menu ul li{
 margin: 0px 0px -2px -1em;
 }

#menu a {
  border-style: none;
}

/* HEADER */

#header table {
  width: 100%;
}

#header td {
  font-weight: bold;
  border: 0px solid #000;
  padding: 0px;
  margin: 0px;
}

#gddate {
  font-family: sans-serif;
  padding: 5px !important;
  text-align: right; 
  vertical-align: top;
}

#leftlogo {
	text-align: center;
	vertical-align: middle;
  margin-left: 6px; 
  margin-right: 6px;
}

#headercontent {
  text-align: center; 
  vertical-align: bottom;
}

#headercontent h1 {
  color: #c00;
  text-align: center;
  margin: 0ex 0px 1.5ex 0px;
}

#indexheader {
  font-family: Georgia, serif;
  font-weight: bold;
  text-align: center; 
  vertical-align: middle;
  min-width: 446px;
/*  letter-spacing: 0.1em; */
}

#indexheader div {
  margin: 0ex 0px 0.5ex 0px;
}

#indexheader h1 {
/*  margin: 0.3ex 0px 0.6ex 0px;*/
  color: #c00;
  font-size: 300%;
/* Graph Drawing */
}

#indexheader .gdname {
    font-size: 125%;
    font-weight: bold;
    color: #c00;
}

#indexheader .indexdate {
	color: #000000;
	font-family: serif;
	font-size: 125%;
	text-align: center;
/*	vertical-align: bottom;*/
	white-space: nowrap;
}


/* sponsor column */

#sponsorcol {
  padding: 0px;
  text-align: left;
}

#sponsorcol h4 {
  text-align: left;
  color: #c00;
  margin: 3ex 0px 2ex 0px;
} 

#sponsorcol p {
  text-align: center;
  margin: 2ex 0px 2ex 0px;
}

#sponsorbox {
  width: 132px;
/*  border-left: 2px dotted #b3b3b3;*/
  margin-left: 1px;
  padding-left: 5px;
  text-align: right;
}

/* layout table */

table.layout {
  margin: 0px;
  padding: 0px;
  border: 0px none black;
  border-collapse: collapse;
  border-spacing: 0px;
}

td.layout {
  border: 0px solid black;
  padding: 5px;
  text-align: left;
  vertical-align: top; 
}

td.header {
  border: 0px solid black;
  padding: 5px;
  text-align: left;
  vertical-align: top;
 }

table.fees {
  margin-bottom: 2ex;
  border: 0px none black;
}

table.fees td {
  padding: 2px 1em;
  text-align: center;
  vertical-align: top;
}

td.head {
  font-weight: bold;
}

/* ------------------------------------------------------------------------ 
 * program page 
 * ------------------------------------------------------------------------ */

h3.official, div.session, h3.invited, p.meal {
  font-size: 100%;
  font-weight: bold;
  width: 98%;
  padding: 3px 3px 1px 3px;
  border: 2px dotted #b3b3b3;
  margin: 2ex 0em 1ex 0em;
}

h3.official, div.session, h3.invited {
  color: #000;
  border-color: #c00;
}

p.meal {
}
  
div.session h3 {
  font-size: inherit;
  color: inherit;
  margin: 0ex 0em;
}

div.session p {
  font-weight: normal;
  margin: 0ex 3em;
}

p.title {
  font-weight: bold;
  margin-bottom: 0ex;
}

p.author {
  margin-top: 0ex;
}