body    { color: #000; font-size: 0.71em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e0e0d4; }
h1,h2,h3,h4 { font-size: 1em; margin: 0px; padding-bottom: 5px }
p { margin:0 0 1em 0; }
#wrapper { background: white url(../images/design/wrapperbg.gif) repeat-y; margin: 25px auto 0px auto; width: 773px; overflow: hidden; text-align: center; position:relative;  }
#subwrapper { background: white url(../images/design/subwrapperbg.gif) repeat-y; margin: 25px auto 0px; width: 773px; overflow: hidden; text-align: center; position:relative;  }
#slogan{
  position:absolute;
  top:145px;
  left:0px;
}
#header { width: 773px; height: 145px; position:relative; }
#logo { float: left; width: 221px; height: 145px }
#banner { float: left; width: 552px; height: 145px; background: url(../images/design/banner.jpg) no-repeat;}
#firstcol { background: url(../images/design/firstcolbg.gif) repeat-y; float: left; margin: 0px; width: 32px }
#lcol1 { background: url(../images/design/lcol1bg.gif) no-repeat; float: left; margin: 0px; width: 189px; height: 22px }
#middlecol { background: url(../images/design/mcol2bg.gif) repeat-x; text-align: left; float: left; width: 355px }
#submiddlecol { background: url(../images/design/mcol2bg.gif) repeat-x; text-align: left; float: left; width: 530px; min-height:570px; height:auto; _height:570px; }
#mcol1 { background: url(../images/design/mcol1bg.gif) no-repeat; float: left; width: 355px; height: 22px }
#submcol1 { background: url(../images/design/submcol1bg.gif) no-repeat; float: left; width: 530px; height: 22px }
#mcol1 h1 { color: white; float: right; margin: 0px; padding-top: 3px; padding-right: 18px }
#submcol1 h1 { color: white; float: right; margin: 0px; padding-top: 3px; padding-right: 18px }
#content   { text-align:left; padding-top: 36px; padding-right: 16px; padding-left: 16px }
#leftcol  { background: url(../images/design/lcol2bg.jpg) no-repeat; float: left; margin: 0px; width: 189px }
#rightcol   { background: url(../images/design/rcol2bg.gif) repeat-x; text-align: left; float: left; margin: 0px; width: 175px }
.featureboxheader  { background: url(../images/design/rcol1bg.gif) no-repeat; text-align: left; margin: 0px; padding: 0px; width: 175px; height: 22px; display: block }
.featurebox a { color: black; font-weight: bold; text-decoration: none }
.featurebox a:hover { text-decoration: underline }
#rightcol h2 { color: #eeac0f; background: url(../images/design/rcol1bg.gif) no-repeat; padding-top: 3px; padding-left: 9px; display: block }
.featurebox { margin: 0px 0px 10px; padding: 0px }
.featurebox .text { padding: 5px 9px }
.featurebox img { padding: 0px }
.spacer { float: left; margin: 0px; width: 1px }
form { margin: 0px; padding: 0px }
td   { color: #000; font-size: 11px }
#nav    { list-style-type: none; float: left; margin: 0px; padding: 0px; width: 187px }
#subnav   { list-style-type: none; margin: 0px; padding: 0px; width: 187px }
#ul nav,#ul subnav { margin: 0px; padding: 0px }
#nav li    { text-decoration: none; list-style-type: none; margin: 0px; border-top: 1px solid #bdbdcb; border-bottom: 1px solid #525074 }
#subnav li  { text-decoration: none; list-style-type: none; margin: 0px; border-top: 0px; border-right: 0px; border-bottom: 1px solid #c7c6d3; border-left: 0px; width: auto; height: auto }
#nav li a     { color: white; font-weight: bold; text-decoration: none; text-align: left; list-style-type: none; margin: 0px; padding-top: 3px; padding-bottom: 3px; padding-left: 12px; display: block }
#subnav li a    { color: black; font-weight: normal; text-decoration: none; background-color: white; text-align: left; list-style-type: none; margin: 0px; padding-top: 3px; padding-bottom: 3px; padding-left: 12px; display: block }
#nav li a:hover     { color: white; text-decoration: none; background: #575579 url(../images/design/arrow.gif) no-repeat right ; list-style-type: none; padding-top: 3px; padding-bottom: 3px; padding-left: 12px }
#subnav li a:hover   { color: black; text-decoration: none; background-color: #c7c6d3; list-style-type: none; padding-top: 3px; padding-bottom: 3px; padding-left: 12px }
.statue { float: left }
.testbox { background: url(../images/design/testimonialbg.gif) repeat-y; float: left; width: 189px }
.testbox p { text-align: left; margin: 0px; padding-right: 12px; padding-left: 12px }
.testbox a { color: black; text-decoration: none }
.testbox a:hover { color: #575579; text-decoration: none }
.testheader { background: url(../images/design/test1.gif) no-repeat; width: 189px; height: 30px }
.testheader p { font-weight: bold; text-align: left; margin: 0px; padding-top: 12px; padding-left: 12px }
.nothing { clear: both; height: 1px }
.block  { display: block }
a   { color: #575579; text-decoration: none }
a:hover  { color: black; text-decoration: underline }
.submitbutton    { color: white; font-weight: bold; font-size: 10px; background-color: #832e02; margin-top: 2px; border-style: solid; border-width: 1px; border-color: #f2a136 #5e2305 #5e2305 #f2a136 }
.required { color: #d7500c }
#footer   { background: url(../images/design/footer.gif) no-repeat; text-align: left; width: 773px; height: 30px }
#subfooter { background: url(../images/design/subfooter.gif) no-repeat; text-align: left; width: 773px; height: 30px }
#footer a,#subfooter a  { color: #7a7a7a; text-decoration: none }
#footer a:hover,#subfooter a:hover  { color: #000; text-decoration: underline }
#copy   { color: white; font-weight: bold; text-align: left; float: left; padding-top: 6px; padding-left: 44px }
#design   { color: #7a7a7a; float: right; padding-top: 6px; padding-right: 44px }
a img { border: 0 }
#prefooter   { background: url(../images/design/prefooter.gif) no-repeat; clear: both; margin: 0px; padding: 0px; width: 773px; height: 13px }
#subprefooter { background: url(../images/design/subwrapperbg.gif) no-repeat; clear: both; margin: 0px; padding: 0px; width: 773px; height: 1px }
.galleryitem  { float: left; margin: 0px 5px 5px 0px; width: 150px; height: 133px }
.galleryitem p { text-align: center; margin: 0px; padding: 2px 0px 0px }
.namefield { float: left; padding-top: 3px; width: 140px }
.namefield2 { float: left; padding-top: 3px; width: 480px }
.formtext { float: left; margin-bottom: 10px; padding-top: 3px; width: 480px }
.inputfield { float: left; width: 340px }
.inputfield2 { float: left; width: 480px }
.input  { color: black; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f5f5f5; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; border-style: solid; border-width: 1px; border-color: black #d3d3d3 #d3d3d3 black; width: 340px }
.input2  { color: black; font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f5f5f5; margin-top: 2px; margin-bottom: 2px; padding-left: 5px; border-style: solid; border-width: 1px; border-color: black #d3d3d3 #d3d3d3 black; width: 480px }
label { visibility: hidden; display: none }
.staff {background-color:#CCCCCC; border: 1px solid #C4C4C4; width: 460px; text-align: left; margin-bottom: 2px;}

.staffmember { float:left; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; margin: 0;}

.spacer10 { float: left; margin: 0px; width: 10px }

#popupfooter {background:#F0F0F0; text-align:center; font-family:arial; font-size:11px;}

#popup {
  margin:0px;
  padding:0px;
  background:#FFFFFF;
}

.vborder {
  border:1px solid #000000;
  margin-right:4px;
  margin-bottom:4px;
  text-align:center;
  background:#F1BD3F;
  float:left;
  padding:5px;
}

/* style for featurebox video clip thumb */
.mclip {
  margin-left:27px;
  margin-top:6px;
}

.cmore {
  margin-left:10px;
}

#whatever {
  clear:both;
  height:10px;
}
#flashhome  { background: url(../images/design/flashhome1.jpg) no-repeat; width: 318px; height: 239px }


/* Login Css */
#login {width:350px; text-align:center;}
#login p {text-align:left;}
.loginnamefield {float:left; padding-top: 3px; width: 90px;}
.logininputfield {
  float:left;
  width: 210px;
  padding:2px;
  /*background:#F5F5F5;
  border-top:1px solid #000000;
  border-right:1px solid #D3D3D3;
  border-bottom:1px solid #D3D3D3;
  border-left:1px solid #000000;*/
}
.loginbttn {
  float:left;
  margin:10px 0 0 123px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:11px;
  background:#832E02;
  border-top:1px solid #F2A136;
  border-right:1px solid #5E2305;
  border-bottom:1px solid #5E2305;
  border-left:1px solid #F2A136;  
}
/* End Login Css*/

/* MP3 Player */
#listen {
  position:absolute;
  top:100px;
  left:720px;
  width:25px;
  height:19px;
  z-index:550;
}

.filename {
  z-index:520;
}