/* file: style.css
   location: css 
   description: css for on screen display of Phantasm site 
   author: Sara Manning @ Statically Obfuscated Designs
*/

body {
     margin: 0px auto;
     background: url(images/leather.gif);
     font: verdana, helvetica, arial, sans-serif;
     font-size: 14px;
     line-height: 18px;
     color:#000000;  
     padding:0px 20px 20px 20px;
     }

a:link {
       color: green;
       text-decoration: none;
       }

a:visited {
          color: green;
          text-decoration: none;
          }

a:hover {
        color: orange;
        text-decoration: none;
        }

h1 {
    text-align: center;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
    padding:5px 15px;
    margin:0px
   }
   
h1.main
{
	font-size: x-large;
	color: black;
	font-family: 'Monotype Corsiva' , Fantasy, Verdana, Arial;
}

h2 {
    text-align: center;
    font-size:16px;
    line-height: 18px;
    padding-top:10px;
    color: #000000;
    margin: 0px;
    padding: 10px;
   }

h3 {
    text-align: center;
    font-size:14px;
    line-height: 16px;
    padding-top:10px;
    color: #000000;
    margin: 0px;
    padding: 10px;
   }
   
h3.left {
            text-align: left;
           }   
   
h2.left {
         text-align: left;
        }     
   
 p {
   text-align: left;
   margin: 0px;
   padding: 10px;
   line-height: 18px;
  }
  
ul {
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 40px;
    line-height:19px;
    }   
	
ul.add{
    list-style-type: none;
    text-align: center;
    margin: 0px;
    padding: 10px 0px 0px 40px;
    line-height:19px;
}	
   
p.class {text-align: center;}

p.nav {text-align: center;
       font-size: 16px;
       line-height: 20px;
       margin: 0px;
       padding: 10px;
      }

table.schedule
{
	font-family: Arial;
	font-size: 14px;
	width: 550;
}

td.title
{
	background-color: #44472f;
	color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
}


#outer {
	margin: 0 auto;
	padding: 0;
	height:100%;
	width: 780px;
    background: url(images/left.jpg) repeat-y left top;
	}

#middle	{
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 780px; /* 780 */
        background: url(images/right.jpg) repeat-y right top;
	}

#inner	{
	text-align: left;
	width: 670px; /* 650 */
	height: 100%;
	background-color: #fcffe9;
	border: 0;
	margin: 0 auto;
	padding: 10px;
	}

#banner {
        margin: 2em;
        padding: 0px;
        border: 0px;
	}


#content {
         background-color: #fcffe9;
         padding: 10px; /* space between box and words */
         margin: 2em; /* space btwn box and browser window */
         border: 0px;         
         }

#footer {
        text-align: center;
        }