body{
margin:0;
padding:0;
background: #ecf9f6;
font-family: "Arial", "Verdana", sans-serif;
font-size: 14px;
}

/**********MAIN DIVS********/

#header{
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 100px;
}

#container{
background:white;
border-left: 1px outset;
border-right: 1px solid;
border-bottom: 2px outset;
border-bottom-color: #dcfaf6;
border-right-color: #93c2bc;
border-left-color: #93c2bc;
height: 900px;
width: 750px;
margin: 0 auto;
overflow : hidden; 
_height : 1%;
}

#leftnav{
margin: 0 -5em 0 0;
width: 30%;
float: left;
height: 100%;
background-image: url(http://www.topmotion.com/tealcreeknew/images/backer2.jpg);
background-repeat: repeat-y;
padding: 0 0 4em 0;
}

#content{
width: 65%;
float:right;
height: 100%;
background-image: url(http://www.topmotion.com/tealcreeknew/images/backer5.jpg);
background-repeat: no-repeat;
background-position: bottom right;
margin: 1em 0 0 0;
padding: 0 0 0 4em;
}

#footer{
clear: both;
letter-spacing: .2em;
text-align: center;
margin: 3em 0 0 0;
padding: 0 0 2em 0;
}

#footer p{
margin: 0;
padding: 0;
font-size: 12px;
font-family: 'Trebuchet MS'
}

/********CONTENT SUB ITEMS*******/

#content p{
line-height: 1.4;	
text-indent: 2em;
margin: 0 1em 1em 0;
padding:0;
}

#content li{
list-style: square inside url('../images/arrow2.gif');
line-height: 1.4em;
margin: 0;
list-style-position: inside;
} 



/********SPECIFIC IMAGES*********/

#homeimg{
margin: 0 0 -.2em 1em;
padding: 1em 0 0 0;
}

/********CLASSES*********/

.mainhead{
border-bottom: 1px dotted silver;
font-size: 18px;
margin: 1em 0 1em 0;
width: 95%;
background-image: url('http://www.topmotion.com/tealcreeknew/images/note.jpg');
background-position: center right;
background-repeat: no-repeat;
font-family: "Georgia", "Arial", sans-serif;
}

.abouter{
font-size: 16px;
border-bottom: 1px dotted silver;
width: 45%;
font-family: "Georgia", "Arial", sans-serif;
}

.navhead{
margin: 1em 0 .5em 1em;
padding: 0;
border-bottom: 1px dotted silver;
width: 70%;
}


/********LINKS*******/

#leftnav a{
margin: 0 0 0 2em;
font-size: 12px;
}

a:link{
text-decoration: none; color:#1D5898;
}
a:visited{
text-decoration:none; color:#1D5898;
}
a:hover{
text-decoration:none; color:#AD255A;
}
a:active{
text-decoration:none; color:#AD255A;
}


/*******ARTISTS*****/

#content .artistimg{
float: left;
padding: 0 1em .5em 0;
margin: 0 0 0 1em;
}

/*******ARTIST TABLE*********/

.artable{
margin: 1em 0 0 0;
padding: 0;
text-align: top;
}

.artable td{
width: 200px;

}

.artable tr{
vertical-align: top;
}

.artable h4{
width: 75%;
}

.artable ul{

margin: 0;
padding: 0;
}

/****************************/

/*******WIDE TABLE*********/

.witable{
margin: 1em 0 0 0;
padding: 0;
text-align: top;
}

.witable td{
width: 95%;

}

.witable tr{
vertical-align: top;
}

.witable h4{
width: 95%;
}

.witable ul{

margin: 0;
padding: 0;
}

/****************************/