html { overflow: -moz-scrollbars-vertical; }

body, html { margin: 0; padding: 0; min-width: 760px; }

body {
	font-family: Arial, Helvetica, sans-serif;
    background-color:#370705; 
    background-image:url(../images/gradient.gif); 
    background-position:top; 
    background-repeat:repeat-x;  
}


a:link {
	color: #55868d;  
	text-decoration: none;
}

a:visited, a:active  {
	color: #E03A31;
	text-decoration: none;
}

a:focus, a:hover{
	overflow: hidden;
	color: #314D51;
}

.redheader {
  color: #e13a32;
}

.greenheader {
  color: #55858c;
}
.green-times {
  font-family: Georgia, "Times New Roman", Times, serif; color: #55858c; 
}

#print { float:right; }

#top {
	width: 760px;
	margin: 0 auto 2em auto;
	padding: 0;
	position: relative;
	background-image:url(../images/bg760c.gif);
	background-repeat:repeat-y; 

}
#header {
	width: 760px;
	height: 128px;
	background-image: url(../images/banner760.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#bcartslogo {
	float:left;
	width: 600px;
	height:103px;
	margin:3px 0px 1px 24px;
}

#bcgovlogo {
	float:right;
	width: 78px;
	height:77px;
	margin:23px 22px 1px 0px;
}


/*- Menu Tabs J--------------------------- */

    #tabsJ {
	  float:left;
	  width:760px;
	  height:21px;
	  margin-top:0px;
	  /* background-image:url(../images/menubg760.jpg); */
	  overflow:hidden;
      }
	  
    #tabsJ ul {
	margin:0;
	padding:2px 5px 0px 25px;
	list-style:none;
	background-image:none;
    }
	
    #tabsJ li {
	display:inline;
	margin:0;
	padding:0;
	height:22px;
	font-size:0.55em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:normal;
	background-image:none;
	}
    #tabsJ a {
      float:left;
      background:url(../images/tableft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 6px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url(../images/tabright.gif) no-repeat right top;
      padding:5px 11px 4px 5px;
      color:#fff;

	  }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -22px;
      }
    #tabsJ a:hover span {
      background-position:100% -22px;
      }

    #tabsJ a.selected {
      background-position:0% -22px;
      }
    #tabsJ a span.selected {
      background-position:100% -22px;

	}
/* ----------------------------------------------------- */


/* *** sub menu **** */
#green-bar-home {
	background-image:url(../images/footer720.gif);
	background-repeat: repeat-y; 
	width:720px; 
	height:18px;
	margin-left:20px;
	margin-right:20px;
}

#green-bar {
	background-image:url(../images/footer720.gif);
	background-repeat: repeat-y; 
	width:705px; 
	height:18px;
	margin-left:20px;
	margin-right:20px;
	font-size:0.70em;
	padding: 3px 5px 0 10px;
    font-family:Arial, Helvetica, sans-serif;
    color:#fff;
   
}

#green-bar a, #green-bar a:visited {
  color:#fff;
}

#green-bar a:hover {
   color:#333;
}


/* *** search form **** */
#searchform {
  	float:right;
	width:180px;
	height:17px;
	padding: 1px 12px 0px 0px;
	margin-top:-3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.7em;
}

#searchform span{
    padding-top: 2px;
	padding-bottom: 1px;
    line-height:17px;
	color:#fff;
}

#searchform .searchBox{
	width: 100px;
	height:15px;
    border: #fff solid  1px;
}

#searchform .btninput{
	background-color: #55858c;
	color: #FFFFFF;
	height: 19px;
	width: 22px;
	background-position: center;
	border: #55858c solid  1px;
	font-size:0.8em;
	
}

#content-home {
	float:right;
	width: 325px;
	min-height: 200px;
	padding:0px;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 20px;
	margin-left: 0px;
}

/* *** home page **** */

.artistspotlight {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:2.0em;
	color: #E03A31;
	margin-top:15px;
}

.spotlight .title {
	line-height: 1.3;
	margin: 0 0 1em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;/* #55858c; */
	font-weight: bold;
	font-size:1.1em;
}

.newsheader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:2.0em;
	color: #E03A31;
	
}


.spotlight p {
	line-height: 1.3;
	margin: 0 0 1em 0;
}


