@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */
body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:0.8em}

h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold; color:#484848; margin:3px 0; padding:3px 0}
table {border-collapse:collapse;}
img{ border:none}
a{ text-decoration:none; color:#000}
a:hover{ color:#ff0000}
a:focus {outline: none;}

#wrapper{ width:958px; border:solid 1px #cecece; height:auto; margin:0 auto; padding:0 0 30px 0 }
#header{ width:100%; clear:both; height:auto}
#navigation{width:100%; clear:both;  height:200px; border-right:solid 1px #fff; width:310px; background:#de190b; float:left; margin:5px 0 0 0 }
#footer{ width:955px;  height:auto; margin:0 auto; text-align:center; padding:10px 0 0 0; clear:both; color:#6b6b6b}

/*USEFUL CLASSES*/
.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden} /* Non IE clearfix */
.fl{ float:left}
.fr{ float:right}
.red{ color:#c33131}
.black{ color:#000}
.bt{ font-weight:bold}
.bo_no{ border:none!important}
.img_h_help{ padding:0 0 0 360px ; margin:-105px 0 0 0}

/* -----------------------------------------------
2. HEADER
----------------------------------------------- */

#site_title{ width:100%; height:50px; clear:both; float:left }
#site_title h1{ display:none}
#site_title img{ float:left; padding:8px 0 0 0}

#login{ width:540px ; float:left; height:40px; text-align:right}
#login a{ background:url(../images/lock.gif) right top no-repeat; padding:15px 45px 0 0px; display:block; height:40px}

#logo{ width:310px ; height:285px ; background:#000; float:left; border-right:solid 3px #fff;  border-bottom:solid 1px #000}
#logo h2{ color:#fff; text-transform:uppercase; padding:7px 0 0 20px; font-size:1.12em}
#logo p{ color:#fff; padding:0 0 0 20px; font-weight:bold; line-height:1.6em; }
#logo a{ color:#fff}
#logo a:hover{ color:#FF0000}
#logo span{ font-size:1.2em}

#main_pic{ width:642px;background:#fff; padding:0 0 0 3px; float:left }

/* -----------------------------------------------
3. NAVIGATION
----------------------------------------------- */
#navigation ul{ padding:0; margin:0 0 0 40px; list-style-image:url(../images/bulett.gif); padding:20px 0 0 0;}
#navigation li{ padding:3px }
#navigation a{ color:#fff; font-weight:bold; text-transform:uppercase}
#navigation a:hover{ color:#000} 

/* -----------------------------------------------
4. SUBHEADER
----------------------------------------------- */
#sub_header{width:642px; height:200px; padding:4px 0 0 0px;  margin:5px 0 0 5px; height:200px;  background:url(../images/sub_header1.jpg) right top no-repeat; float:left }

#questions{ margin:50px 0 0 20px}
#questions  h3{  text-transform:uppercase; font-size:1.22em; display:block; width:300px; margin: 10px 0 0 20px;  font-weight:bold}
/* -----------------------------------------------
5. CONTENT
----------------------------------------------- */
#content{ width:auto; clear:both}
#col_left{ width:310px; float:left;  margin:5px 0 0 0}

.news{ width:285px; padding:0 10px 0 15px; margin:5px 0 0 0px; float:left }
.news h2{ color:#333; width:auto; border-bottom:solid 2px #de190b; font-size:1.2em; text-transform:uppercase; width:auto}
.news p{ margin:0; padding:3px 0 0 0; width:auto; }
.news a{ text-align:right; display:block; padding:4px 0 0 0; font-weight:bold}

#col_midle{width:300px; float:left; margin:5px 0 0 6px; text-align:center}
#col_midle a{ text-align:right; display:block; font-weight:bold; padding: 5px 8px 0 0 }
#col_right{ margin:5px 0 0 5px; float:left; width:320px; padding: 0 0 0 3px; text-align:center; }
#col_right img, #col_midle img{ border:solid 1px #ccc}
#col_right p, #col_midle p{ text-align:left; padding: 10px 0 0 10px; margin:0; width:280px; color:#6b6b6b}



/* -----------------------------------------------
6. FOOTER
----------------------------------------------- */
#footer ul li{ list-style:none; display:inline;  }
#footer ul li a{ color:#6b6b6b; padding:0 0 0 10px; text-transform:capitalize}
#footer ul li a:hover{ color:#ff0000}
#footer p{ font-size:90%}

/* -----------------------------------------------
7. TWO COLUMN PAGES
----------------------------------------------- */
#two_cols{ width:635px;  float:left; margin:3px 0 0 5px}
#two_cols h2{ font-size:1.2em; text-transform:uppercase; border-bottom:solid 2px #de190b; width:350px; margin:10px 0 0 3px}
#two_cols h3, #two_cols h4{ margin:13px 0 0 10px}
#two_cols p{ margin:10px 0 10px 10px}
#two_cols img{  padding:3px; border:solid 1px #ccc; margin:5px}
#two_cols ul{ list-style-image:url(../images/bulett2.gif)}
#two_cols li{ padding:3px}

#donate_form{ width:auto; padding:20px}
#two_cols label{ font-weight:bold; width:200px; display:block; padding:5px 0 3px 20px; margin:0}
#two_cols input{ width:220px; border: solid 1px #ccc}
#two_cols input, #two_cols select{ margin:0 0 0 20px; font-size:1em }
.btn_donate{ background:url(../images/btn_donate.gif) center center no-repeat; width:100px; height:40px; border:none!important; cursor:pointer; color:#fff; text-transform:uppercase; font-size:1.3em}

#sign_guest a{ background:url(../images/sign_guestbook.gif) left center no-repeat; width:250px; height:32px; display:block; padding:10px 0 0 40px; margin:30px 0 0 0 }

/* -----------------------------------------------
7. TWO COLUMN NEWS-EVENTS PAGE
----------------------------------------------- */
#col_middle_news{width:300px; float:left; margin:5px 0 0 6px; color:#6B6B6B}
#col_right_news{ margin:5px 0 0 5px; float:left; width:320px; padding: 0 0 0 3px;color:#6B6B6B  }

#col_right_news h2, #col_middle_news h2{ font-size:1.2em; text-transform:uppercase; border-bottom:solid 2px #de190b; width:300px; margin:10px 0 0 3px}

#col_right_news p, #col_middle_news p{ margin:0; padding:5px 0; }
#col_right_news img, #col_middle_news img{ padding:5px}

.guest_b{ width:auto; }
.guest_b input, .guest_b select{  margin:0!important}
.button_g{  text-transform:capitalize!important; font-weight:bold; text-align:center!important; background:#de190b; color:#fff; width:100px!important}