* {margin: 0; padding: 0;}

body {font: 0.8525em Verdana, sans-serif; line-height: 1.0em; color: #333; background: #FFF;}

a:link, a:visited {text-decoration: none;
   font-weight: bold; color: #555;}

a img {border: none;}

html body a:hover {color: #FF9900;}

h1 {font: bold 2.5em Tahoma, Helvetica, Verdana, Arial, serif; color: #555; line-height: 1.4em; 
  margin-bottom:0.5em; background-color: #FFFFFF; color: #FF9900;}

h2 {font: 1.5em Georgia, "Times New Roman", serif; letter-spacing: 1px;}

h3 {font: bold 1.3em Tahoma, Helvetica, Verdana, Arial, serif; color: #555; line-height: 1.6em; text-align:center; background-color: #FFFFFF;}

h4 {font: normal 1.0em Georgia, "Times New Roman", serif; letter-spacing: 1px; color: #333; text-align:center; background-color: #FFFFFF;}

ul, ol {list-style: none;}

table {margin: 0 0 0 0;font-size: 10px;}

th, td {padding: 0.2em 0.4em 0 0; border: 1px solid #CCC; border-width: 0px 1px 1px 0px; color: #555; background-color: #FFFFFF;}
th {text-align: right;}

.first {padding-top: 3px;}
.first table {width: 97%;}
.first li {font-size: 11px;}

#masthead {position: absolute; z-index: 5; top: 0; left: 22px; border-left: 1px solid #FF9900; border-right: 1px solid #FF9900; border-bottom: 1px solid #FF9900; padding-bottom: 6px; background-color: #FFF8F0;}
#masthead li a:link, masthead li a:visited {background-color: #FFF8F0;}
#masthead h3 {color: #555; background-color: #FFF8F0;}

#bannerhead {height: 3.4em; padding: 0 0 0 325px; background-color: #FFFFFF; 
  border-top: 5px solid #FF9900; font: 18px Georgia, Times, serif; overflow: hidden; 
  min-width: 750px; color: #555;}

.navbar {font: 13px Tahoma, Helvetica, Verdana, Arial, sans-serif; overflow: hidden;}

.navbar li {padding: 0 36px 0 18px;}
.navbar li a {padding: 0 0 0.25em 0;}

#cover {background: url(images/brackets.gif) 3% 50% no-repeat;padding-top: 1px; padding-bottom: 1px;}
#news {background: url(images/plus.gif) 3% 50% no-repeat;cursor:pointer; padding-top: 1px; padding-bottom: 1px;}
#penya {background: url(images/brackets.gif) 3% 50% no-repeat; padding-top: 1px; padding-bottom: 1px;}
#gallery {background: url(images/brackets.gif) 3% 50% no-repeat; padding-top: 1px; padding-bottom: 1px;}
#multimedia {background: url(images/brackets.gif) 3% 50% no-repeat; padding-top: 1px; padding-bottom: 1px;}
#forum {background: url(images/brackets.gif) 3% 50% no-repeat; padding-top: 1px; padding-bottom: 1px;}
#contact {background: url(images/brackets.gif) 3% 50% no-repeat; padding-top: 1px; padding-bottom: 1px;}
#links {background: url(images/brackets.gif) 3% 50% no-repeat; padding-top: 1px; padding-bottom: 1px;}

.submenu {overflow: hidden;}
.submenu li {padding: 2px 23px 2px 13px; margin-right: 5px;
  background: url(images/diamond.gif) 5% 50% no-repeat;
  font-size: 11px;}

#newsbar {display:none;}

#main {float: left; font-size: 0.88em; padding: 1.5em 0 1.5em 210px;}
#main p {text-align: left; line-height: 1.4em; margin: 0 0 1em;}

.column {float: left;}

#content {padding: 0 25px 0 20px;}

#sidebar {padding-left: 15px; border-left: 1px solid #FF9900; overflow: hidden}

#sidebar div {border-bottom: 1px dashed #FF9900; padding: 10px 0.5em;}

#sidebar li {padding: 0.5em 0 0.5em;}
#sidebar li a:link, #sidebar li a:visited {padding-left: 12px;
  background: url(/pix/diamond-gray.gif) 0 0.4em no-repeat;}
#sidebar p {font-size: 0.85em; margin-top: 0.25em;}

/* IE5.x/Win hacks */

#main {voice-family: "\"}\""; voice-family: inherit; width: 960px;}
#content {voice-family: "\"}\""; voice-family: inherit; width: 550px;}
#sidebar {voice-family: "\"}\""; voice-family: inherit; width: 150px;}

/* IE5/Mac hacks */
/*\*//*/
#navbar {padding-top: 0.75em; height: 1.66em;}
#navbar li a {display: inline;}
/**/

.news-img {float: right; margin: 0 0 1em 2em; border: 0; width: 150px;}
.news-img-left {float: left; margin: 0 0 1em 2em; border: 0; width: 150px;}

.news-table {border-top: 1px dashed #FF9900;margin: 3em 0 0; width: 100%;}

.chroniques {border: 1px solid #CCC; border-width: 1px 0 0 0;color: #555; 
  text-align: left; background-color: #FFFFFF; width:540px;}

.chroniques td {border: 1px solid #CCC; border-width: 0 0 0 0;color: #555;
  text-align: left; font: 12px Tahoma, Helvetica, Verdana, Arial, sans-serif; background-color: #FFFFFF;}

#leftsidebar div {border-bottom: 1px dashed #FF9900; padding: 10px 1.3em;}

#leftsidebar {width: 128px; padding-right: 10px; border-right: 1px solid #FF9900;position:absolute; top:400px;left:16px;}

#leftsidebar p {font-size: 0.85em; margin-top: 0.25em;}

.datefield {text-align: right;}
.numberfield {text-align: right;}

#footer {clear: both; border-top: 1px solid #666;}
#footer td {padding: 0.5em 20px; background: #FFF; color: #555; 
  border-bottom: 0px; border-right: 0px;  font: 1.1em Verdana, sans-serif;}

.links-list {background: url(images/brackets.gif) 3% 58% no-repeat;border-bottom: 1px dashed #CCCCCC; margin-bottom: 5px;}

.contact-ul {font: 13px Verdana, Arial, serif; overflow: hidden;
  margin: 0 0 1em;}
.contact-ul li {padding: 2px 23px 2px 33px; background: url(images/diamond.gif) 5% 8px no-repeat;}

form {
  margin: 0px;
  padding: 0px;
}

form div {
  clear: left;
  display: block;
  margin: 5px 0px 8px 0px;
  padding: 1px 3px;
}

form div label {
  display: block;
  float: left;
  width: 160px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

form div input, form div textarea {
  width: 340px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  background-color: #EEEEEE;
  color: #000000;
}

form div.submit {
  padding: 0px 0px 0px 317px;
  margin-bottom: 30px;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
  width: 100px;
  background-color: #EEEEEE;
  color: #000000;
}

form div .inputButton {
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
  width: 100px;
  background-color: #EEEEEE;
  color: #000000;
}

form div .inputButtonPressed {
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  width: 100px;
  background-color: #EEEEEE;
  color: #000000;
}

#footnote {border-top: 1px solid #CCCCCC; background-color: #FFFFFF; 
  color: #555; font: 0.8em Verdana, sans-serif;}

#pam-row {font-weight: bold}

.data-table {width: 100%; margin-bottom: 10px;}

#hymn p {text-align: center; line-height: 0.4em; margin: 0 0 1em; font-size: 0.9em;}

.hymn-table {width: 100%; margin-bottom: 20px;}

#main-show {float: left; font-size: 0.88em; padding: 1.5em 0 1.5em 0px; margin-left: 10px; margin-right: 10px;}
#main-show p {text-align: left; line-height: 1.4em; margin: 0 0 1em;}