#leftcolumn{
  float:left;
  width:500px;
  margin-left:20px;
  min-height:850px;
  font-size:0.70em;
  background:url(../images/fadelogo1.gif) no-repeat bottom left;
}

#leftcolumn p{
	line-height: 1.3;
	margin: 0 0 1em 0;
}

#visitorinfo {
	width:150px;
	height:20px;
	margin-top:5px;
	margin-left: 8px;
}

#visitorinfo .desc { width: 82px; margin-left:3px; margin-top:10px; float:right;}

#news {
	width:153px;
	margin-left: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
}

#news p{
	padding-left: 12px;
}

#news .title {font-family: Georgia, "Times New Roman", Times, serif; color: #E03A31; font-size:1.3em; }
#news .headline {
line-height: 1.3; 
margin: 0 0 1em 0; 
font-family: Georgia, "Times New Roman", Times, serif;	
color: #55858c; 
font-weight: bold;
font-size: 1.1em;
}

#upcoming-deadlines {
background:url(../images/upcomming-deadlines.gif) no-repeat center top #fff; 
border:1px #333333 solid;
width: 145px;
margin-left: 8px;
}

#upcoming-deadlines .dates{
font-size: 1em; color: #E03A31; font-weight:bold; 
}

#upcoming-deadlines p, span{
 padding-left:3px; padding-right:3px;
}


#rightcol{
  width:211px; float:right; margin-right:20px; margin-top:0px; font-size: 0.7em;

}

#rightcol p{
 margin-left:10px; width:180px; margin-top: 0px;
}

#rightcol .interactive-calendar {
	min-height: 100px;
	margin-top:0px;

}

.gobutton { float:right; margin-right:30px; width:36px; }

#rightcol .community{
 min-height: 100px;
 margin-top:0px;
}

#rightcol .difference {
	min-height: 100px;
	margin-top:0px;
	font-weight: bold;
}

#rightcol .informed {
  min-height:60px; 
  margin-top:0px;
}

#rightcol .celebrateartists {
	min-height:60px;
	margin-top:0px;
}


.emailform {
  width:190px; margin:5px;
}
.emailform .emailsubmit{
	width: 110px;
	height:15px;
    border: #000 solid  1px;
}

.emailform .gobtn{
	background-color: #55858c;
	color: #FFFFFF;
	height: 19px;
	width: 22px;
	background-position: center;
	border: #55858c solid  1px;
	font-size:0.8em;
	
}

/* *** sub page **** */

.t-org {
	width:720px;
	min-height: 860px;
	background:url(../images/fadelogo2.gif) no-repeat bottom left;
	margin-left:20px;
	margin-right:20px;
	overflow:hidden;
	margin-bottom: 10px;
}


#right-top {
  width: 540px; float:right;
  padding: 5px 0px 5px 0px;
}

#right-top p{
  vertical-align:middle; font-size: 0.95em;
}

#right-top #breadcrumbs { width: 310px; float:left; margin: 20px 10px 0px 0px; font-size: 0.95em;}

#content {
width:710px; float:none; margin-left: 20px; margin-right:20px; padding: 5px;
font-size:0.8em;
}

#content2 {
	float:right;
	width: 520px;
	padding: 5px 20px 5px 5px;
	min-height: 200px;
	font-size:1em;
} 


#content2 #subtitle{ width: 400px;}

#content2 #subtitle p{  font-family: Georgia, "Times New Roman", Times, serif; font-size:1.2em; color: #55858c; margin: 0 0 0 30px;}

#content2 .ul-space {margin-top:-15px;}

#right-main {
  float:right;
  width: 540px;
  min-height: 200px; 
  font-size:0.75em;
}

#leftcolumn2 {
  width:155px; min-height:220px; 
  /* background:url(../images/fadelogo.gif) no-repeat bottom left; */
  padding-bottom: 200px;
}

#leftcolumn #homeqlinks { width: 135px; text-align:right; font-size: 1.2em; font-weight:bold; color:#e03a31; margin:0; padding-top:30px; padding-bottom:5px;}

#leftcolumn2 #qlinks { width: 155px; text-align:right; font-size: 0.8em; font-weight:bold; color:#e03a31; margin:0; padding-top:30px; padding-bottom:5px;}

.qlinkshome {
	width: 155px;
	text-align:left;
	font-size: 1.2em;
	font-weight:bold;
	color:#e03a31;
	margin:0;
}

