@charset "utf-8";
/* site by request 2008 : global */


div, h1, h2, h3, h4, h5, h6, p, li, ul, ol, form, dl, dd, dt{margin:0px; padding:0px;}
img {border:0px}
body{margin:0px; padding:0px; font-size:100%; font-family: Georgia, Garamond, "Times New Roman", Times, serif; text-align:center; background:#1D1D1C;}

li{ list-style:none;}

a{ text-decoration:underline; font-weight:bold; color:#333}
a:hover{text-decoration:none; color:#000}

a.fx img:hover{ /* for IE */  filter:alpha(opacity=70);  /* CSS3 standard */  opacity:0.7;  }

#containerWrapper{ }
#container{text-align:left; }


/*HEADER*/
#headerWrapper{height:115px; background:url(/_images/header-bg.jpg) repeat-x;}
#header{ width:650px; height:115px;  margin:0px auto; }
#logo{ background:url(/_images/tala-logo.png) no-repeat; width:187px; height:65px; position:relative; top:22px;}
#logo img{width:187px; height:65px;}


/*NAV*/
#mainNav{ height:48px;  background:url(/_images/nav-bg.jpg) repeat-x;}
#mainNav ul{width:650px; height:48px;  margin:0px auto; }
#mainNav li{ display: inline;  line-height:44px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:0px 27px; background:url(/_images/nav-border.jpg) left center no-repeat;  text-transform:uppercase}
#mainNav li.ab{padding-left:0px; background:none }
#mainNav li.fb{padding:0px 0px 0px 26px; }
#mainNav a{ color:#999; text-decoration:none}
#mainNav a:hover{color:#FFF; }

#mainNav a.on{ color:#FFF;}


/*BODY*/

#theBodyWrapper{}
#theBody{width:100%; }


div.yellowPanel{float:left;width:100%; background:#F9F5EA url(/_images/yellowbg.jpg) top repeat-x;; border-bottom:2px solid #E9D9AD; padding:10px 0px;}
div.whitePanel{float:left;width:100%; background:#FFF; border-bottom:2px solid #E9D9AD; padding:10px 0px;}

div.panel{width:650px; margin:0px auto; padding:10px 0px }


img.floatLeft{ float:left; padding:0px 7px 7px 0px }
img.floatRight{ float:right; }

.leftSide, .rightSide{float: left; margin:10px 0px; }
.left, .right{ float:left; width:50% }

.leftSide{padding-right:25px; }
.rightSide{}


h1, h2, h3, h4{}
p{ font-size:14px; margin:15px 0px; line-height:19px}
p.back a{ font-size:12px;background: url(/_images/dot.jpg) left  no-repeat; padding-left:15px; color:#999;}

h1.title{ color:#4C130C}
blockquote{ color: #960}
blockquote em{ color:#333; font-size:14px}

h2.feat{border-bottom:1px solid #E9D9AD; color: #333; width:350px; margin-bottom:20px}
h2.mini{border-bottom:1px solid #E9D9AD; color: #999; width:350px; margin-bottom:20px; font-size:20px}
h2.half{color: #666;}

h3.feat{ font-size:16px; border-bottom:1px solid #E9D9AD; color: #666; width:180px}
h3.serv{border-bottom:1px solid #E9D9AD; color: #333; width:450px; margin-bottom:20px}
h3.desc{border-bottom:1px solid #E9D9AD; color: #333; width:200px; margin-bottom:20px; font-size:16px}

h4.name{color:#4C130C; margin:5px 0px; }
h4.other{ color: #996; border-bottom:1px solid #E9D9AD; width:100%; margin-bottom:20px;}
h4.profile{margin-top:-15px; margin-bottom:30px; color: #666;font-size:12px;  }
h4.profile a{  color: #930; text-decoration:none; font-style:italic}
h4.profile a:hover{ text-decoration:underline}

ul.links li{ line-height:30px;  padding-left:25px}
ul.serv li{ background: url(/_images/icon-c.jpg) left 10px no-repeat;}
ul.links li.on{ background: url(/_images/icon-d.jpg) left 10px no-repeat;}
ul.links li:hover{ background: url(/_images/icon-d.jpg) left 10px no-repeat;}
ul.links a{ text-decoration:none; border-bottom:1px dashed #CCC; padding-bottom:3px}
ul.links a.on{color: #930;}
ul.links a:hover{ color: #999; border:none; }
ul.artists li{ background: url(/_images/icon-b.jpg) left 10px no-repeat;}
ul.artists{ width:50%; float:left}


div.participating ul.links li{ line-height:26px;  padding-left:25px; font-size:13px}
div.participating ul.artists li{ background: url(/_images/icon-b.jpg) left 7px no-repeat;}
div.participating ul.links li:hover{ background: url(/_images/icon-d.jpg) left 7px no-repeat;}


div.paintings li{ display:inline; margin:0px 5px;}
div.paintings ul{ margin:10px 0px}
div.paintings li img{ vertical-align:top}

div.bio a{ font-size:12px; background: url(/_images/icon-a.jpg) left no-repeat; padding-left:20px}

h2.title{ font-family:Arial, Helvetica, sans-serif}
p.homeDesc{ color:#4C130C}

#location{width:350px; margin-top:40px; background:#F4ECD6; padding:7px; float:left; clear:both}
#location .left{width:50px; padding-right:5px;}
#location .right{width:250px; padding-right:5px;}
#location p{margin:0px; font-size:11px; line-height:14px}
#location p.homeDesc{font-size:12px; font-weight:bold}
#location em{ }
#location a{font-size:11px; font-weight:normal; color: #666; text-decoration:none}
#location a:hover{text-decoration: underline}


div.past{ float:left; width:100%; border-bottom:2px solid #E9D9AD; margin-bottom:25px}
h3.red{ color:#4C130C; text-decoration:none }
h3.red a{ color:#4C130C; text-decoration:none }
h3.red a:hover{ color: #999 }
div.past p.date{ color: #666; margin:0px; font-size:.7em; text-indent:10px; margin-bottom:20px}
div.past p{ font-size:.8em; line-height:16px}

div.details p{ font-size:12px; font-style:italic; margin:0px; line-height:12px; color:#666}


form span input{ color:#333; background:#FFFFCC; width:100%}
form span textarea{ color:#333; background:#FFFFCC; width:100%}
form span.txt{  text-align:right; font-size:14px;  display:block; }
form span.txt2{ text-align:left;font-size:12px; display:block}
form .err{  color:#900; font-size:10px;}
form em{  color:#900; }

/*FOOTER*/

#footerWrapper{width:100%;background:#1D1D1C; clear:both}
#footer{width:650px; margin:0px auto; color: #666; font-size:10px; padding:15px 0px 30px 0px;}
#footer ul{}
#footer li{ display:inline; padding:0px 10px; border-left:1px solid #333;}
#footer li.ab{padding-left:0px; border-left:none;}
#footer a{ color: #999; text-decoration:none}
#footer a:hover{ color: #CCC}
#footer p{margin-top:2px;}