body {
background: #f1fde8 url(images/background.gif) repeat;
color: #000;
font-family: Garamond, "Palatino Linotype", "Times New Roman", serif; 
margin: 75px; 
}





#ubercontainer {
background: #fff;
color: #000;
margin-right: auto;
margin-left: auto;
overflow: hidden;
padding: 0px;
width: 100%; 
}

#ubercontainer .shadow2,
#ubercontainer .shadow3,

#ubercontainer .container {
left: -2px;
position: relative;
top: -2px;
}

#ubercontainer .shadow1 {
background: #f0fee6;
}

#ubercontainer .shadow2 {
background: #e2fad1;
}

#ubercontainer .shadow3 {
background: #92ac7e;
}
   
#ubercontainer .container {
background: #fff;
border: 1px solid #a3cf83;
overflow:hidden;
}






#header {
background: #a3cf83 url(images/napa_yoga_logo.gif) no-repeat center;
color: #000;
height: 200px;
width: 100%;
}



/* STRUCTURES */

#contentwrapper {
background: #fefee5 url('images/sidebar.jpg') repeat-x;
border: 0px solid #000;
color: #000;
overflow: hidden;
width: 100%; 
}

#leftcol {
background: #fff;
border: 0px solid #000;
color: #000;
float: left;
font: .9em/1.5em "Trebuchet MS", Verdana, sans-serif;
margin-right: 25px;
padding: 75px 25px 20px 20px;
width: 45%;
}

#sidebar {
background: transparent;
border: 0px solid #000;
color: #000;
float: right;
font: .9em/1.5em "Trebuchet MS", Verdana, sans-serif;
padding: 75px 20px 20px 0px;
position: relative;
width: 40%;
}

#hmimg {
float: right;
height: 260px;
margin-bottom: 15px;
overflow: hidden;
width: 230px;
}

hr {
border: 1px dotted #ee7226;
margin-top: 25px;
margin-bottom: 25px;
}

#footer {
background: #a3cf83 url(images/footer_flourish.gif) no-repeat bottom right;
color: #000;
font: .7em/1.5em "Trebuchet MS", Verdana, sans-serif;
padding: 20px;
position: relative;
text-align: center;
}









h1 {
background-color: transparent;
color: #363;
font: bold 1.3em Garamond, "Palatino Linotype", "Times New Roman", serif;
margin-top: 0px;
padding-top: 150px;
text-align: center;
}

h2 {
background-color: inherit;
color: #333;
display: inline;
font: bold 1.6em/1em Garamond, "Palatino Linotype", "Times New Roman", serif;
}

h3 {
background-color: inherit;
color: #363;
display: inline;
font: bold 1.2em/1.4em arial, Verdana, Arial, Helvetica, sans-serif;
}

h4 {
background-color: inherit;
color: #333;
display: inline;
font: bold 1em/1.2em arial, Verdana, Arial, Helvetica, sans-serif;
}

.cap {
background-color: inherit;
color: #333;
display: inline;
font: 1.6em/1.5em Garamond, "Palatino Linotype", "Times New Roman", serif;
}

p {
background-color: inherit;
color: #333;
font: 1.2em/1.5em Garamond, "Palatino Linotype", "Times New Roman", serif;
}

.smtxt {
background-color: inherit;
color: #333;
font: .7em/1em arial, sans-serif;
}

img {
border: 0px;
}

fieldset {
border: 0px;
}

.button {
background-color: #069;
border: 2px outset #000;
color: #6ff;
font: 10px arial, sans-serif;
letter-spacing: 1px;
padding: 0px;
}

#playlist {
border: 0px solid #a3cf83;
visibility: visible;  

}

















.iconlist {
background-color: inherit;
color: #000;
font: .8em/1em arial, helvetica, Verdana, sans-serif;
list-style: none;
margin: 0;
padding: 0;
}

li.ph { 
background-image: url(images/ph.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}
 
li.pen { 
background-image: url(images/pen.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.arrow { 
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.acrobat { 
background-image: url(images/acrobat.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.earth { 
background-image: url(images/earth.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.mega { 
background-image: url(images/mega.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}






















/* CONTENT LINKS */
a.type1:link {
background-color: inherit; 
color: #363;
text-decoration: underline;
padding: 1px 2px;
}
a.type1:visited {
background-color: inherit; 
color: #696;
text-decoration: underline;
padding: 1px 2px;
}
a.type1:hover {
background-color: #FBF5E8;
border-bottom: 2px dotted #815a09;
color: #f60;
text-decoration: none;
padding: 1px 2px;
}
a.type1:active {
background-color: inherit; 
color: #f93;
text-decoration: underline;
padding: 1px 2px;
}
/* END CONTENT */


/* FOOTER LINKS */
a.type2:link {
background-color: inherit; 
color: #363;
text-decoration: none;
text-align: center;
}
a.type2:visited {
background-color: inherit; 
color:#696;
text-decoration: none;
text-align: center;
}
a.type2:hover {
background-color: inherit;
color: #f60;
text-decoration: underline;
text-align: center;
}
a.type2:active {
background-color: inherit; 
color:#f93;
text-decoration: none;
text-align: center;
}
/* END FOOTER */


/* BUTTON LINKS  */
a.type3:link {
background-color: #ec5e08; 
color:#fff; 
text-decoration: none;
padding: 0px 6px 1px 6px;
border: 2px outset #c30;
}

a.type3:visited {
background-color: #ec5e08; 
color:#fff; 
text-decoration: none;
padding: 0px 6px 1px 6px;
border: 2px outset #c30;
}

a.type3:active {
background-color: #ec5e08; 
color:#fff; 
text-decoration: none;
padding: 0px 6px 1px 6px;
border: 2px outset #c30;
}

a.type3:hover {
background-color: #f17022; 
color: #fff; 
text-decoration: none;
padding: 0px 6px 1px 6px;
border: 2px outset #c30;
}





#ubermenu {
border-top: 4px solid #95bf77;
background: transparent url(images/menuoff.gif) repeat-x top left;
display: block;
overflow:hidden;
white-space: nowrap;
width: 100%;
}


#menu {
display: block;
font: bold .8em Arial,Verdana,Helvitica,sans-serif;
height: 39px;
position: relative;
width: 800px;
}

#menu ul {
list-style-type: none;
margin: 0;
padding: 0;width: auto;
}

#menu ul li {
float: left;
margin: 0;
}

#menu ul li a {
background: transparent url(images/menudiv.gif) no-repeat top right;
float: left;
color: #666;
height: 23px;
padding: 11px 20px 0 20px;
text-decoration: none;
}

#menu ul li a:hover,#menu ul li a.current {
color: #ec5e08;
background: #fff url(images/menuon.gif) no-repeat top right;
}