/*
   Chief Theatre Web Site
   Author: Elizabeth Phillips

   File name: svp.css
   URL:  http://www.chieftheatre.org
*/

body {  background-color: #ffffff;
        color: #000000;
        font-family: Arial, Tahoma, sans-serif;
        font-size: 1.0em;
        margin: 0;
}

#container  {

	color: #000;
		/*   opacity: 0.8; */
			/* 	filter: alpha(opacity=90);   */

               width: 1080px;
	margin: auto;
	min-width: 650px;
}

#curtaintop  {  background-color; #0000aa;  /* dk royal blue */
	/*	   opacity: 0.5;
				filter: alpha(opacity=50);   */
                width: 100%;
                margin: 0;
}

  #curtaintop img  {  
	                display: block;
	  	    border: 0;
                    padding: 0;
                    margin-left: auto; 
	            margin-right: auto; 
}     

/*  #curtaintop img  {  border: 0;
                    padding: 10px,10px,10px,10px;
                    margin: auto; 
}     */

/* #topnav   {  text-decoration: none;
             background-color; #0000aa;
             color: #ddddff;
             font-family: Arial, Tahoma, sans-serif;
             font-size: .75em;
             text-align: center;
             display: inline;
             width: 100%;
             margin: auto;
} */

#leftcolumn {  float: left;
               background-color: #000000; /* #ffcc33; gold */
				color: #ffffff; /* #330033; violet */
			/*	opacity: 0.8; */
			/*	filter: alpha(opacity=80);  */  
               width: 200px;
			   padding: 0 0 10px 0;
        /*       border-top: 12px solid #000066; */
               min-height: 600px;

}

#leftcolumn a:link  {
	color: #ffccff; /* light pink */ /* #0000ff; blue */
}
#leftcolumn a:visited  {  color: #cccccc; /* light gray */
}
#leftcolumn a:hover  {  font-weight: bold; /* white */
    color: #ffffff;
}
#leftcolumn a:active  {  color: #ff0000; /* red */
}

#leftcolumn img  {  padding: 10px 0 0 25px;
}

#navbar {  text-decoration: none;
           display: block;
/*			opacity: 0.6;
			filter: alpha(opacity=60);   */
/*		   background-color: #cccccc;
		   		   	opacity: 0.7;
	filter: alpha(opacity=70);  */
}

#center {  background-color: #ffffff; /* white */
/*				background-image: url(images2/notebook-papers_lt.jpg); */
           color: #000000; /* black */
		   	opacity: 0.9;
	filter: alpha(opacity=90);  
           margin-left: 200px;
           margin-right: 230px;
           padding: 5px 20px 5px 20px;
 /*          border-top: 12px solid #000066; */
           min-height: 600px;
}


#center a:link  {
	color: #0000ff; /* blue */
}
#center a:visited  {  color: #333333; /* dark gray */
}
#center a:hover  {  color: #ffffff; /* white */
                    font-weight: bold;
}
#center a:active  {  color: #ff0000; /* red */
}

#centerold {  background-color: #ffffff; /* white */
           color: #000000; /* black */
           margin-left: 200px;
           margin-right: 210px;
           padding: 5px 20px 5px 20px;
           border-top: 12px solid #000066;
           min-height: 600px;
				opacity: 0.9;
				filter: alpha(opacity=90);   
}

#centerhome {
	background-color: #ffffff; /* white */
/*					background-image: url(images2/notebook-papers_lt.jpg); */
	color: #000000; /* black */
/*	opacity: 0.9;
	filter: alpha(opacity=90); */
	margin-left: 200px;
	margin-right: 150px;
	padding: 5px 20px 5px 20px;
/*	border-top: 12px solid #000066; */
	min-height: 600px;
}

#centerhome a:link  {
	color: #0000ff; /* blue */
}
#centerhome a:visited  {  color: #333333; /* dark gray */
}
#centerhome a:hover  {  color: #ffffff; /* white */
                    font-weight: bold;
}
#centerhome a:active  {  color: #ff0000; /* red */
}


#centercal {  
 background-color: #cccccc; /* light gray */
               color: #333333; /* dark gray */
/*			   		   	opacity: 0.7;
	filter: alpha(opacity=70); */
               margin-left: 200px;
               margin-right: 20px;
               padding: 0 20px 5px 20px;
   /*            border-top: 12px solid #000066; */
               min-height: 600px;
}

h1 {  color: #000000;
      font-family: Arial, Tahoma, sans-serif;
      font-size: 1.75em;
      text-align: center;
}

h2 {  /*background-color: #ccccff; */
      color: #000000;
      font-weight: bold;
      font-family: Arial, Tahoma, sans-serif;
      font-size: 1.25em;
      padding: 10px;
}

h3 {  color: #000000;
      font-family: Arial, Tahoma, sans-serif;
      font-size: 1em;
      font-style: italic;
      padding: 7px 5px 0px 0px;
}

.center  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 53%;
}


