/* CSS Document */

html {

     overflow: -moz-scrollbars-vertical;

}

body { background-color:#9d6a19;font-family: "Times New Roman", Times, serif; }

body, td, th, h3, h6 {
	color: #000000;
}

h4, h5 {
  color: #993366;
}

.spacing  { padding:.8em; }
h2  {color: #6a6d80;  }
h1 {
  color: #6a6d80;
  font-size:200%;
  margin:0 0 0 1.5em ;
  padding:0;
  clear:both;
}
h1.thisone {

  margin:0 0 0 .6em ;

}

h1.home  {font-size:180%; margin-left:4em;}

a {
	color: #003366;
}

.latest { margin:0 0 0 .6em;padding:0;  }
.latest li a:hover, a:hover {color:#993366;}

.latest li  {list-style:none;margin-bottom:.8em}
td {
	font-family: "Times New Roman", Times, serif;
}

th {
	font-family: "Times New Roman", Times, serif;
}

#PageContent  {margin-top:1.2em; }

#PageContents  {margin-top:1.2em; width:98%; margin:0 auto;padding:.2em; overflow:hidden;}

#leftColumn  {float:left; width:65%;margin:0 0 16px 0;padding:1px; }

#leftColumn  p   {  padding:0 .3em;  }
#rightColumn  {float:left; width:30%;margin:0 16px 0 0;padding:1px; }


.style1 {font-size: small}


#navH { background-color:#993366;width:840px;margin:0;padding:0;position:absolute;overflow:hidden; height:24px;} 
#style2 {list-style-type: none;margin:0;padding:0;text-align: right; text-decoration: none;}
.highlight {color:#4afa38 !important;  }
.logo{ z-index:400; position:absolute; width:340; height:189; margin:0;border: none;}

#style2 li {display:inline; margin:0 .2em;}

#style2 li.hover {
	 background-color: #6a6d80;	 color: #000;}
#style2 a	{ color: #fff;}	
#style2  a:hover		{ color: #ccc; }
#style2 a:active	{ color: #ffa500; }

#programs { text-align:right;width:788px;margin:25px 0 0 50px;padding:0;height:140px; }
#programs li {text-align:center;font-weight:bold;padding:0;display:inline-block;width:88px;height:140px;vertical-align: top;margin: 0 2px;zoom:1;*display:inline;   }
	/*#programs li a  { opacity: .3; -khtml-opacity: 0.3;   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";  
filter: alpha(opacity=30); color:#000 !important;  }

#programs li a:hover.first { background: url(/Images/1st-Street-GalleryOver.jpg) no-repeat;opacity:1.0; -khtml-opacity: 1.0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";  
filter: alpha(opacity=100);   }
#programs li a.first { background: url(/Images/1st-Street-Gallery.jpg) no-repeat;}
#programs li a:hover.online { background: url(/Images/artOnlineOver.jpg) no-repeat;opacity:1.0; -khtml-opacity: 1.0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";  
filter: alpha(opacity=100);   }
#programs li a.online { background: url(/Images/artOnline.jpg) no-repeat;}
#programs li a:hover.fnl { background: url(/Images/fnlBack1Over.jpg) no-repeat;opacity:1.0; -khtml-opacity: 1.0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";  
filter: alpha(opacity=100);   }
#programs li a.fnl { background: url(/Images/fnlBack1.jpg) no-repeat;}
#programs li a:hover.sculpt { background: url(/Images/sculptureBackOver.jpg) no-repeat;opacity:1.0; -khtml-opacity: 1.0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";  
filter: alpha(opacity=100);   }
#programs li a.sculpt { background: url(/Images/sculptureBack.jpg) no-repeat;}
#programs li a:hover.jazz { background: url(/Images/jazzBackOver.jpg) no-repeat;opacity:1.0; -khtml-opacity: 1.0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";  
filter: alpha(opacity=100);   }

#programs li a.jazz { background: url(/Images/jazzBack.jpg) no-repeat;}
*/
#programs li a { text-decoration:none; display:block; height:100%; padding-top:4px;}

#subHolder  { width:100%;margin:0;padding:0;height:24px; left:0;}  
#subNav {text-align:right;color:#993366; width:40%;float:right;margin:0 .4em .4em 0;padding:0;height:100%;position:relative;z-index:400;}
#subNav li { display:inline; margin-left:.6em; }


#navcontainer ul 
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#navcontainer ul li 
{
display: inline;
}

#navcontainer ul li a 
{
	text-decoration: none;
	padding: .2em 1em;
	background-color: #6a6d80;
	color: #FFFFFF;
	vertical-align: middle;
	font-weight: bolder;
}

#navcontainer ul li a:hover
{
	background-color: #9d6a19;
}




#nav_program  {
   width:600px;
   float:right;
	margin:.5em 0 1em 0;
	}

#nav_program ul 
{
	list-style-type: none;
	margin: 0;
	padding: 0.2em;
	text-align: left;
}

#nav_program ul li 
{
	display: inline;
}

#nav_program ul li a 
{
	text-decoration: none;
	padding: .2em 1em;
	background-color: #9d6a19;
	color: #FFFFFF;
	vertical-align: middle;
	font-weight: bolder;
}

#nav_program ul li a:hover
{
	background-color: #6a6d80;

}

#nav_programs  {
	margin:0 0 1.2em 3em;
	list-style-type: none;
	padding: 0;
	text-align: left;
	font-size:80%;
	font-family:Verdana, Geneva, sans-serif;
}

#nav_programs li { display: inline; }

#nav_programs li a 
{
	padding: .2em;
	color: #000;
	vertical-align: top;
}

#nav_programs li a:hover
{
	color: #6a6d80;

}

table tr td  { padding:.5em;}

.holder  {width:840px;margin:0 auto;background-color:#fff;border:4px solid #6a6d80;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius: 5px;}

a[href$=pdf] { padding:0 0 0 20px; background: url(/Images/pdf.png) no-repeat; }

.newPage  {  margin:0 auto;overflow:hidden;padding:.7em;margin-top:0 !important; background:#005795 url(/Content/FNL/2010/images/musicians.gif) no-repeat 10% 0; }

.newPage2    {  margin:0 auto;overflow:hidden;padding:.7em;margin-top:0 !important;background:#fbda56 url(/Content/FNL/images/2011/musicalBack.gif) repeat-y center; }
.fnl  { background: url(/Images/FNL/2009/Background.gif) repeat-x;text-align:center; }
.fnl2010  { text-align:center;margin:0;padding:0;  }
dt  { font-weight:bold;padding:.6em; }

dd  { padding:.6em; }

dl.fnlList  {  margin:1em auto; width:98%; padding:0; }
dl.fnlList   dt:after { content: url(/Content/FNL/2010/images/bullet.gif) ; } 
dl.fnlList  dt  { float:left;clear: left; font-size:162%;font-weight:bold;color:#e04821;text-align:right;width:24%; }
dl.fnlList  dd  { font-weight:bold;color:#f7f3dc; font-size:162%; }
dl.fnlList  dd a  { color:#f7f3dc;}
dl.fnlList  dd a:visited  { color:#eabc27;}
dl.fnlList  dd a:hover  { color:#eabc27;}

dl.fnlList2  {  margin:1em auto 2.5em auto; width:98%; padding:0; }
dl.fnlList2   dt:after { content: url(/Content/FNL/images/2011/bullet.gif) ; } 
dl.fnlList2  dt  { float:left;clear: left; font-size:152%;font-weight:bold;color:#c14f30;text-align:right;width:24%; }
dl.fnlList2  dd  { font-weight:bold;color:#043174; font-size:152%; }
dl.fnlList2  dd a  { color:#043174;}
dl.fnlList2  dd a:visited  { color:#000;}
dl.fnlList2  dd a:hover  { color:#000;}


dl.programsList  {  margin:1em auto 2.5em auto; width:98%; padding:0;font-size:94%; }
dl.programsList  dt  { display:block;height:130px;float:left;clear: left; font-weight:bold;color:#993366;text-align:center;width:29%; padding:.75em 0;border-bottom:1px solid #993366;}
dl.programsList  dd  { display:block;height:130px;font-weight:bold;color:#000; padding:.75em 0;border-bottom:1px solid #993366; }
dl.programsList  dd a  { color:#993366;}
dl.programsList  dd a:visited  { color:#993366;}
dl.programsList  dd a:hover  { color:#000;}


dl.programsList dt a.afterThis:after { content:" \279F" } 
dl.programsList dt img {border:1px solid #9d6a19; }


.FNLtagline   {color:#c14f30;font-size:60%;}

.FNLmusicline   {color:#3d84a9;font-size:70%;
font-style:italic}
body.fnlBody  { background-color:#fff; width:644px;}

.footerTag1 h3  {color:#043174; font-size:140%;text-align:center;background-color:#fbda56;}
.sponsorContain  {  background: url(/Content/FNL/2010/images/footBack.gif) repeat-x;color:#fff;margin:0;padding:.7em .7em 0;font-size:120%;overflow:hidden;  }
.sponsorContain2  {  background-color:#fbda56;color:#c14f30;margin:0;padding:1.5em .7em ;font-size:120%;overflow:hidden;  }
.produced  {  float:right;margin-right:1em;font-size:80%;width:51%;text-align:right;  }
  h3.modalP  { width:46%;  }
 .produced p  {  clear:both;  }
 .produced .bold  {  font-weight:bold;  }
 p.dropped  { clear:both; }
.fnlBody p  { font-size:88%; }
h2.fnl11  { width:100%;padding:1.75em 0 .25em 0; margin:0 auto;text-align:center;font-size:150%;color:#043174;background-color:#fbda56;font-weight:bolder; }

.sponsorFloat  { float:left;width:22%;margin-top:.6em; }
.sponsorFloat2  { float:left;width:71%;margin:.6em .6em 2em 0; }
.decorate   {  background: url(/Content/FNL/2010/images/top.gif) no-repeat;height:92px; margin:0;padding:0; }

.footerTag  {  background: url(/Content/FNL/2010/images/tagBG.gif) repeat-x bottom left;margin:0;text-align:center; overflow:hidden;  }
.footerTag h3  {  margin:0 0 1em; .6em; font-size:216%;color:#e04821;  }
#facebox .b {
  background:url(/Content/FNL/2010/images/b.png);
}

#facebox .tl {
  background:url(/Content/FNL/2010/images/tl.png);
}

#facebox .tr {
  background:url(/Content/FNL/2010/images/tr.png);
}

#facebox .bl {
  background:url(/Content/FNL/2010/images/bl.png);
}

#facebox .br {
  background:url(/Content/FNL/2010/images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 600px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-bottom: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.spacer  { line-height:3; clear:both; margin-top:1.6em; }
.closer  {  float:right;  }

 .modalImage  { float:left;padding:.7em  }

.popup a:not([href^="cloverdaleartsalliance.org"]):not([href^="#"]):not([href^="/"]):after {
content:"\279F";
}

ul.sculpt  { list-style:none;padding:.6em;width:95%;margin:.6em auto; }

ul.sculpt li { margin:.4em 0 .4em 1.5em;width:20%;float:left;text-align:center; padding:.4em 0; }

ul.sculpt li img { width:130px;height:90px; padding:.3em;  }

ul.sculpt li a.noLine { text-decoration:none; }

ul.sculpt li a { padding:3px;  }
ul.sculpt li a:hover { color: #9d6a19; }

ul.sculpt1  { list-style:none;width:635px;margin:.6em auto;clear:both; }

ul.sculpt1 li { margin:.4em 0 .4em 1.5em;width:180px;float:left;text-align:center; padding:.4em 0;border:#9d6a19 2px solid;}

ul.sculpt1 li img { width:160px;height:195px; padding:.3em; border:0; }

ul.sculpt1 li a.noLine { text-decoration:none; }

ul.sculpt1 li a { padding:3px;  }
ul.sculpt1 li a:hover { color: #9d6a19; }

p.title1    {  font-size:140%;margin:.5em 1.5em 0 0;color:#9d6a19;  }


.thisOne {


   text-align: center;


   margin: 1em .5em;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;
   width:368px;
   float:left;
   overflow:hidden;

vertical-align:top;
}

p.prodTitle  {  text-align:center !important;  }

.thisOne img { width:360px; padding:0; margin:0;}	

.donateLink  { background-color:#9d6a19 !important;}

#ourPrograms  { clear:both;width:100%; margin:0 0 .3em 0; auto;overflow:hidden; text-align:left}

.programItem  {  width:370px; margin:0 .5em 1em .2em;padding:0 .5em 0 0;float:left; height:250px; padding:0 .5em;border: 2px solid #993366; }

.programItem h2   { font-size: 140%;margin:.5em 0 .4em .2em !important;text-align:left !important;text-indent:0 !important }

.programItem img  {  width:150px; margin:.2em .6em .2em 0;height:115px;float:left; }

.programItem p { font-size:85%; margin:0 padding:.2em;}

#oneThirdColumn {  width:306px; margin:0;float:left; padding: 0 8px 8px;}
#twoThirdsColumn {  width:494px; margin:0;float:left; }

.oneHalfColumn {  width:386px; margin:0;float:left; padding: 0 8px 4px;}


.media  { font-size:85%; float:left; width:60%;font-weight:bold;}
.price  { float:left;width:37%;margin-right:.5em;text-align:right;font-weight:bold; }

.ourArt  { margin:1em 0;padding:0 1em; }
.ourArt p { margin:.3em; }

.ourArt h3 { margin-top:0;float:left;text-align:right;width:50%; }
.ourArt h2 { clear:both;float:left;width:45%;margin-top:0; }

.artDivider { clear:left;margin:0; float:left;width:847px;height:12px;background-color:#9d6a19;z-index:25;position:relative;  }

.ourArt img  {  clear:left;width:45%; margin:.2em 1.6em .2em 0;height:240px;float:left; }
.artInfo  {  width:51%;float:left; }

button {
	width: 15em;
	padding: .5em;
	margin-left:40%;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000;
	border: solid thin #9d6a19;
	-webkit-border-radius: .7em;
	-moz-border-radius: .7em;
	border-radius: .7em;
	cursor:default;
	-webkit-box-shadow: 2px 2px 3px #999; 
	-moz-box-shadow: 2px 2px 3px #999;
	box-shadow: 2px 2px 2px #999;
	background-color: #993366;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#993366), to(#9d6a19),color-stop(0.4, #993366));
}

.mainNav, .mainNav ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
.mainNav a {
    text-decoration:none;
}
/*IE5 list fix*/
.mainNav .sub li {float:left;}
.mainNav .sub > li {float:none;}
#mainNavContainer {
    position:relative;
    background:#fff;
    z-index:10;margin:0;padding:0;
	height:21px;background-color:#9d6a19;
}
.mainNav {
    position:absolute;
}
.mainNav .topLevel {
    width:104px;
    margin-top:-10075px;
    float:left;

}

.mainNav a {
    position:relative;
    display:block;
    height:21px;
    line-height:21px;
    text-decoration:none;
    color:#fff;
    z-index:10;	background-color:#6a6d80;
}
.mainNav .sub a {
    background:#9d6a19;
    margin:0 -4px 0 0;
    width:104px;padding-left:3px;
	font-size:80%;
}
.mainNav .sub {
    float:left;
    background-color:#9d6a19;
    padding-top:14px;
    margin-top:-14px;
}
.mainNav a.top {
    width:104px;
    height:21px;
    line-height:21px;
    margin-top:10075px;
    margin-right:-103px;
    float:left;
}
.mainNav a.top:hover, .mainNav a.top:focus, .mainNav a.top:active {
    margin-right:0;
    background-color:#9d6a19;
}
.mainNav .sub a:hover, .mainNav .sub a:focus, .mainNav .sub a:active {
    margin:0 0 0 0;
    background:#6a6d80;
}
/*empty rule to fix occassional IE6 tabbing bug, one of the weirdest bug's i have seen.*/
a, a:hover, a:active, a:focus {}
/*Opera fix*/
.sub:hover {
    clear:both;
}


.night {
  width:780px;height:585px;background:url(/Images/nightback.jpg) no-repeat; color:#008000;padding:1em;
}

.clear  {  clear:both }