body {
  margin:20px 0 20px 0;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  background:#FFFFFF url(../images/design/tile_bg.jpg) repeat 0% 0%;
}

/* Default Styles */

h1 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:16px;
}

h2 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:14px;
}

a {color:#107C8D; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}

a img {
  border:0px;
}

/* End Default Styles */

#shell {
  margin-left:auto;
  margin-right:auto;
  width:872px;
  position:relative;
  background:#FFFFFF;
  /*border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;*/
}

#logo {
  position:absolute;
  top:15px;
  right:15px;
  width:86px;
  height:40px;
}

#logoii {
  position:absolute;
  top:26px;
  right:14px;
  width:270px;
  height:26px;
}

#logo2 {
  float:left;
  margin:15px 0 0 20px;
}

#flower {
  position:absolute;
  top:74px;
  left:366px;
  width:137px;
  height:108px;
}

#header {
  width:872px;
  height:108px;
  background:url(../images/design/header_bg.jpg) no-repeat 0% 0%;
}

#headerii {
  width:872px;
  height:108px;
}

#title {
  float:left;
  height:31px;
  margin:20px 0 0 9px;
}

#titleii {
  float:left;
  height:31px;
  margin:20px 0 0 45px;
}

/* Navigation */
#menu {
  float:left;
  margin:30px 0 0 11px;
}

#nav {
  margin:0px;
  padding:0px;
}

#nav li {
  float: left;
  text-decoration:none;
  list-style-type:none;
  color:#FFFFFF;
}

#nav li a {
  color:#FFFFFF;
  text-decoration:none;
  width:auto;
  z-index:50;
}

#nav li a:hover {
  color:#FFFFFF;
  text-decoration:underline;
  width:auto;
  z-index:50;
}
/*
#nav li .colourit {
  color:#FFFFFF;
}

#nav li .colourit a:hover {
  color:#FFFFFF;
  text-decoration:underline;
}
*/
/* Navigation II */
#menuii {
  width:226px;
  min-height:275px;
  height:auto;
  _height:275px;
  margin:0 0 1px 0;
  background:url(../images/design/menu_bg.jpg) repeat-y 0% 0%;
}

#subnav {
  list-style-type: none;
  margin:0px;
  padding:7px 0 0 10px;
}

#subnav li {
  margin:0px;
  padding:0px;
  position:relative;
  width:213px;
  text-decoration: none;
  list-style-type: none;
}

#subnav li a {
  width: auto;
  margin: 0px;
  padding:3px 0 7px 0;
  display: block;
  color:#FFFFFF;
  text-decoration: none;
  font-weight:bold;
  background:url(../images/design/divider.jpg) repeat-x 0% 100%;
}

#subnav li a:hover {
  width: auto;
  margin: 0px;
  display: block;
  color: #CAD8DB;
  text-decoration: none;
  background:url(../images/design/divider.jpg) repeat-x 0% 100%;
}

/* Navigation iiii */
#menuiii {
  width:226px;
  min-height:177px;
  height:auto;
  _height:177px;
  margin:0px;
  background:url(../images/design/menu_bgii.jpg) repeat-y 0% 0%;
}

#subnaviii {
  list-style-type: none;
  margin:0px;
  padding:7px 0 0 10px;
}

#subnaviii li {
  margin:0px;
  padding:0px;
  position:relative;
  width:213px;
  text-decoration: none;
  list-style-type: none;
}

#subnaviii li a {
  width: auto;
  margin: 0px;
  padding:3px 0 7px 0;
  display: block;
  color:#EEC20A;
  text-decoration: none;
  font-weight:bold;
  background:url(../images/design/dividerii.jpg) repeat-x 0% 100%;
}

#subnaviii li a:hover {
  width: auto;
  margin: 0px;
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  background:url(../images/design/dividerii.jpg) repeat-x 0% 100%;
}

/* Navigation iv */
#menuiv {
  width:226px;
  min-height:275px;
  height:auto;
  _height:275px;
  margin:0px;
  background:url(../images/design/menu_bgiii.jpg) repeat-y 0% 0%;
}

#menuhead {
  width:226px;
  height:53px;
  border-top:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  background:#000000;
}

#menuhead h3 {
  margin:0px;
  padding:16px 0 0 10px;
  color:#FFFFFF;
  font-size:18px;
  background:url(../images/design/arrow.png) no-repeat 95% 80%;
  _background:url(../images/design/arrow.gif) no-repeat 95% 80%;
}


#subnaviv {
  list-style-type: none;
  margin:0px;
  padding:7px 0 0 10px;
}

#subnaviv li {
  margin:0px;
  padding:0px;
  position:relative;
  width:213px;
  text-decoration: none;
  list-style-type: none;
}

#subnaviv li a {
  width: auto;
  margin: 0px;
  padding:3px 0 7px 0;
  display: block;
  color:#FFFFFF;
  text-decoration: none;
  font-weight:bold;
  background:url(../images/design/divideriii.jpg) repeat-x 0% 100%;
}

