/* Style Sheet Template V3.0 1-13-06
To changes basic settings Edit>ReplaceAll strings as in this example:
   r1g1b1;/*b9   by  r2g2b2/*b9    (where 00 - darkest, ff-lightest)

To Turn on borders for testing replace     b o r d e r: 0px      by         b o r d e r: 1px

- outer background:       d0d0d0;/*b2
- main panel background:  a0a0a6;/*b3
- text outside of panel:  010101;/*t2
- text size outside:      12pt;/*t3*/ 

- banner color:           333344;/*b1
- banner text color:      22222;/*t1

- menu color:             000066;/*m1
- menu  visited:          000066;/*m2
- menu hover:             eeeeee;/*m3
- menu size:              12pt;/*p1

- links color             bb1111;/*l1
- links visited           bb1111;/*l2
- links hover             000066;/*l3
- links font size         10pt;/*f1

- Singer name color:      ffffff;/*s1
- Singer name size:       24pt;/*s2
- Singer background:      a0a0a6;/*b3
    
- Quote font size:        10pt;/*q1
- Text size:              10pt;/*n1
- All text color:         000000;/*t2

- opera links color:      000066;/*o2
- opera link size:        7pt;/*o3
- opera background:       d0d0d0;/*o4


*/
/* ----------------------------------------------------*/
html, body {
      margin: 0;
      padding: 0;
      height:100%;
      cursor: default;
      	}
/* --------------------------------------------------- */
/* background color above the banner: b2 */
body.nomargins {
	background-color: #d0d0d0;/*b2*/
   	cursor: default;
	border: 0;
	padding: 0;
	margin:0;
	font-size: 10pt;
	color: #010101;/*t2*/
	font-family: Verdana, Arial, sans-serif;
	}

.text {
	color: #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: justify;
	}

.linktext {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: purple;
	}

/*-----How to display default HTML page-------*/
.textview {
      width: 98%;
      height: 95%;
      font-size: 80%;
      margin: 0px;
      padding: 5px;
      background-color: white;
      color: black;
	}

.textview .buttonlist li {
      padding:        5px;
      line-height:    180%;
      }

.textview .buttonlist li .key {
      background-color: #F0F0F0;
      padding: 3px;
      border: 3px outset white;
	}

/* ------------------------------------------*/
/* My links and contact fonts and colors: l1  */
.linksContainer a:link, .contactContainer a:link {
      color: bb1111;/*l1*/
	font-size: 10pt;/*f1*/
      font-family:    Verdana, Arial, sans-serif;
	text-decoration: none;
	}

.linksContainer a:active. .contactContainer a:active {
      color: bb1111;/*l1*/
	font-size: 10pt;/*f1*/
      font-family:     Verdana, Arial, sans-serif;
      text-decoration: none;
      }

.linksContainer a:visited, .contactContainer a:visited {
      color: bb1111;/*l2*/
	font-size: 10pt;/*f1*/
      font-family:    Verdana, Arial, sans-serif;
	text-decoration: none;
	}

.linksContainer a:hover, .contactContainer a:hover {	
	color: 000066;/*l3*/
	font-size: 10pt;/*f1*/
      font-family:     Verdana, Arial, sans-serif;
      text-decoration: none;
	font-weight: bold;
      }

/* ----------------------------------------------------- */



table.pagetable {
      width:100%;
      height:100%;
      vertical-align:top;
	padding-top: 10px;
      }

table.pagetable td {
	font-size: 12px;
	}

.note, .date, .comnt, .navigationBar {
    font-family:    Tahoma, Verdana, Arial, sans-serif;
    font-size:        70%;
    padding-top:      5px;
    padding-bottom:   5px;
    color: #aaa;
    }

.comnt {
    white-space:normal ;
    }

.navigationBar {
      white-space:nowrap;
      vertical-align: middle;
	}
/* --------------------------------------------------- */
/*  Banner: b1 */
.title, H1, H2 {	
	width: 99%;
   	font-size:  10pt;
    	font-weight: bold;
	display:    inline;
   	text-decoration: none;
    	font-family:  Verdana, Tahoma, "Trebuchet MS", Arial, sans-serif;
    	text-transform: none;
    	letter-spacing: 0.1em;
    	color: #22222;/*t1*/
	}

.indexPageHeader {
	padding-left: 5px;
	padding-right: 5px;
	width:100%;
	vertical-align: middle;
	align: center;
	padding-top: 3px;
	padding-bottom: 1px;
	max-width:98%;
	background-color: d0d0d0;/*b1*/
	}
/* -------------------------------------------------*/

/* Singer name: s1 */
.singerName {
	vertical-align: bottom;
	background-color: #a0a0a6;/*b3*/
	font-family: Myriad Pro, Verdana;
      font-size: 24pt;/*s2*/
      padding-left: 10px;
      padding-right: 10px;
      text-align: center;
      border: 0px solid black;
	letter-spacing: 0.2em;
      color: #333333;/*s1*/
	font-weight: bold;
      white-space:nowrap;
      text-decoration: none;
	}
/* -------------------------------------------------- */

.imgCaption {
	vertical-align: top;
	background-color: #d0d0d0;/*b1*/
	font-family: Verdana;
      font-size: 10pt;/*n1*/
      padding-left: 20px;
      padding-right: 20px;
      text-align: right;
      border: 0px;
      color: #000000;/*t2*/
	font-weight: bold;
      white-space:nowrap;
      text-decoration: none;
	}

.copyright {
	vertical-align: top;
	background-color: #a0a0a6;/*b3*/
	font-family: Verdana;
      font-size: 10pt;/*n1*/
      padding-left: 20px;
      padding-right: 10px;
	width: 240px;
      text-align: left;
      border: 1px;
      color: #000000;/*t2*/
	font-weight: normal;
      white-space:nowrap;
      text-decoration: none;
	}

