/* CSS Document */
body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%;
  background-color:#999999;
  font-family:arial, verdana, sans-serif;
  font-size: 12px; font-weight:bold;
  overflow: hidden;
}

/* for internet explorer */
* html body {
  padding:175px 0 30px 0; 
  }

#container {
  position:fixed; 
  top:175px;
  left:0;
  bottom:30px; 
  right:0; 
  overflow:auto; 
  background:#999999 url(../images/back.jpg) no-repeat fixed center;
  padding:20px;
  text-align:center;
  }
#container p {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:400;
  font-size: 1.2em;}
* html #container {
  height:100%; 
  width:100%; 
  }

#header {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:165px; 
  overflow:auto; background-color:#000000;
  border-bottom:4px solid #73a2bd;
  }
* html #header {height:175px;}
#footer {
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  
  overflow:auto; 
  text-align:center; 
 background-color:#000000;
  border-top:5px solid #53829d;
  }
* html #footer {height:50px;}

/* end of bit that does the work */

h3 {font-size:18px; color:#990099; font-style:italic; margin:5px; padding:5px;}
h2 {font-size:18px; color:#0033FF; font-style:italic; margin:5px; padding:5px;}
#footer p {
  color:#fff; 
  margin:5px 10px 0 10px;
  }
#header img {
  margin:10px 10px 0 30px;
  }
 .center {text-align: center}
  .a {background-color: #ffff00;border:1px solid black; height:auto}
.b {background-color: #0000ff;border:1px solid black;}

.c {background-color: #ff0000;border:3px solid black;}
#container img {margin:5px;}
.lgimage { margin-left:20px;padding:3px; width:inherit;float:left;}
#absolute {
  position:absolute; 
  top:400px; 
  right:100px; 
  width:200px; 
  background:#ddd; 
  padding:10px; 
  border:1px solid #000;
  }
.pad1 {width:100%; height:30px;}
.pad_notes {width:100%; height:30px; text-align:center; font-style:italic;}
/************Contact form***********/
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left:0; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}
/*****************end Contact area***********/
#left {
  float:left; 
  background:#eee; 
  padding:10px; 
  border:1px solid #000; 
  color:#000; 
  width:50%;
  }

#right {
  float:right; 
  background:#ddd; 
  padding:10px; 
  border:1px solid #000; 
  color:#000; 
  }

a, a:visited {
  font-size:1.1em;
  text-decoration:none;
  color:#ddd;
  }

a:hover {
  color:#FF0000; 
  text-decoration:none;
  }

.grey {color:#888;}

.ltgrey {color:#ddd;}

img#mascot {float:right;}

#header ul {
  clear:both; 
  text-align:center; 
  border-top:1px solid #73a2bd;
  }
#header ul {
  margin:0; 
  padding:0; 
  list-style-type:none; 
  background:transparent; 
  height:3em;
  }
#header ul li {
  display:inline; 
  color:#73a2bd;
  }
.lft {float:left;}
.rgt{float:right;}
.rgt_border{ background-color:#FFF; float:right; padding:5px; border: 10px ridge #000000}
.columnone, .columntwo {width:31%; float:left; text-align:justify; margin-right:2%;}
.columnone a, .columnone a:visited {font-size:1em; color:#000; text-decoration:underline;}
.columntwo a, .columntwo a:visited {font-size:1em; color:#000; text-decoration:underline;}
.columnone a:hover {color:#FF0000; text-decoration:none;}
.columnthree {text-align:justify; }
* html .columnthree {border:0;}
hr {clear:both; border:0; height:1px; color:#888; background-color:#888;}
.columnthree a, .columnthree a:visited {font-size:1em; color:#000; text-decoration:underline;}
.columnthree a:hover {color:#FF0000; text-decoration:none;}
.featurebox { border: 2px #990033 ridge;padding: 15px 20px 20px; margin: 0 0 1.5em;background: #F8F643 url(../images/on_stage.jpg) no-repeat left top; overflow:hidden}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
	.featurebox p {border:none;margin: 0 0 1em;color:#444; font-variant:small-caps;}
#form {background-color:#FFFF99; float:left; margin:5px 0 5px 250px;}