#subnaviv li a:hover {
  width: auto;
  margin: 0px;
  display: block;
  color: #DE920B;
  text-decoration: none;
  background:url(../images/design/divideriii.jpg) repeat-x 0% 100%;
}
/* End Navigation */

#holder {
  width:872px;
  border-bottom:1px solid #FFFFFF;
}

#expander {
  width:872px;
  background:#F9F4EE url(../images/design/white.jpg) repeat-y 0% 0%;
}

#pattern {
  width:872px;
  height:78px;
  background:url(../images/design/toppattern.jpg) no-repeat 0% 0%;
}

#flash {
  width:872px;
  height:231px;
  margin:0 0 1px 0;
  background:#780E00;
}

#leftpanel {
  float:left;
  width:226px;
}

/* Login */
#login {
  width:216px;
  height:193px;
  margin:0 0 1px 0;
  padding:10px 0 0 10px;
  color:#EED7CE;
  background:#B4512A url(../images/design/login_bg.jpg) no-repeat 0% 0%;
}

#login h3 {
  margin:0 0 16px 0;
  color:#FFFFFF;
  font-size:18px;
  background:url(../images/design/arrow.png) no-repeat 95% 0%;
}

#login a {
  color:#EEC20A;
  font-weight:bold;
  text-decoration:none;
}

#login a:hover {
  color:#EEC20A;
  text-decoration:underline;
}

#loginform label {
  display:none;
}

#loginform a {
  color:#FFFFFF;
  font-weight:normal;
  text-decoration:none;
}

#loginform a:hover {
  color:#FFFFFF;
  text-decoration:underline;
}

.logininput{
  width:187px;
  margin:0 0 3px 0;
  padding:3px 7px 3px 7px;
  color:#F2E0D9;
  border-top:1px solid #5A3729;
  border-right:1px solid #E4C1B3;
  border-bottom:1px solid #E4C1B3;
  border-left:1px solid #5A3729;
  background:#C5785A;
}

.loginbttn {
  width:62px;
  height:22px;
  margin:0 0 0 34px;
  border:0px;
}

/* End Login */

/* Featurebox */
.featurebox {
  width:204px;
  margin:0px;
  padding:8px 11px 18px 11px;
  color:#D1DDE0;
  background:#376D77;
}

.featurebox h3 {
  margin:0 0 16px 0;
  color:#FFFFFF;
  font-size:18px;
  background:url(../images/design/arrow.png) no-repeat 100% 0%;
}

.featurebox img {
  margin:0 0 17px 0;
}

.featurebox a {
  color:#D1C81C;
  font-weight:bold;
  text-decoration:none;
}

.featurebox a:hover {
  color:#D1C81C;
  text-decoration:underline;
}
/* End Featurebox */

#middlepanel {
  float:left;
  width:645px;
  margin:0 0 0 1px;
}

#contentbox {
  width:645px;
  margin:1px 0 0 0;
  padding:0px;
  background:url(../images/design/newspattern.jpg) no-repeat 0% 0%
}

#contentbox h3 {
  margin:6px 0 61px 21px;
  padding:0px;
  font-size:18px;
  color:#014753;
  background:url(../images/design/newsarrow.jpg) no-repeat 97% 0%;
}

#content {
  padding:20px;
  border-top:1px solid #FFFFFF;
  background:#F9F4EE;
  position:relative;
  z-index:496;
}

#content table {
  border:1px solid #000000;
}

#content td {
  border:1px solid #000000;
}

#content img {
  margin:10px;
}

/* Newsbox */
#homepagenews {
  width:645px;
  margin:1px 0 0 0;
  padding:0px;
  background:url(../images/design/newspattern.jpg) no-repeat 0% 0%
}

#homepagenews h3 {
  margin:6px 0 61px 21px;
  padding:0px;
  font-size:18px;
  color:#014753;
  background:url(../images/design/newsarrow.jpg) no-repeat 97% 0%;
}

.newsbox {
  width:601px;
  margin:0px;
  padding:22px 22px 28px 22px;
  #padding:22px 22px 29px 22px;
  border-top:1px solid #FFFFFF;
  background:#EBE6DE;
}

.newsbox a {
  color:#750D00;
  text-decoration:none;
}

.newsbox a:hover {
  color:#750D00;
  text-decoration:underline;
}

/* End Newsbox */

#footer {
  width:872px;
  height:28px;
  margin:0px;
  #margin:0px;
  padding:55px 0 0 0;
  color:#949494;
  text-align:center;
  background:url(../images/design/footer_bg.jpg) repeat-x 0% 0%;
}

#footer a {
  color:#949494;
  text-decoration:none;
}

#footer a:hover {
  color:#949494;
  text-decoration:underline;
}

