body {
 margin: 0 auto 0 auto;
 padding: 0;
 background: #d7e8fd url(../images/bg.gif) repeat-x 0 0;
 font-family: arial, verdana, sans-serif;
 font-size: 13px; 
 text-align: left;
 color: #000;
}

:focus { /* FF1.5 bug */
 -moz-outline-style: none;
}

* {
 margin:0;
 padding:0;
}

.marginBottom {
 margin-bottom: 30px !important;
}

.clear {
 clear: both;
 font-size: 1%;
}

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

.imgBorder {
 padding: 4px;
 border: 1px solid #c1ac5b;
 background: #fdfcd7;
}

.imgLeft {
 float: left;
}

.left {
 text-align: left !important;
}

.black {
 color: #000 !important;
}



/* Fonts */

h1, h2, h3, h4, h5, h6 {
 font-family: arial, verdana, sans-serif;
 text-align: center;
}

ul, li {
 list-style-image: none;
 list-style-type: none;
}

a {
 color: #204d73;
 font-weight: bold;
 text-decoration: none;
}

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

strong {
 color: #a00;
}

span.out {
 text-decoration: line-through;
}

.noBottomBorder {
 padding-bottom: 0 !important;
 border-bottom: 0 !important;
}

.header .pre {
 font-weight: normal;
 font-size: 13px; 
}

.header h1 {
 margin-bottom: 3px;
 font-size: 24px;
 font-weight: bold; 
 color: #a00;
}

.header h2, .header p {
 margin-bottom: 3px;
 font-size: 16px;
 font-weight: bold; 
 color: #000;
}

.header h3 {
 margin-bottom: 3px;
 font-size: 24px;
 font-weight: bold; 
 color: #a00; /* 090 */ 
}

.main h1 {
 margin-bottom: 0px;
 font-size: 24px;
 font-weight: bold; 
 color: #a00;
}

.main h2 {
 margin-bottom: 15px;
 font-size: 16px;
 font-weight: bold; 
 color: #a00;
}

.main h3 {
 margin-bottom: 15px;
 font-size: 16px;
 font-weight: bold; 
}

.main h4 {
 margin-bottom: 10px;
 font-size: 14px;
 font-weight: bold; 
 color: #a00;
}

.main h5 {
 margin-bottom: 0px;
 font-size: 16px;
 font-weight: bold; 
 color: #a00; 
}

.main h6 {
 margin-bottom: 15px;
 font-size: 13px;
 font-weight: bold; 
 color: #a00; 
}

.main p.quote {
 text-align: center;
 /* font-style: italic; */
 color: #0451c5;
}

.side h2 {
 margin-bottom: 0;
 font-size: 18px;
 font-weight: normal;
 text-align: left;
 color: #000;
}

.side h3 {
 margin-bottom: 15px;
 font-size: 18px;
 font-weight: normal;
 text-align: left;
 color: #a00;
}

.side h4 {
 margin-bottom: 10px;
 font-size: 16px;
 font-weight: bold; 
 text-align: left;
 color: #000;
}

.side h5 {
 margin-bottom: 5px;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
 color: #a00; 
}

.side p {
 text-align: center;
}

.side p.fastLink {
 text-align: right;
}

.side p.mini{
 font-size: 12px;
}

#flyer h2 {
 margin-bottom: 10px;
 font-size: 18px;
 font-weight: normal;
 text-align: center;
 color: #000;
}

#flyer h3 {
 margin-bottom: 0;
 font-size: 18px;
 font-weight: normal;
 text-align: center;
 color: #a00;
}

#flyer h4 {
 margin-bottom: 10px;
 font-size: 14px;
 font-weight: bold; 
 text-align: center;
 color: #000;
}

#flyer h5 {
 margin-bottom: 10px;
 font-size: 16px;
 font-weight: normal; 
 text-align: center;
 color: #000;
}

span.mini {
 font-size: 11px;
 color: #707032;
}



/* Content */

#content {
 width: 900px;
 height: 1538px;
 margin: 10px auto 10px auto;
 padding: 0;
 /* background: #fff url(../images/content.gif) no-repeat right top; */
 background: #fff url(../images/elmarad.gif) no-repeat right top; 
 /* border: 3px solid #b3cbeb; */
}

#content .header {
 height: 270px;
 margin-bottom: 20px;
 padding: 20px 250px 0 250px;
 background: #fff url(../images/header.jpg) no-repeat 0 0;
 text-align: center;
}

#content .main {
 position: relative;
 width: 600px;
 padding: 20px 20px 0 20px;
 float: left;  
}

.wide {
 width: 860px !important;
 padding: 20px;
 background: #fff url(../images/liner.jpg) no-repeat center top; 
}

#content .side {
 width: 220px;
 padding: 20px 20px 0 19px;
 float: left;
 border-left: 1px dashed #c1ac5b;
}

#content p {
 margin-bottom: 10px;
}

#content ul {
 margin-bottom: 15px;
}

#content li {
 margin-bottom: 5px;
 padding-left: 12px;
 background: url(../images/li-red.gif) no-repeat 0 5px;
}

.centered {
 text-align: center;
}

.titlePicture {
 text-align: center;
}

.borderBox {
 margin-bottom: 15px;
 padding: 10px;
 border: 3px dashed #c1ac5b;
 background: #fdfcd7;
}

.note {
 text-align: right;
 font-style: italic;
 color: #487499;
}

.warning {
 color: #a00;
}

.sent {
 margin-bottom: 15px;
 color: #0a0;
 font-weight: bold;
}

