/****************************************************
 StyleSheet for Yoga-Well-Being.com

  Copyright 2008 Yoga-Well-Being.com
 
Generic Selectors on top, including body background color,
the paragraph and all the heading formats. A generic list will always
have the same look and feel.

The entire content is withing the container.
The general hierarchy is:
HTML > BODY > CONTAINER > Heading/logo/navigation/CenterDoc

All the text is within the CenterDoc.

At the end are the table formats.
****************************************************/

/* Generic Selectors */

body {
background-color:#334b67;
text-align:center;
}

p {
background-color:white;
font-weight:normal;
line-height:1.4em;
font-family:Verdana,Georgia,serif;
}

h1, h2 {
/*  background-color:#9eb49a;  */
 font-family: Verdana,Georgia,serif;
}

h3, h4 {
/* background-color:#fefdb7; */	
font-family: Verdana,Georgia,serif;
font-weight: italic;
}

h1 {
font-size: 1.2em;
font-weight: bold;
text-align:center;
color: #993300;
}

h2 {
font-size: 1.0em;
font-weight: bold italic;
color: #003300;
}

h3 {
font-weight: bold italic;
color: #334b67;
}

h4 {
font-family: Verdana,Georgia,serif;
font-size: 0.8em;
font-weight: bold italic;
color: #6a849d;
}

.comment {
font-family: Verdana,Georgia,serif;
font-style:italic;
color:#663366;
}

.name {
font-style:bold;
color:#0000FF;
}

.highlight {
font-size:1.2em;
font-style:bold;
color:#993300;	
}

ul.list {
list-style-image: url(images/lupa.gif);
font-size:0.8em;
text-align:left;
}

ul.sublist {list-style-image: url(images/lupa.gif); }

.input {
border: 1px solid #334b67;
background: #ffc;
}

.button {
border: 1px solid #334b67;
cursor:pointer;
padding: 1px 2px;
background: #9cf;	
}

/************************* ID's *************************/

#container {
/* position:absolute; */
margin:0 auto;
width:900px;
text-align:left;
background-color:white;
}

#container #centerDoc {
margin-top:20px;
margin-left:200px;
margin-right:220px;
padding: 20px; 
text-align:justify;
/*  background-color:#dfe1be;  */
background-color:white;
}

#container #heading {
z-index: 0;
height: 50px;
/* padding:0.2em; */
border:none;
/* margin-left:100px; */
background: url(images/YogaWellBeingHeading.png) no-repeat right 
/* float:center; */
}

#container #tagline {
color:#fefdb7;
background-color: white;
height:30px;
text-align:center;
background: url(images/logoSmall.jpg) repeat-x;
}

#container #footer {
text-align:bottom center;
clear:both;
text-align:center;
background-color:#dabe62;
font-size:0.7em;
color: #993300;
}

#container #leftImage {       
float:left;
background: url(images/menuBack.jpg) no-repeat center;
margin-top:30px; 
margin-left:10px;
/* padding: 0.2em; */
height:600px;
width:140px;
background-color:#6a849d;
}


/***************Navlist**********************************/
#container #navcontainer
{
width: 140px;
float:right;	
padding: 0.4em;
display:block;
/* margin-top:10px; */
margin-right:0.2em; 
height: 600px;
background-color:#EEF5C1;
font-weight: bold;
font-family:verdana,georgia, serif;
background: url(images/yogaMain.jpg) no-repeat right;
}

* html #container>#navcontainer {
width:auto;	
margin-right:0.2em; 
}

#navcontainer ul#navlist
{
list-style: none;
display:inline;
float:left;
padding: 10px 0 20px 10px;
width: 100%; 
margin-top:100px; 
font-size: 0.8em;
}

#container>#navcontainer>ul#navlist {
padding:0.5em;
width:90%;
}

#navcontainer ul#navlist li
{
font-variant: small-caps;
font-weight:bold;
width:100%;
}

#navcontainer ul#navlist li a
{
display: block;
width: 90%;
 padding:10px; 
color:#dabe62; 
text-decoration: none;
}

#navcontainer>ul#navlist li a { 
width: 80%;
padding: 0.5em;
}  

#navcontainer ul#navlist li#active a {
background:  #dabe62;
color: #003300 ;
} 

#navcontainer ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #003300;
background: transparent;
background-color:#dabe62;
border:none;
}

/***TOP HORIZONTAL MAIN NAV*******************************/

#navhzcontain
{
/* float:center; */
margin: 0 auto;
font-family:georgia,serif,sans-serif;
padding: 0.5em 0 0 0.5em;
background-color:#dabe62;
}

#navhzcontain:after
{
display: inline;
line-height: 1px;
font-size: 1px;
}

#navhzcontain #navlist
{
margin: 0;
padding: 0 0 20px 10px;
}

#navhzcontain #navlist ul, #navhzcontain #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navhzcontain #navlist a:link, #navhzcontain #navlist a:visited
{
float: right;
line-height: 12px;
font-weight: bold;
margin: 0 10px 4px 15px;
text-decoration: none;
color: #993300;
}

#navhzcontain #navlist a:link#current, #navhzcontain #navlist a:visited#current, #navhzcontain #navlist a:hover
{
padding-bottom: 2px;
color: #334b67;
}

#navhzcontain #navlist a:hover { color: #334b67; }

/********TABLE STYLING************************/
#container table #table {
 background-color:#fefdb8;
  border: solid #334b67 3px;
 }

#scroll {
height: 600px;
width:510px;
overflow: auto;
border:1px solid gray;
scrollbar-arrow-color: #9eb49a;
} 

#table td {
    padding: 1px;
    border: solid #334b67 1px;
    height:auto;
}


.data {
    font-size:0.8em;
    color: #000000;
    text-align: left;
    background-color: #FFFFCC ;
}

.toprow {
    font-style: italic;
    font-size:14;
    text-align: center;
    background-color: #9eb49a;

}

.leftcol {
font-size:0.9em;
font-weight:bold;
text-align: left;
background-color: #FFFFCC;
}