body {
color: #333333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
/*OLD background-color: #ffcc66;*/

padding: 0em;
text-align: center;
background-color: #99cccc; }

.center {
text-align: center;
 }

p {
margin-top: 0;
line-height: 1.4em;
 }

p.bold {
font-weight: bold;
 }

p.caption {text-align: center;
margin-top: .3em;
margin-bottom: 0em;
font-size: .8em; }

p.center-topmargin {
text-align: center;
margin-top: 1em;
 }

p.floatleft{
float: left;
width: 213px;
 }

p.nopadding {
margin: 0;
padding: 0;
 }

p.toppadding {
padding: 1em 0em 0em 0em;
margin: 0;
 }

p.top-left-padding {
padding: 1em 0px 0px 2em;
margin: 0;
 }

p.top-right-left-padding {
padding: 1em 2em 0em 2em;
margin: 0;
 }

p.top-bottom-left-padding {
padding: 1em 0em 1em 2em;
margin: 0;
 }

p.left-padding {
padding: 0px 0em 0px 2em;
margin: 0;
 }

p.bottom-left-padding {
padding: 0px 0em 1em 2em;
margin: 0;
 }
 
p.newsdate {
font-size: .8em;
margin-top: 0px;
}

.clearer {clear: both; 
line-height: 0; 
height: 0;
font-size: 1px;
 }

p.point6 {
font-size: .6em;
 }

p.point8 {
font-size: .8em;
 }

p.point8end {
font-size: .8em;
margin-bottom: 3em;
 }
 
p.red {
color: #ff0000;
 }

.img150 {
width: 155px;
margin: 0em;
padding: 0em 0em 0em 3.5em;
 }

.img200 {
float: left;
width: 200px;
margin: 0em 2em 2em 0em;
 }
 
.img225 {
float: left;
width: 225px;
margin: 0em 2em 2em 0em;
 }

.float-left333 {
float: left;
width:33.3%;
margin: 0em;
padding: 0em;
}

.float-left300 {
float: left;
width:300px;
margin: .3em 1.5em 1em 0em;
 }
 
 .float-left340 {
float: left;
width:340px;
margin: .3em 1.5em 1em 0em;
 }

.float-left300-photo {
float: left;
width:300px;
margin: .3em 1.5em 0em 0em;
 }

.fadein {
position:relative; height:450px; width:600px;
margin-left: auto;
margin-right: auto;
margin-bottom: 2em;
 }
 
.fadein img {
position:absolute; left:0; top:0;
border-color: #000;
border-width: 1px;
 }

h1 {
font-size: 1.6em;
font-weight: normal;
font-style: normal;
margin-top: 0em;
margin-bottom: 1.3em;
text-align: center; }

h2 {
font-size: 1.3em;
font-weight: normal;
font-style: normal;
margin-top: 0em;
text-align: center;
 }

h3 {
font-size: 1.2em;
font-weight: normal;
font-style: normal;
padding-top: 0px;
margin-top: 0em;
text-align: center; }

h4 {
font-size: 1.1em;
font-weight: normal;
font-style: normal;
padding-top: 0px;
margin-top: 0em;
text-align: center;
margin-bottom: .5em; }

.no-margin {
margin-bottom: 0em;
 }

.top-margin {
margin-top: 2em;
 }

.left {
text-align: left;
 }

.red {
color: #ff0000;
font-weight: normal; }

.black {
color: #000000;
font-weight: normal; }

.news {
text-align: left;
margin: 2em 0em 0em 0em;
color: #ff0000; }

.date {
float: left;
text-align: left;
margin-top: 2em;
color: #000000; 
}

h1.clear-both, h2.clear-both, h3.clear-both, h4.clear-both {
clear: both; }


table.teal {
background-color: #99cccc;
padding: 1em;
border: 1px #000000 solid;
width: 100%; }

tr {
text-align: center;
font-size: .8em;
line-height: 1.4em }

td {
border: 1px #000000 solid;
padding: .5em;
}

td.left {
text-align: left;
padding-left: 1em;
 }

td.redleft {
color: #ff3333;
text-align: left;
 }

td.blueleft {
color: #0066ff;
text-align: left;
 }

td.noborder {
border: 0px #000000 solid;
padding: .5em;
 }

td.thickborder {
border: 2px #000000 solid; }

td.toppadding {
padding-top: 1em; 
}

th {
text-align: center;
font-size: 1em;
font-weight: bold; }

caption {}


#header {
text-align: center;
margin: 0em 3em 0em 3em;
border-bottom: none;
padding: 3em 0em 0em 0em;
 }

#subheader {
text-align: center;
margin: 0%;
padding: 1em 3em .5em 3em;
border: none; }

#footer {
clear: both;
border-top: 1px #999999 solid;
padding: 1em 2em 4em 1.5em;
margin-left: 0px;
font-size: .8em;
background-image: url(Assets/Ekoto-motif-NEW.gif);
background-repeat: repeat-x;
background-position: bottom; }

#text-main {
padding: 0em 6em 1em 6em;
 }

#text-main-podcast {
padding: 1em 1em 1em 1.5em;
border-right: 1px #999999 solid; }

.news-item {}

.teal-bkgd-noborder {
background-color: #99cccc;
border: none;
 }

.teal-bkgd-border {
background-color: #99cccc;
border: 1px #000000 solid;
 }