.nothing {
  clear:both;
  margin:0px;
  padding:0px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* Forms */
.required {
  color:#FF0000;
  font-weight:bold;
}

label { visibility: hidden; display: none; }

input, textarea, select {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:12px;
}

.namefield {float:left; padding-top: 3px; width: 170px; }
.inputfield {
  float:left;
  width:380px;
  padding:2px 0 2px 11px;
}

.namefield2 {float:left; padding-top: 3px; width: 179px;}
.inputfield2 {float:left; width: 380px; padding:2px;}

.loginbttn2 {
  width:62px;
  height:22px;
  margin:0px;
}
/* End Forms */

/* Event Calendar */ 

#calendar {
  float:left;
  margin:0 10px 0 0;
  padding:0 0 10px 0;
}

.month {
  margin:0px;
  padding:0px;
}

.month td {
  font-size:0.9em;
}

.monthday {
  border:1px solid #CCCCCC;
}

.monthday:hover {
  background:#F4F4F4;
}

.monthnavigationback {
  height:15px;
  text-align:center;
  color:#FFFFFF;
  background:#2D2616;
}

.monthnavigationback a {color:#FFFFFF;}
.monthnavigationback a:hover {color:#FFFFFF;}

.monthnavigationforward {
  height:15px;
  text-align:center;
  color:#FFFFFF;
  background:#2D2616;  
}

.monthnavigationforward a {color:#FFFFFF;}
.monthnavigationforward a:hover {color:#FFFFFF;}

.datepicker {
  text-align:center;
  color:#FFFFFF;
  background:#2D2616;
}

.datepickerform {
  margin:0px;
  padding:0px;
}

.monthname {
  text-align:center;
  font-weight:bold;
  color:#FFFFFF;
  background:#2D2616;
}

.month a:link {
  text-align:center;
  text-decoration:underline;  
}

.month a:visited {
  text-align:center;
  text-decoration:underline;  
}

.month a:hover {
  text-align:center;
  text-decoration:none;
}

.month a:active {
  text-align:center;
  text-decoration:underline;  
}

.dayname {
  width:26px;
  height:15px;
  text-align:center;
  border:1px solid #CCCCCC;
  background:#F7F7F7;
}

.selectedday:hover {
  background:#F4F4F4;
}

.selectedday {
  width:26px;
  height:15px;
  text-align:center;
  border:1px solid #CCCCCC;
  background:#E1E0E0;
}

.event:hover {
  background:#F4F4F4;
  color:#000000;
}

.event {
  width:26px;
  height:15px;
  text-align:center;
  border:1px solid #CCCCCC;
  background:#A8A8A8;
}

.event a {color:#2B2B2B;}
.event a:hover {color:#000000;}

.selectedevent:hover {
  background:#F4F4F4;
}

.selectedevent {
  width:26px;
  height:15px;
  text-align:center;
  border:1px solid #CCCCCC;
  background:#CCCCCC;
}

.selectedevent a:link {color:#2B2B2B; text-align:center;}
.selectedevent a:visited {color:#2B2B2B; text-align:center;}
.selectedevent a:hover {color:#2B2B2B; text-align:center;}
.selectedevent a:active {color:#2B2B2B; text-align:center;}

.nomonthday {
  width:26px;
  height:15px;
  border:1px solid #CCCCCC;
}

.today {
  width:26px;
  height:15px;
  font-weight:bold;
  text-align:center;  
  border:1px solid #555555;
  background:#EEEEEE;
}

.todayevent:hover {
  background:#F4F4F4;
  color:#000000;
}

.todayevent {
  width:26px;
  height:15px;
  text-align:center;
  border:1px solid #CCCCCC;
  background:#A8A8A8;
}

.todayevent a {color:#2B2B2B;}
.todayevent a:hover {color:#000000;}

.monthday {
  width:26px;
  height:15px;
  text-align:center;
}

.saturday:hover {
  background:#F4F4F4;
}

.saturday {
  width:26px;
  height:15px;
  text-align:center;
  border:1px solid #CCCCCC;
  background:#D9D9D9;
}

.sunday:hover {
  background:#F4F4F4;
}

.sunday {
  width:26px;
  height:15px;
  text-align:center;
  border:1px solid #CCCCCC;
  background:#D9D9D9;
}

.eventson {
  float:left;
  width:310px;
  margin:0 0 10px 0;
  padding:6px;
  border:1px solid #CCCCCC;
  background:#F9F9F9;
}

.noevent {
  float:left;
  width:310px;
  margin:0 0 10px 0;
  padding:6px;
  border:1px solid #CCCCCC;
  background:#F9F9F9;  
}

/* End Event Calendar */

/* reg form styles */
#reg_form .fld {}
#reg_form .val {margin-bottom:10px}

.required {color:#d20}
.val_error {background-color:#DDD9D0;margin-bottom:10px}
.submitbutton {border:1px solid #CCCCCC;background-color:#750D00;color:#ffffff;font-weight:bold;margin-top:10px}
/* reg form styles */