/**************************************************
*
* default.css
*
**************************************************/

/*-------------------------------------------------
*
* general definitions
*
*------------------------------------------------*/
body
{
  margin: 0px;
  background-color: #ffc;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;         /* => 1.0em == 10px */
}

*
{
  font-size: 1em;
  font-weight: normal;
}

/*-------------------------------------------------
*
* page lay-out definitions
*
*------------------------------------------------*/
.paper
{
  width: 800px;             /*--------------------*/    /* in em ?!?  */
  margin-left: auto;        /* makes it centered  */
  margin-right: auto;       /*--------------------*/
  margin-top: 10px;
  margin-bottom: 10px;
  height: auto;
/*  border: 1px solid black;  */
}

#banner
{
/*  height: 160px;  */
  height: 202px;
  bottom: auto;
/*  border-bottom: 1px solid black; */
  padding: 5px 0px 5px 0px;
  text-align: center;
}

#nav-left
{
  margin-right: 660px;  /* #nav-left(margin-right) = #content(width + padding-left + padding-right) */
  padding-left: 8px;
  font: 1.4em/1.8em sans-serif;
}

#content
{
  width: 640px;         /* #content(width + padding-left + padding-right) = #nav-left(margin-right) */
/*  border-left: 1px solid black; */
  padding: 0px 10px 10px 10px;
  float: right;
  font-size: 1.4em;
  text-align: justify;
}

#copyright
{
  clear: both;
  width: 100%;
  height: 1.4em;
/*  border-top: 1px solid black;  */
  font-size: 1em;
  text-align: center;
}

#newsitem
{
  border: 1px solid red;
  padding: 10px 10px 10px 10px;
}

.paper,
#banner,
#nav-left,
#content,
#copyright,
#newsitem
{
  background-color: #ffc;
}

/*-------------------------------------------------
*
* general content related definitions
*
*------------------------------------------------*/
h1
{
  border-bottom: 2px solid black;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.4em;
  font-weight: bold;
  color: black;
}

h2
{
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.4em;
  color: green;
}

h3
{
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.1em;
  color: green;
}

img
{
  border: 0px;
}

.img_float_right
{
  float: right;
  margin: 0px 0px 0px 20px;
}

.img_float_left
{
  float: left;
  margin: 0px 20px 0px 0px;
}

.img_center
{
  text-align: center;
  margin: 20px 0px 20px 0px;
}

.clearboth
{
  clear: both;
}

.red
{
  color: red;
}

.green,
.greenbold,
.greenbold12,
.greenbold13,
.greenbold18,
.greenbold432
{
  color: green;
}

.bold,
.bold12,
.bold24,
.greenbold,
.greenbold12,
.greenbold13,
.greenbold18,
.greenbold432
{
  font-weight: bold;
}

.bold12,
.greenbold12
{
  font-size: 1.2em;
}

.greenbold13
{
  font-size: 1.3em;
}

.greenbold18
{
  font-size: 1.8em;
}

.bold24
{
  font-size: 2.4em;
}

.greenbold432
{
  font-size: 4.32em;
}

.underlined
{
  text-decoration: underline;
}

.italic
{
  font-style: italic;
}

.h-divisor
{
  width: 100%;
  border-bottom: 1px solid black;
}

.footnote
{
  font-size: 0.9em;
  font-style: italic;
}

.links
{
  font: 1.0em/1.6em sans-serif;
}


/*-------------------------------------------------
*
* welcome page definitions
*
*------------------------------------------------*/

.welcome_center
{
  text-align: center;
}

.welcome_style16,
.welcome_style36
{
  font-family: Monotype Corsiva, Helvetica, sans-serif;
  font-style: italic;
  font-weight: bold;
}

.welcome_style16
{
  font-size: 1.6em;
}

.welcome_style36
{
  font-size: 3.6em;
}


/*-------------------------------------------------
*
* photo album page definitions
*
*------------------------------------------------*/

.photo
{
  text-align: left;
}

.photo_img
{
  margin: 10px 0px 0px 0px;
}


/*-------------------------------------------------
*
* repertoire page definitions
*
*------------------------------------------------*/

.rep_column
{
  width: 210px;
  vertical-align: top;
  text-align: left;
}

.rep_bandname
{
  font-weight: bold;
  text-decoration: underline;
}


/*-------------------------------------------------
*
* contact page definitions
*
*------------------------------------------------*/
.contact_label
{
  width: 100px;
  vertical-align: top;
  text-align: right;
}

.contact_input
{
  width: 240px;
}

input,
select,
textarea
{
  border: 1px solid #000;
  color: black;
  font-family: "Courier New", Arial, Helvetica, sans-serif;
}

input.contact_data_ok,
select.contact_data_ok,
textarea.contact_data_ok,
input.contact_button
{
  background: white;
}

input.contact_data_err,
select.contact_data_err,
textarea.contact_data_err
{
  background: #ddd;
}

/*-------------------------------------------------
*
* anchor definitions
* it's best to place this at the end of the css file
*
*------------------------------------------------*/
a
{
  border-bottom: 1px dashed #00d;
  text-decoration: none;
}

a:link
{
  color: #00d;
}

a:visited
{
  color: #060;
}

a:hover
{
  color: #fff;
  background: #00d;
}

a:active
{
  color: #d00;
}

a.extlink:link,
a.extlink:visited,
a.extlink:hover,
a.extlink:active
{
  background-image: url("../img/extlink.gif");
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 14px;
}