html { height:auto !important;
height: 100%; } 
body {background: #ACDD9C;
       margin-top: 0px;
    padding-top: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
      font-size: 14px;
height:auto !important;
min-height: 100%;
height:100%; /* this is the key! */ 
}
h1 {font-size: 18px;
font-weight: bold;
color: #009900;
margin-bottom: 0px;
text-transform: none}
h2 {
font-size: 14px;
font-weight: bold;
color: #66CC66;
margin-bottom: 0px
}
h3 {
font-size: 14px;
font-weight: bold;
color: #003366;
margin-bottom: 0px
}
h4 { font-size: 14px;
font-weight: bold;
color: #003366;
margin-bottom: 0px
}
h5 {
font-size: 14px;
font-weight: bold;
color: #003399;
margin-bottom: 0px
}
h6 { font-size: 14px;
font-weight: bold;
color: #003399;
margin-bottom: 0px
}
p{
  color: #000;
  font-size: 12px;
  line-height: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
/* LAYOUT DIV'S */

#container {position:relative;
border: #FFFFFF solid 2px;
 top: 0px;
  width: 920px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
 }
 #wrapper { background: #D5EED0 url('../backimages/background.jpg') no-repeat;
margin: 10px ;
width: 900px;
height:auto ;
min-height: 720px;
 }
#nav { position:absolute;
top: 200px;
width: 900px;
margin-left: 10px;
background:  url('../corimag/menucol.jpg') repeat-x;
height: 24px;
z-index: 0;
}
#innerwrapper{ position:relative;
width: 900px;
height: 220px;

}
#leftcolumn { position:relative;
width:190px;
float: left;
margin-left: 18px;
}
#rightcolumn { position:relative;
width:190px;
float: left;
margin-left: 20px;

}

#main{
position:relative;
width:450px;
margin-left: 22px;

float: left;
}
#mainevent{

width:540px;

left: 156px;
top: 178px;
}
#strapline{  position: absolute;
top: 95px;
left: 30px;
color: #522E91;
font-size: 17px;
}
#callno{  position: absolute;

top: 125px;
left: 65px;
color: #522E91;
font-weight: bold;
font-style: italic;
font-size: 26px;
} 
#logo{  position: absolute;

top: 30px;
left: 20px;
}
#menu {position: absolute;
width: 100%;
float: left;
margin-left: 20px;
top : 200px;
z-index: 50;
}


#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 110px;

float: left;
}
#menu a {
font: bold 12px/18px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #fff;
margin: 0;
padding: 2px 5px;
text-align: center;
}

               
#menu h2 {
font: bold 12px/18px arial, helvetica, sans-serif;
color: #fff;
margin: 0;
padding: 0px 0px;
}

#menu a:link {
color: #fff;

text-decoration: none;
}
#menu a:visited {
color: #fff;
text-decoration: none;
}

#menu li {position: relative;}

#menu ul ul {

z-index: 1;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}
#menu ul ul a:link {color: #000; line-height: 12px;}
#menu ul ul a:visited {color: #000; line-height: 12px;}
#menu a:hover {
color: #0a0;
background: #fff;
}
#menu ul ul a:hover {
color: #0a0; line-height: 12px;
background: #fff;
}

#menu li {position: relative;
}

#menu ul ul li {
display: block;
background: #fff;
padding: 2px 3px;
}

#menu ul ul ul {
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

