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

body {
  max-width: 900px;
  margin: 10px;
  color: #000;
  background-color: #fff;
  font-family: sans-serif;
  line-height: 150%;
  text-align: left;
  background-image:url(images/logo_kagraph_thin_poster2_240.png);
  background-repeat:no-repeat;
  background-position:15px 15px;
}

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

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

.em {
color: #DC0000;
}

.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 dotted #DC0000;
}

a[href]:hover {
background-color: #FFB0B0;
color: #DC0000;
}

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

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

h3 {
color: #DC0000;
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;
}

#graphlogo {
  width: 180px; /* width of left (navigation) column */
}

#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 {
}

/* 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, ul {
  list-style: disc;
}

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

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

#menu > li {
}

#menu a {
  border-style: none;
}

/* HEADER */

#header table {
  width: 100%;
}

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

#graphlogo {
  text-align: right; 
}

#gdname {
  font-size: 120%;
  text-align: right;
  vertical-align: bottom;
  white-space: nowrap;
}

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

#rightlogo {
  text-align: left; 
  vertical-align: bottom;
}

#leftlogo {
  text-align: right; 
  vertical-align: bottom;
}

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

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

#indexheader {
  text-align: center; 
  vertical-align: middle;
  letter-spacing: 0.1em;
  padding: 5px 45px !important; /* prevent title from hiding the ka-graph logo */
}

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

#indexheader h1 {
  margin: 0.5ex 0px 1ex 0px;
  color: #DC0000;
  font-size: 300%;
  letter-spacing: 0.1em;
}

#indexheader .gdname {
  color: #DC0000;
}

/* sponsor column */

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

#sponsorcol h4 {
  text-align: right;
  color: #DC0000;
  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: #DC0000;
}

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;
}