/*  Main style sheet for the Cultural Commission.
    Common Code resides here.  Code for unique pages on separate sheets. */
/* Resets section */
li {list-style-type:none; }
/* End of resets */

body {Font-family: "Trebuchet MS", Aerial, Helvetica, sans-serif;
      background: url('graphics/grad.gif') repeat-x;
      background-color: #f0b62c;
      font-size:100%;
      margin:0px;
      padding:0px;
      text-align:center;
      background-image: -webkit-linear-gradient(top, black 30%, orange 60%, tan 100%);
      background-image: -moz-linear-gradient(top, black 30%, orange 60%, tan 100%);
      background-image: linear-gradient(top, black 30%, orange 60%, tan 100%); 
      }
/* Set the header info */     
h1, h2 {text-align:center; 
    color:black; 
    font-size:120%;
    font-weight:bold; 
    clear:both;
    }
    
h1 {font-size:170%; }

h3 {text-align:center;
    color: green;
    font-size:100%;
    font-style:italic;}
    
h4 {text-align:center;
    color:green;
    font-size:85%;
    font-style:italic; }
 
 /*Used to italicize and bold selected text */    
h5 {font-style:italic;font-weight:bold; font-size:medium;}
/*This is used only to center code. */ 
h6 {text-align:center;
    font-size:100%; }  
/* End of header setting */
      
#header{width:100%;
      height:200px;
      position: fixed;
      }

#hotlnk {
     margin-top:1px;
     margin-left:10px;
     margin-right:25%;
     color: red;
     padding-left: 1px;
     padding-right: 1px;
     text-align:left; 
     background-color:#e5e7ae;
     border:double thick white;
     -moz-border-radius: 2em;
     border-radius: 2em;
     float:left;
     }
     
#left {float:left; 
     width:500px;
     color:green;
     font-style:italic;
     font-weight:bold;}
/* This section controls the Go Button on the landing page */
a.gobtn {
     float:left;
     background-color:#52ce06;
     color:white; 
     font-size:200%;
     padding:20px;
     -moz-border-radius: 2em;
     border-radius: 2em;
     border-color:white;
     background-image: -webkit-radial-gradient(#80FF80,#52ce06);
     background-image: -moz-radial-gradient(#80FF80,#52ce06);
     background-image: radial-gradient(#80FF80,#52ce06);     
     -webkit-box-shadow: 0px 0px 0px 2px rgba(128,128,128,5), inset 2px 2px 2px black, inset -2px -2px 2px black;
     -moz-box-shadow: 0px 0px 0px 2px rgba(128,128,128,5), inset 2px 2px 2px black, inset -2px -2px 2px black;
     -o-box-shadow: 0px 0px 0px 2px rgba(128,128,128,5),inset 2px 2px 2px black, inset -2px -2px 2px black;
     box-shadow: 0px 0px 0px 2px rgba(128,128,128,5), inset 2px 2px 2px black, inset -2px -2px 2px black;
     text-shadow: 2px 2px 1px white;
          /*  Transition code */
     -webkit-transition: font-size 1s linear;
     -moz-transition: font-size 1s linear;
     -o-transition: font-size 1s linear;
     transition: font-size 1s linear;  
     }    

a.gobtn:hover{
     font-size: 250%;
      }
/* End of Go Button section */

/* Control the Face book button */
a.fbbtn {
      background-color: rgb(132, 112, 255);
      font-size:large;
      padding:8px 8px;
      -moz-border-radiur: 1em;
      border-radius: 1em;
      border: black outset;
      }
      
a.fbbtn:hover {
      background-color: rgb(122, 139, 139);
      }
      
img.fbimg {
      border:none; 
      height:20px;
      }
/* end of facebook button control */      

/* Define the main section */    
#content {
     margin-top:20px;
     margin-left:10px;
     margin-right:25%;
     color:black;
     padding-left:1%;
     padding-right:1%;
     text-align:left;
     background: url('graphics/grad2.gif') repeat-x bottom;
     background-image: -webkit-linear-gradient(top, tan 10%, gold 75%, gray 100%);
      background-image: -moz-linear-gradient(top, tan 10%, gold 75%,gray 100%);
      background-image: linear-gradient(top, tan 10%, gold 75%, gray 100%); 
     background-color:#e5e7ae;
     border:double thick white;
     -moz-border-radius: 2em;
     border-radius: 2em;
     }
    
/*This section controls the menu bar */
     
#sidebar {position:absolute;
     cursor:pointer;
     font-weight:normal;
     top: 250px;
     left:78%;
     width:20%;
     padding-right:1%;
     color:yellow;
     text-align:center;
     background-color:#52ce06;
     border:double white;
     -moz-border-radius: 1em;
     border-radius: 1em;
     -webkit-box-shadow: inset 2px 2px 3px black;
     -moz-box-shadow: inset 2px 2px 3px black;
     -o-box-shadow: inset 2px 2px 3px black;
     background-image: -webkit-radial-gradient(#80FF80,#52ce06);
     background-image: -moz-radial-gradient(#80FF80,#52ce06);
     background-image: radial-gradient(#80FF80,#52ce06);
     }
     
#sidebar ul{
	padding:0;
	margin:0 0 0 0;
    }

a.grower{
     font-size:100%;
      }

a.grower:hover{
     font-size: 120%;
      }
  
/* Control the table that contains updates */     
#update
   {position:absolute;
     font-weight:normal;
     top: 190px;
     left :78%;
     width:20%;
     padding-right:1%;
     color:yellow; 
     text-align:center;
     background-color:#52CE06;
     border:double white;
     -moz-border-radius: 1em;
     border-radius: 1em;
     -webkit-box-shadow: inset 2px 2px 3px black;
     -moz-box-shadow: inset 2px 2px 3px black;
     -o-box-shadow: inset 2px 2px 3px black;
     background-image: -webkit-radial-gradient(#80FF80,#52ce06);
     background-image: -moz-radial-gradient(#80FF80,#52ce06);
     background-image: radial-gradient(#80FF80,#52ce06);
     }

/* Control the activate div */
#activate {text-align:center;}
     
/* Style a simple table */
table.simple {color:#3FAB23;
      border: 4px double white;
      width: 500px;
      -moz-border-radius: 1em;
      border-radius: 1em;
       }
       
/* Style a transparent table */
table.transparent {
      border:none;
      font-style:italic;
      font-weight:bold;
      }
table.transparent th{
   text-align:center; 
   color:#3FAB23;
   }      
table.transparent td{
   color:black; 
   margin:0 35px;
   padding:0 35px;
   font-weight:normal;
   }      
      
/* Style all photos */
img.body {border:outset white thick;}   
           
/* Control Anchors */
   a:link, a:active, a:visited {color:black; text-decoration:underline; }  
   a:hover {color:red; text-decoration:underline; } 
   a:hover gobtn {color:white; text-decoration:none; }
         
/*Control copyright*/
p.copyright {color:white; padding-top: 5px; margin-left:12%; font-style:italic; font-size:100%; }

/* Control footer placement */
#footers{/*clear:both;*/ font-size:150%; color:red;margin-left:30%; width:600px;}

/* code to create stripy tables */
tr.alt{
	background-color: #52ce06;
    }

.righty { float:right; }