a:link {
color: #522E91;
text-decoration: none;
}
a:visited { color: #522E91;
text-decoration: none;
}
a:hover{color: #0DB14B;
text-decoration: underline;
}
input{     font-family: Arial,Verdana, Helvetica, sans-serif;
      font-size: 12px;
}
textarea{
    font-family:Arial, Verdana,  Helvetica, sans-serif;
      font-size: 12px;
}
.parclass{
       font-size: 13px;
}
.cleardiv
{
clear: both;
height: 20px;
}
.midcont {background: url('../corimag/backtrans.png') repeat; padding: 8px 15px; }
.midcont p {margin: 0; }
.midcont h2 {padding-bottom: 6px;}
.midcont table {font-size: 12px;}
.midbot { height:16px; background: url('../corimag/whitemain.png') no-repeat bottom; width: 450px; }
.midtop { min-height: 22px;  margin-top: 10px; background: url('../corimag/whitemain.gif') no-repeat top ; width: 450px;
text-align: center;}
.midtop h1 {color:#522E91}
.midtop h2 {padding-top: 2px;}

.opentime{  height: 139px; background: url('../corimag/opentime.png') no-repeat top ; margin-top: 10px; width: 190px; }
.opentime h1 {color: #522E91; font-size: 16px; line-height: 16px; margin-left: 10px; padding-top: 10px;}
.opentime p {color:#000; margin: 2px 0 0 10px; }
.fullcol {padding-top: 5px; }
.rillpic {}
#right_splash {padding-top: 0px;}
.purp {background: url('../corimag/purp.png') repeat; padding-top:1px; padding-right: 10px; padding-bottom: 1px; padding-left: 10px; font-size: 11px;}
.purptowhite {height: 20px; background: url('../corimag/panelbits.png') 0px -360px ; margin-top: 0px;    width: 190px; }
.botwhite{height: 20px; background: url('../corimag/panelbits.png') 0px -160px ; width: 190px; }
#botbit{ position:relative;  width: 190px; height: 80px; background: #fff;}
.dontop {height: 20px; background: url('../corimag/panelbits.png') 0px -390px ; margin-top: 0px;    width: 190px; }
#donbuts  {position:relative; float: left; margin-left: -30px; margin-top: -20px; width: 80px; }
#donbuts  ul{float: left; list-style: none; outline:none;}
#donate{ width: 80px;}
#folbuts{float: left; margin-left: 10px; margin-top: -20px;  width: 80px; }
#folbuts ul{float: left; list-style: none; outline:none;}
#donate a{display:block; height: 40px;  background: url('../corimag/butclus.png'); text-indent: -9000px;  }
#donate a.nav01 {margin-top: 9px; height: 31px; background-position: 0 -99px;}
#donate a.nav01:hover {margin-top: 9px; height: 31px; background-position: 0 -139px;}
#donate a.nav02 {margin-top: 10px; height: 26px;  background-position: 0 -234px;}
#donate a.nav02:hover {margin-top: 10px; height: 26px;  background-position: 0 -264px;}
.nav02{margin-left: 40px;}
#foll{width: 80px;}
#foll a{display:block;   background: url('../corimag/butclus.png'); text-indent: -9000px;  }
#foll a.nav03 {  height: 40px; height: 40px;    background-position: 0 0px; }
#foll a.nav03:hover {  height: 40px; height: 40px;    background-position: 0 -51px; }
#foll a.nav04 {margin-top: 12px; height: 23px; background-position: 0 -177px;}
#foll a.nav04:hover {margin-top: 14px; height: 23px; background-position: 0 -207px;}
.newssptop { height: 22px; background: url('../corimag/panelbits.png') 0px 0px ; width: 190px; text-align: center;}
.newssptop h1 {color: #522E91; font-size: 16px; }
.newsspcont {width:170px; margin-top: -2px; font-size: 12px;    padding: 3px 10px; background: url('../corimag/newsspg.png') repeat;   }
.newssptrans { height: 22px; background: url('../corimag/panelbits.png') 0px -60px ; width: 190px; text-align: center;}
.newsspbot {height:22px; background: url('../corimag/panelbits.png') 0px -270px ; width: 190px; }
.newsspcontwhite { margin: -3px 0px 0px 0px; padding: 3px 10px;   background: url('../corimag/newsspwhite.png') repeat;}
#footer{width: 920px; text-align: center;}
input.btn {color: #522E91;
font-weight: bold;
border: 0px;
 background-color: #C9E6B8;
}
input.btnnews {color: #522E91;
border: 0px;
 background-color: #F3F7F3;
}
.eventssptop { height: 22px; background: url('../corimag/panelbits.png') 0px -330px ; width: 190px; text-align: center;}
.eventssptop h1 {color: #522E91; font-size: 16px; }
.eventsspcont {width:170px; margin-top: -2px;  font-size: 12px;    padding: 3px 10px; background: url('../corimag/newsspg.png') repeat;   }
.eventssptrans { height: 22px; background: url('../corimag/panelbits.png') 0px -60px ; width: 190px; text-align: center;}
.eventsspbot {height:22px; background: url('../corimag/panelbits.png') 0px -240px ; width: 190px; }
.eventsspcontwhite { margin: -3px 0px 0px 0px; padding: 3px 10px;   background: url('../corimag/newsspwhite.png') repeat;}
.regis{font-size: 9px;}