.white-bkgd-border {
background-color: #FFF;
border: 1px #000000 solid;
 }
 
.left-noborder {
text-align: left;
border: none;
}

.indent {
text-indent: 2em;
margin: 0em 0em 0em 0em;
 }

#container-main {
max-width: 61.75em;
background-color: #ffffff;
margin: .5% auto;
text-align: left;
border: .2em #cc0033 solid;
background-image: url(Assets/Ekoto-motif-NEW.gif);
background-repeat: repeat-x;
background-position: top;
 }

#container-content {
margin-top: 1em;
margin-right: 0em;
margin-bottom: 0em;
margin-left: 0em; }

#container-content-podcast {
margin: 3em 24.5% 0em 3em;
border: none;
 }

#content-column-left {
float: left;
width: 39%;
padding: 1em 1.5em 2em 1.5em;
 }

#content-column-left-books {
float: left;
width:15em;
margin-left: 20%;
display: inline;
 }

#content-column-right-books { 
width: 15em;
margin-left: 50%;
 }

#content-column-left-images {
float:left;
width: 25%;
margin-left: 6em; }

#content-column-right {
margin-left: 47%;
padding: 1em 3em 2em 1.5em;
width: 42%;
display: block;
 }

#content-songlist {
padding: 0em;
 }

.songlist-left {
float: left;
margin-left: 2em;
width: 40%;
display: inline; }

ul {
line-height: 1.4em; }

li {
 }
 
ul.homepage {
text-decoration: none;
list-style-type: none;
}

.songlist-left ul li {
text-decoration: none;
list-style-type: none;
padding-bottom: .3em;
margin: 0px;
 }

.songlist-left ul {
margin: 0px;
padding: 0px;
font-size: .8em;
 }

.songlist-right {
margin-left: 50%;
 }

.songlist-right ul li {
text-decoration: none;
list-style-type: none;
margin: 0px;
padding-bottom: .3em;
 }

.songlist-right ul {
padding: 0em;
margin: 0px;
font-size: .8em;
 }

.center-cd {
margin: 2em 4em 0em 1.5em;
padding: 0em;
 }

img.centerbkcover {
margin-left: 23%;
padding-bottom: 1em;
 }

img.center { 
margin: 2em;
text-align: center; }

img.float-left { 
float:left;
margin: .4em 1.5em .5em 0em;
 }

img.float-right { 
float:right;
margin: 0em;
 }

img.float-left-news {
float: left;
margin:  3px 20px 10px 0px;
 }

img.float-right-news {
float: right;
margin:  3px 0px 3px 15px;
 }

.tray-card-echo {
float: right;
margin: 8.5em 10% 0em 0em;
width: 350px;
 }

.tray-card-voice {
float: right;
margin: 6.5em 10% 0em 0em;
width: 350px;
 }

.tray-card-beyond {
float: right;
margin: 14.8em 10% 0em 0em;
width: 350px;
 }

#navbar-rule-top {
background-image: url(Assets/navbar-rule.gif);
background-repeat: repeat-x;
margin: 1em 0em 0em 0em;
padding: 0;
 }

#navbar-rule-bottom {
background-image: url(Assets/navbar-rule.gif);
background-repeat: repeat-x;
margin: 0;
padding: 0;
 }

#navbar {
margin: 0em
 }

#navbar ul {
color: #000000;
list-style: none;
font-size: .8em;
margin: 0em;
padding: 0em 0em 1em 0em;
text-align: center;
 }

#navbar ul li {
list-style: none;
display: inline;
margin-right: .75em;
 }

 #navbar ul li.last {
     margin-right: 0;
}


#navbar a {
color: #009999;
text-decoration: none;
 }

#navbar a.here {
color: #000000;
font-weight: bold;
 }

#navbar li a:hover {
text-decoration: none;
color: #cc0066; }

#sidebar-right {
float: right;
width: 23%;
font-size: .8em;
margin-top: 3em;
padding-top: 1em;
padding-right: 1em;
border-left: 1em; }

#sidebar-right p {
margin-left: 1.5em;
margin-right: 1em;
 }

#beyond {
background-image: url(Assets/beyond-tray-card-h280.jpg);
background-position: 100% 97.5%;
background-repeat: no-repeat;
width: 37em;
 }

#echo {
background-image: url(Assets/echo-tray-card-h280.jpg);
background-position: 100% 97%;
background-repeat: no-repeat;
width: 40em;
 }

#voice {
background-image: url(Assets/voice-tray-card-h280.jpg);
background-position: 100% 96%;
background-repeat: no-repeat;
width: 39em;
 }

.cd-playlist {
margin: 0px;
padding: 0px;
 }

.cd-playlist ol li {
text-decoration: none;
padding-bottom: .3em;
margin-left:4em;
font-size: .8em;
line-height: 2em; }

.songlist-samples { 
margin-left: 2em;
font-size: .8em;
 }

a:link {
color: #009999;
text-decoration: underline;
 }

a:visited {
color: #cc6633;
text-decoration: none;
border: none;
 }

a:hover {
color: #cc0000;
text-decoration: none;
font-weight: normal;
 }

a:active {
 }

a.nodec:link {
color:#ffffff;
text-decoration: none;
background-color: #ffffff;
 }

a.nodec:hover {
color:#ffffff;
text-decoration: none;
background-color: #ffffff; }