#leftcolumn #homeredbar {
  background:url(../images/redbg.gif); height:3px; width:135px; margin:0;
}


#leftcolumn2 #redbar {
  background:url(../images/redbg.gif); height:3px; width:155px; margin:0;
}

#leftcolumn2 #navigation {
  padding-top:5px;
  padding-bottom: 20px;
  margin:0 0 0 10px;
}

#leftcolumn2 #navigation p {
  text-align:right;
  margin: 0px;
  font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; line-height:2em;
  background: #fff;
  color:#000
}

#leftcolumn2 #navigation a:link {
	text-decoration: none;
	color: #55868d;
}

#leftcolumn2 #navigation a:visited {
   color: #E03A31;
	text-decoration: none;
}

#leftcolumn2 #navigation a:hover {
	color: #314D51;
}


/* *** footer *** */

#footer {
	background-image:url(../images/footer720.gif);
	background-repeat: repeat-y;
	width:720px; 
	height:18px;
	margin-left:20px;
	margin-right:20px;
	font-size: xx-small;
	color:#FFF;
	text-align: center;
	padding-top:4px;
}

#footer a:link, #footer a:visited {
	color:#FFF;
}

#footer a:focus, #footera:hover, #footer a:active {
	overflow: hidden;
}


/* table */
.tableborder1 {
	border-collapse:collapse;
	border: #fff 1px solid;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

.tableborder1 td{
  border-bottom: #000 1px solid;
  padding: 3px;
  width: 200px;
}

.tableborder2 {
  border-collapse:collapse;
  border: #fff 1px solid;
}

.tableborder2 td{
  border-bottom: #000 1px solid;
  padding: 3px;
}
.bodytextheaderbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 0px;
	padding-left: 0px;
}
.bodytextbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-left: 0px;
	padding-left: 0px;
}
.bodytextitalic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin-left: 0px;
	padding-left: 0px;
	font-style: italic;
}
.bodytextboldunderline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-left: 0px;
	padding-left: 0px;
	text-decoration: underline;
}


textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.spotlight-title {
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
}
.bodytextunderline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-left: 0px;
	padding-left: 0px;
	text-decoration: underline;
}
table {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

table ul li{
	margin-left: -20px;
	
}
#img_floatleft {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.tabledata {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

/* begin homepage left nav banner rollovers */
#img_leftnav {
	/* float: left;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;  */
	
    float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 10px; 
}

a#img_leftnav {

	display:block; 
	height:80px; 
	width:120px; 
	overflow:hidden;
}

a:hover#img_leftnav   { 
display:block; 
text-indent:-120px; 
}
/*
#img_leftnav2 {
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 10px;
}



a#img_leftnav2 {
	display:block; 
	height:91px; 
	width:120px; 
	overflow:hidden;
}

a:hover#img_leftnav2  { 
display:block; 
text-indent:0px; 

}

a#img_leftnav3 {
	display:block;
	height:91px;
	width:120px;
	overflow:hidden;
	margin-left: 20px;
} */

#leftbannercontainer {
width: 250 px;
}

/* end homepage left nav banner rollovers */
.tablebox {
	border: 1px solid #000000;
}

.tablebox2 {
	border: 1px solid #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	margin-left: 10px;
}

.tablebox3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	padding-left: 10px;
}
.bodytextboldRED {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	margin-left: 0px;
	padding-left: 0px;
	color: #E03A31;
}
.formtext {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.44em;
	color: #000000;
}
.formtextunderline {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	text-decoration: underline;
}
#wmark {
	background-image: url(../images/wmark.jpg);
	height: 100px;
	width: 332px;
	position: absolute;
	left: 388px;
	top: 1322px;
	z-index: 1;
	background-position: right center;
}

#stickynote {
	background-image: url(../images/stickynote.jpg);
	height: 140px;
	width: 325px;
	position: absolute;
	left: 187px;
	top: 166px;
	z-index: 1;

}


#stickynotelink1 a {
	height: 17px;
	width: 81px;
	position: absolute;
	left: 31px;
	top: 82px;

}

#stickynotelink2 a {
	height: 16px;
	width: 79px;
	position: absolute;
	left: 153px;
	top: 83px;
}


#stickynotelink3 a {
	height: 16px;
	width: 46px;
	position: absolute;
	left: 12px;
	top: 96px;

}