/*
 * style.css
 *
 */
 
/* Global definitions by element name ---------*/

#body  { 
  font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
  background-color:white; 
  color:black;
  font-size:10pt;
} 

img { 
  border:0px;
} 

h1 { 
  font-size:12pt; 
  margin-top:1ex;
  margin-bottom:0.3ex;
} 

h2 { 
  font-size:10pt; 
  margin-bottom:0.1ex
}

/* Colors ----------------------------------*/

#menubox, #sidebar {
  /* some kind of green */
  background-color:#9abbb0;
}

#footer, #footer a {
  color:gray;
}

a, a:visited, #menu a:hover {
  /* some kind of grayish blue */
  color:#4D6AB3;
} 

a:hover, #menu a {
  /* very dark, but not black */
  color:#343434;
} 

/* Header -------------------------------------*/

#headerrule {
  font-size:0px;
  border-top: 1px solid; 
}

#headercaption {
  font-stretch:narrower; 
  text-align:center;
  font-size:16px;
}

#header h1  {
  font-size:25px;
  font-weight:100; 
  font-variant:small-caps;
} 

#header p.big  { 
  font-size:16pt; 
  font-weight:100;
} 

#headercaption a {
  text-decoration:none;
}

/* Menu -------------------------------------*/

#menu {
  font-size:10.5pt;
}

#menu ul  {
  margin-top:4px; 
  list-style:none;
  padding-left:6px; 
  margin-left:0px;
  padding-right:2px;
}

#menu li  { 
  font-weight:500; 
  border-bottom:1px;
  margin-bottom:6px; 
  padding-left:8px;
  vertical-align:middle;
} 

#menu a {
  text-decoration:none;
}

#menu a.current, #menu a:hover {
  position:relative;
  left:-15px;
  padding-left:15px;
  background-position:left center;
  background-repeat:no-repeat;
}

#menu a.current {
  background-image:url('images/arrow.gif');
  font-weight:bold;
}

#menu a:hover {
  background-image:url('images/hover_arrow.gif');
}

/* Footer ---------------------------------- */ 

#footer {
  font-size:75%;
  border-top:1px solid;
}

#footer a {
  text-decoration:none;
}

/* Paragraphs, partitioned by their divs ----- */

#sidebar p { 
  margin-top:0.1ex;
} 

#content p { 
  margin-top:3px;
} 

/* Feedback form ------------------------------- */

#feedback  { 
  width:100%;
} 

#feedback input.text  { 
  text-align:left;
  width:100%; 
  background-color:white
} 

#feedback input.submit  { 
  float:left
} 

#feedback input.reset  { 
  float:right;
} 

#feedback textarea  { 
  width:100%; 
  background-color:white;
}

/* Tables --------------------------------------- */

table.costtable {
  table-layout:auto;
  width:80%;
  font-size:10pt;
  border:1px solid;
  border-color:black;
  margin-bottom:1em;
}

td.cost {
  width:8ex;
  text-align:right;
}

td.sum {
  width:8ex;
  border-bottom:3px double;
  border-color:black;
  text-align:right;
}