.fastLink { 
 margin-bottom: 30px !important;
 text-align: right;
 font-style: italic;
 font-weight: bold; 
}

.ignoreLink { 
 margin-bottom: 15px !important;
 text-align: center;
 font-style: italic;
}

.offerLink { 
 margin-bottom: 15px !important;
 text-align: center;
 font-style: italic;
 font-weight: bold;
}

.inner1, .inner2, .inner3 {
 margin-bottom: 5px;
}

.inner2 {
 padding-left: 15px;
}

.inner3 {
 padding-left: 30px;
}

.inner4 {
 margin-left: 45px;
}

.formTitle {
 padding: 5px;
 text-align: center;
 background: #fdfcd7;
 font-weight: bold; 
 color: #a00; 
}



/* Person list */

td.tdpLeft {
 width: 430px;
}

td.tdpRight {
 width: 430px;
}

.personList {
 margin-bottom: 15px;
 padding-top: 15px;
}

.person {
 width: 405px;
 margin-bottom: 15px;
 padding-bottom: 5px;
 border-bottom: 1px dashed #c1ac5b;
}

.lastPerson {
 padding-bottom: 0 !important;
 border-bottom: 0 !important;
}

.person img {
 width: 51px;
 height: 74px;
 margin-right: 10px;
 padding-bottom: 10px;
 float: left;
}

.person .info {
 width: 340px;
 float: left;
}

.person .name {
 margin-bottom: 10px;
}

.person .lead {
 font-weight: bold;
 font-style: italic;
 margin-bottom: 0;
}

.markedPerson {
 margin-bottom: 15px;
 padding: 10px;
 border: 3px dashed #c1ac5b;
 background: #fdfcd7;
}

.markedPerson .info {
 width: 480px !important;
}



/* Info tables */

table.infoTable {
 margin: 0 0 30px 0;
 padding: 0;
 border-collapse: collapse; 
}

table.infoTable td {
 padding: 0 0 15px 0;
 vertical-align: text-top;
}

table.infoTable td.leftTd {
 width: 140px;
 padding-right: 10px;
 font-weight: bold;
}

table.topics, table.persons {
 margin: 0 0 30px 0;
 padding: 0;
 border-collapse: collapse; 
}

table.topics td, table.persons td  {
 padding: 0 0 15px 0;
 vertical-align: text-top;
}

table.topics tr.trHead td, table.persons tr.trHead td {
 font-weight: bold;
 font-size: 15px;
}

table.topics li {
 padding-left: 17px !important;;
 background: url(../images/li-check.gif) no-repeat 0 2px !important; 
}



/* Form */

form {
 margin-bottom: 15px;
}

form fieldset {
 padding: 10px;
 border: 3px solid #c1ac5b;
 background: #fdfcd7; 
}

form span.mainTitle {
 display: block;
 margin-bottom: 10px;
 font-size: 20px;
 font-weight: bold;
 text-align: center; 
 color: #a00; 
}

form span.subTitle {
 display: block;
 margin-bottom: 10px;
 font-style: italic;
 text-align: center;
 color: #487499; 
}

form span.fieldTitle {
 display: block;
 margin-bottom: 10px; 
 padding-top: 10px;
 text-align: left;
 font-weight: bold;
 color: #000; 
}

form .formLeft, form .formRight {
 float: left;
 width: 405px;
}

form .formRight {
 width: 390px;
 padding-left: 15px;
}

.label {
 padding: 8px 0;
 width: 390px;
 float: left;
 position: relative;
 top: 3px;
 font-size: 13px;
}

.input {
 background: #FFF;
 border: 1px solid #c1ac5b;
 padding: 4px 0;
 width: 390px;
 float: left;
 margin: 6px 0 4px 0;
}

.textarea {
 background: #FFF;
 border: 1px solid #c1ac5b;
 padding: 4px 0;
 margin: 6px 0 4px 0;
 width: 390px;
 float: left;
 font-family: Arial, serif;
 font-size: 13px;
 height: 54px;
 line-height: 27px;
 position: relative;
 top: -4px;
 overflow: hidden;
}

.submitter {
 text-align: center;
}

.submit {
 margin-top: 20px;
 padding: 0 5px 0 5px;
}

.checkbox {
 padding: 4px 0;
 margin: 6px 10px 4px 0;
 float: left;
 position: relative;
 top: -4px;
 overflow: hidden;
}



/* Flyer */

#flyer {
 position: relative;
 width: 680px;
 height: 280px;
 padding: 10px 10px 10px 210px;
 background: url(../images/bg-flyer-shadow.png) no-repeat 10px 0;  
}

#flyer form {
 width: 550px;
 margin: 0 auto 0 auto;
}

#flyer label {
 width: auto !important;
 margin: 0 !important; 
 display: inline !important;
}

#flyer .input {
 width: 150px !important;
 margin-right: 10px !important;
}

#flyer .submit {
 position: relative;
 top: -12px;
 margin-right: 10px;
}

#flyer .close {
 position: absolute;
 left: 865px;
 top: 7px;
 color: #a00;
 cursor: pointer;
 font-family: verdana, sans-serif;
 font-size: 14px;
 font-weight: bold !important;
}

#flyer .close:hover {
 text-decoration: none;
}

.outer { /* fixed position */ 
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
}

.middle { /* centering */
 height: 280px; 
 display: table; 
 margin: 0 auto;
}

.inner { 
 vertical-align: middle;
 display: table-cell;
}

img.elmarad {
 position: absolute;
 left: 0;
 top: 0;
}