.content {  padding: 0 0 20px 0;
          font-size: .9em;
}

.caption {  font-size: .75em;
}


#rightcolumn {
	float: right;
	    background-color: #000000; 
		opacity: 0.8;
		filter: alpha(opacity=80);   

	width: 200px;
	padding: 15px;
	font-size: 0.75em;
	text-align: justify;
/*	border-top: 12px solid #000066; */
	min-height: 500px;
	color: #ffffff;
}

#rightcolumn a:link  {
	color: #ffccff; /* light pink */ /* #0000ff blue */
}
#rightcolumn a:visited  {  color: #cccccc; /* dark gray */
}
#rightcolumn a:hover  {  color: #ffffff; /* white */
                    font-weight: bold;
}
#rightcolumn a:active  {  color: #ff0000; /* red */
}

#rightcolhome {  float: right;
          /*       background-color: #0000aa;  
                 border-top: 12px solid #000066; */
				                  width: 150px;
                 min-height: 600px;
				opacity: 0.6;
				filter: alpha(opacity=60);   
}

#rightcolcal  {  float: right;
          /*       background-color: #0000aa;  

                 border-top: 12px solid #000066; */
				                  width: 50px;
                 min-height: 600px;
}

#rightcolold {  float: right;
        /*        background-color: #0000aa; 
                border-right: 10px solid #0000aa; 
                border-top: 12px solid #000066; */
				width: 220px;
                min-height: 500px;
				opacity: 0.6;
				filter: alpha(opacity=60);   
}

h4 {  padding: 5px 0;
      border-top: 1px outset #ffc;
      border-bottom: 1px outset #ffc;
      margin: 30px 7px 10px 7px;
}

img   {  border: 0;
         padding: 10px;
}

table {  margin: auto;
         width: 85%;
         line-height: 110%;
         padding: 0;
}

td, th {
	font-size: .95em;
	padding: 5px;
	color: #000;
}

th {  color: #000000;
      font-style: italic;
      vertical-align: top;
}

.altrow {  background-color: #ffff99; /* light yellow */
}

#footnav  {
		clear: both;
		width: 90%;
     	margin: auto;
	    text-align: center;

/*margin-left: 200px;
	margin-right: 90px; */
}

#footnav li {  display: inline;
	         list-style-type: none;
               align: center;
}

.button {  padding: 3px 15px; 
	     text-align: center;
	     font-family: Arial, Tahoma, sans-serif;
	     font-size: 10px;
	     line-height: 22px;
	     text-decoration: none;
	     color: #ffffff; /* white */
	     background-color: #000000; /* black */
           width: 150px;
}

a.button:link {  text-decoration:none;
  	           color: #330033;  /* violet */
	           background-color: #99ccff;    /* lt blue */  /* gold #ffcc66 */
                 border: 1px solid #ffffff;  /* white */
}
a.button:visited {  text-decoration: none;
  	               color: #333333;  /* dark gray */
	               background-color:#cccccc;  /* light gray */
}
a.button:hover {  text-decoration: none;
	            color: #99ccff;    /* lt blue */  /* gold #ffcc66 */
	            font-weight: bold;
	            background-color: #330033;  /* violet */
}
a.button:active {  text-decoration: none;
	              color: #ff0000;  /* red */
	              font-weight:bold;
	              background-color:#ffff99;  /* light yellow */
}

#footer  {

	color: #FFC;  /* blue */
	clear: both;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 0.75em;
	text-align: center;
	padding: 10px 0;
	width: 100%;
	margin: auto;
	background-color:#000000;  /* black */
}

#footer a:link  {  color: #ffffaa;  /* light yellow */
}
#footer a:visited  {  color: #cccccc;  /* mid-light gray */
}
#footer a:hover  {  color: #ffffff;/* white */                    font-weight: bold;
}
#footer a:active  {  color: #ccccff;  /* dusty light blue */
}

  
  /* TO MAKE CONTAINER TRANSPARENT for IE
  
div.trans, div.notrans {background-color: #d1d0c0;}

div.trans {
opacity: 0.5;
filter: alpha(opacity=50); }

<div class="trans">
This container has it's own background color but it is transparent............
</div>

<div class="notrans">
This container is NOT transparent. Just a plain old container.........
</div>

ALSO NOTED:
div#wrapper {
	filter: alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
	}
*/

/* TO MAKE IMAGE TRANSPARENT for IE

img.trans {
opacity: 0.2;
filter: alpha(opacity=20); 
}

Non-transparent image: <img src="/images/swan.jpg" alt="Swan" />

Transparent image: <img src="/images/swan.jpg" alt="Swan" class="trans" />

*/


/* #lownav   {  text-decoration: none;
             background-color; #0000aa;
             color: #ddddff;
             font-family: Arial, Tahoma, sans-serif;
             font-size: .75em;
             text-align: center;
             display: inline;
             width: 100%;
             margin: auto;
             border-bottom: 20px ridge #000000;
} */
}