.copyright div {
	vertical-align: bottom;
      padding-top: 2px;
      padding-bottom: 2px;
	}

.disclaimer {
	vertical-align: top;
	font-family: Verdana;
      font-size: 7pt;
      padding-left: 20px;
      padding-right: 20px;
      text-align: center
      border: 0px;
	color: #111111;      
	font-weight: normal;
	font-style: italic;
      white-space:nowrap;
      text-decoration: none;
	}
.updated {
	vertical-align: center;
	font-family: Verdana;
	color: #111111;      
	font-size: 9pt;
	font-weight: bold;
      text-align: center
      border: 0px;
      font-weight: normal;
	white-space:nowrap;
      text-decoration: none;
	}

.opera {
	background-color: d0d0d0;/*o4*/
	vertical-align: top;
	font-family: Verdana;
	font-size: 7pt;
	text-align: center
	border: 0px;
	font-weight: normal;
	white-space:nowrap;
      text-decoration: none;
	}
.opera a:link {
	color: 000066;/*o2*/
	font-size: 7pt;/*o3*/
	font-weight: bold;
	}
.opera a:hover {
	color: white;
	}

.disabledButtonLink {
      color: #999;
      text-align:center;
      padding: 1px 13px 1px 13px;
      background-color:   #ccc;
	font-size: 7.6pt;
    }

a.buttonLink  {
  	padding: 1px 3px 1px 3px;
  	border: 0px solid #66c;
  	background-color:   #e7dcc0;
   	text-align:center;
   	white-space: nowrap;
      color: #339;
	font-size: 7.6pt;
	}

a.buttonLink:visited {
      color: #339;
	font-size: 7.6pt;
      }

a.buttonLink:active {
      border: 0px solid #000;
      background-color:   #99c;
      color: #fff;
	font-size: 7.6pt;
      }

a.buttonLink:hover {
      border: 0px solid #99c;
      background-color:   #fff;
      color: #339;
	font-size: 7.6pt;   
      }


/* ----------- Main page header styles -------------*/

.indexPageHeader table td
{
    white-space: nowrap;
    vertical-align: middle;
}

.indexPageHeader .buttonLink
{
    background-color:   #e7dcc0;
    border: 0px solid   #66c;
}


.indexPageHeader .navigationBar
{
    text-align: right;
}

div.clearer {clear: both; height: 0;}

/* ------------Containers-------------------- */
/* main Container  */
.mainContainer {
	width: 800px;
	align: center;
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
     	border: 0px solid yellow;
	background: #a0a0a6;/*b3*/
	font-size: 9pt;
	color: white;
	}

/* ---------------------------------------- */
/* Quotes: q1 */
.quoteContainer {
	width: 800px;
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
     	border: 0px solid yellow;
	background: #a0a0a6;/*b3*/
	font family: Verdana;
	font-size: 10pt;/*q1*/
	color: #000000;/*t2*/
	font-style: italic;
	font-weight: normal;
	letter-spacing: 0.1;
	}

.mainPictureContainer {
	width: 400px;
	height: 100px;
	align: right;
	padding-top: px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 1px;
     	border: 0px solid yellow;
	background: #a0a0a6;/*b3*/
	font-size: 9pt;
	color: white;
	}

/* -------------------------------- */
/* Menu, links positioning: m1 */
/* warning: font-size only controls spacing, goro to a.link for size */
.menuContainer {
	width: 400px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 50px;
	padding-bottom: 10px;
     	border: 0px solid yellow;
	background: #a0a0a6;/*b3*/
	color: white;
	text-align: right;
	}

.menuContainer a:link {
	color: 000066;/*m1*/
	font-size: 12pt;/*p1*/
	font-family:    Verdana, Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	}
.menuContainer a:visited {
	color: 000066;/*m2*/
	font-size: 12pt;/*p1*/
	font-family:    Verdana, Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	}
.menuContainer a:hover {
	color: eeeeee;/*m3*/
	font-size: 12pt;/*p1*/
	font-family:    Verdana, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	}


/* ---------------------------------- */
/* Personal note: n1   */
.noteContainer {
	width: 800px;
	padding-top: 8px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
     	border: 0px solid yellow;
	background: #a0a0a6;/*b3*/
	font-family: Verdana;
	font-size: 10pt;/*n1*/
	color: #000000;/*t2*/
	text-align:left;
	}

.noteContainer a:link {
	color: #000066;/*m1*/
	font-size: 10pt;
	font-family:    Verdana, Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	}
.noteContainer a:visited {
	color: #000066;/*m1*/
	font-size: 10pt;
	font-family:    Verdana, Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	}
.noteContainer a:hover {
	color: #eeeeee;/*m3*/
	font-size: 10pt;
	font-family:    Verdana, Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
	}
.noteContainer table td{
	color: #000066;/*m1*/
	}
/* ---------------------------------- */
.linksContainer {
	width: 400px;
	padding-top: 1px;
	padding-left: 8px;
	padding-right: 3px;
	padding-bottom: 1px;
     	border: 0px solid yellow;
	background: #a0a0a6;/*b3*/
	font-family: Verdana;
	font-size: 10pt;/*n1*/
	color: #000000;/*t2*/
	font-weight: normal;
	text-align: left;
	}

/* -----------------------------------*/
/* contact information: c1 */
.contactContainer {
	width: 400px;
	padding-top: 1px;
	padding-left: 8px;
	padding-right: 3px;
	padding-bottom: 1px;
     	border: 0px solid yellow;
	background: #a0a0a6;/*b3*/
	font-family: Verdana;
	font-size: 10pt;/*n1*/
	color: #000000;/*t2*/
	font-weight: normal;
	text-align: right;
	}