html, body {
background-color: #7a0d1f;
margin: 0;
padding: 0;
text-align: left;
height: 100%;
}
/* Common Functions ================ */
.clear { clear: both; }
.trans { border: 0; }
/* Wrappers ======================== */
#wrapper {
display: block;
width: 100%;
height: auto;
background: url(../images/wrapper.png) repeat-y;
background-position: 50% 0%;
}
#container {
display: block;
width: 990px;
height: 100%;
background: url(../images/base.gif) repeat-y;
background-color: #fff;
position: relative;
left: 50%;
top: 0px;
margin-left: -490px;
}
#header {
display: block;
width: 990px;
height: 92px;
background: url(../images/header.png) no-repeat;
background-color: #fff;
}
#contact-info {
display: block;
float: right;
letter-spacing: -1px;
font-family: arial,sans-serif;
font-size: 17px;
font-weight: bold;
width: 600px;
padding-right: 15px;
margin-top: 58px;
text-align: right;
color: #7b7b7b;
}
#contact-info strong {
color: #ce2b2d;
font-weight: bold;
}
#contact-info a {
color: #ce2b2d;
text-decoration: none;
font-weight: bold;
}
#contact-info a:hover {
color: #bc1517;
}
#mid-header {
display: block;
height: 270px;
width: 990px;
background: url(../images/mid.png) no-repeat;
}
#content-container {
display: block;
width: 990px;
height: auto;
}
#content {
display: block;
float: left;
width: 577px;
padding-left: 35px;
padding-right: 25px;
padding-top: 20px;
font-family: tahoma,arial,sans-serif;
font-size: 11px;
}
#content p {
display: block;
margin-bottom: 20px;
line-height: 19px;
text-align: justify;
}
#content a {
color: #670b18;
text-decoration: none;
}
#content a:hover {
color: #a41f18;
}
#content ul {
display: block;
padding-left: 25px;
margin-bottom: 20px;
}
#content ul li {
background: url(../images/bullet2.gif) no-repeat;
display: block;
margin-bottom: 8px;
padding-left: 20px;
height: 18px;
background-position: 0px 0px;
}
#sidebar {
display: block;
float: left;
width: 303px;
padding-left: 22px;
padding-right: 28px;
}
h1 {
display: block;
font-size: 32px;
font-family: arial,sans-serif;
letter-spacing: -2px;
color: #c52326;
margin-bottom: 5px;
background: url(../images/logos-new.gif) no-repeat;
background-position: 100% 4px;
padding-top: 10px;
height: 60px;
}
h3 {
display: block;
font-size: 33px;
font-family: arial,sans-serif;
letter-spacing: -2px;
color: #fff;
margin-bottom: 5px;
background: url(../images/h3-bullet.png) no-repeat;
padding-left: 53px;
height: 50px;
}
h4 {
display: block;
font-size: 18px;
letter-spacing: -1px;
font-family: arial,sans-serif;
color: #fff;
}
h5 {
display: block;
font-size: 33px;
font-family: arial,sans-serif;
letter-spacing: -2px;
color: #c52326;
margin-bottom: 5px;
height: 50px;
}
#content h2 {
display: block;
margin-top: -10px !important;
margin-bottom: 15px;
font-family: arial,sans-serif;
font-size: 13px;
font-weight: bold;
color: #7e1126;
padding-bottom: 10px;
border-bottom: 1px solid #f5f5f5;
}
/* Contact Form ============================================= */
.form-left {
display: block;
width: 173px;
padding-left: 27px;
float: left;
margin-bottom: 0px;
}
.form-right {
display: block;
float: left;
width: 340px;
padding-left: 6px;
margin-bottom: 0px;
}
#contact-container {
display: block;
width: 572px;
height: 222px;
background: url(../images/contact.png) no-repeat;
margin-left: 3px;
margin-bottom: 20px;
color: #fff;
font-family: tahoma,arial,sans-serif;
font-size: 11px;
padding-top: 78px;
}
#contactform label {
display: block;
font-size: 11px;
font-family: tahoma,arial,sans-serif;
width: 170px;
}
#contactform p {
margin-bottom: 5px !important;
}
#contactform input[type="text"], #contactform textarea {
background: url(../images/input-bg.png) repeat;
border: 1px solid #5d0a17;
padding: 6px;
color: #fff;
font-family: tahoma,arial,sans-serif;
font-size: 11px;
}
#contactform input[type="text"]:focus, #contactform textarea:focus {
background: url(../images/input-focus.png) repeat;
}
#contactform input[type="text"] {
width: 143px;
}
#contactform textarea {
width: 325px;
height: 64px;
}
#contactform .submit {
display: block;
text-align: right;
clear: both;
float: right;
}
button.submit-button {
display: block;
float: right;
width: 125px;
height: 46px;
background: url(../images/submit.png) no-repeat;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
margin-top: 5px;
}
/* Sidebar ================================================= */
#sidebar-content {
display: block;
width: 303px;
padding-top: 98px;
background: url(../images/testimonials.png) no-repeat;
padding-bottom: 20px;
}
#sidebar-content ul {
display: block;
padding-top: 4px;
margin-bottom: 15px;
}
#sidebar-content ul li.first {
border-top: 0;
}
#sidebar-content ul li.last {
border-bottom: 0;
}
#sidebar-content ul li {
display: block;
padding-top: 10px;
padding-bottom: 10px !important;
border-bottom: 1px solid #fff;
border-top: 1px solid #e9e9e9;
color: #2a2a2a;
font-family: tahoma,arial,sans-serif;
font-size: 11px;
line-height: 16px;
}
#sidebar-content h2 {
display: block;
height: 26px;
background: url(../images/firstaid.gif) no-repeat;
padding-left: 44px;
font-size: 17px;
color: #660c19;
letter-spacing: -1px;
padding-top: 5px;
background-position: 4px 3px;
font-family: arial,sans-serif;
}
#sidebar-content h2 strong {
color: #c72427;
font-weight: normal;
}
#links, #course {
display: block;
height: 82px;
width: 303px;
background: url(../images/links.png) no-repeat;
margin-bottom: 15px;
}
#course {
background: url(../images/course.png) no-repeat;
margin-bottom: -5px !important;
}
.testimonial {
display: block;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
font-style: oblique;
background-color: #e4e4e4;
font-family: arial,sans-serif;
color: #313131;
height: 115px;
line-height: 17px;
}
.testimonial span {
padding: 15px;
height: 80px;
overflow: hidden;
}
.testimonial-base {
display: block;
height: 23px;
background: url(../images/comment.gif) no-repeat;
}
#subscribe {
display: block;
height: 82px;
width: 303px;
background: url(../images/mailing-list.png) no-repeat;
margin-bottom: 15px;
}
#sidebar-content ul a {
color: #ce2b2d;
text-decoration: none;
}
#sidebar-content ul a:hover {
color: #7e1126;
}
#links-content a {
display: block;
margin-left: 6px;
background: url(../images/bullet.gif) no-repeat;
height: 15px;
padding-left: 23px;
margin-bottom: 11px;
font-family: tahoma,arial,tahoma,sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: bold;
color: #a3221b;
}
#links-content a:hover {
color: #c92219;
}
ul#links-list li {
display: block;
padding-bottom: 10px !important;
border-top: 0px !important;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 10px;
line-height: 18px;
}
#links-list li img {
display: block;
clear: left;
float: left;
width: 70px;
height: 50px;
border: 4px solid #dfdfdf;
margin-right: 9px;
}
#links-list a {
font-weight: bold;
}
/* Gallery ================================================ */
.gallery {
display: block;
text-align: center;
padding-left: 2px;
margin-bottom: 20px !important;
}
.frame-image, .frame-image-last {
display: block;
width: 187px;
height: 127px;
margin-right: 6px;
float: left;
}
.frame-image:hover, .frame-image-last:hover {
position: relative;
top: 1px;
left: 1px;
}
.frame-image-last {
margin-right: 0;
}
.thumbnail {
width: 187px;
height: 127px;
border: 0px;
}
/* Latest News ================================ */
#news-border {
display: block;
width: 990px;
clear: both;
height: 1px;
background-color: #9e1326;
border-bottom: 1px solid #c32c41;
}
#latest-news {
display: block;
width: 950px;
clear: both;
background: url(../images/latest-news.png) repeat;
background-color: #a81a2e;
padding: 20px;
color: #e0c6a0;
font-size: 11px;
font-family: tahoma,arial,sans-serif;
}
#latest-news p {
line-height: 19px;
text-align: justify;
margin-bottom: 0px;
padding: 10px;
}
#latest-news img {
display: block;
padding: 4px;
background-color: #bf283b;
border: 1px solid #921022;
float: right;
clear: right;
margin-left: 10px;
margin-bottom: 5px;
}
.sub {
display: block;
padding-left: 58px;
color: #fff;
margin-top: -12px;
margin-bottom: 25px;
}
.sub a {
color: #e9c28a;
font-weight: bold;
text-decoration: none;
}
.sub a:hover {
color: #dbac66;
}
.divider {
display: block;
clear: both;
height: 1px;
background-color: #961023;
border-bottom: 1px solid #b72237;
margin-bottom: 20px;
margin-top: 10px;
}
.post-date {
display: block;
width: 76px;
height: 72px;
background: url(../images/post-date.png) no-repeat;
float: left;
clear: left;
margin-right: 10px;
margin-bottom: -4px;
margin-left: 6px;
}
.post-date strong {
display: block;
padding-left: 10px;
padding-right: 12px;
text-align: center;
color: #fff;
font-weight: bold;
padding-top: 5px;
}
.post-date span {
display: block;
font-size: 29px;
letter-spacing: -2px;
padding-left: 7px;
padding-right: 12px;
text-align: center;
color: #ca1d35;
padding-top: 6px;
}
/* First Aid Info ============================= */
table.first-aid {
display: block;
border: 1px solid #650b18;
background-color: #8f1829;
margin-bottom: 20px;
width: 577px;
}
table.first-aid tr {
border-bottom: 1px solid #650b18;
}
table.first-aid tr.last {
border-bottom: 0;
}
table.first-aid th {
font-weight: bold;
background-color: #6f0d1b;
border-bottom: 4px solid #650b18;
}
table.first-aid td, table.first-aid th {
padding: 6px;
padding-left: 8px;
color: #fff;
}
table.first-aid td {
border-right: 1px solid #650b18;
}
table.first-aid td.last {
border-right: 0;
}
table.first-aid td span {
display: block;
background-color: #9d1f31;
margin: 2px;
padding: 4px;
padding-left: 6px;
}
table.first-aid td span.alt {
background-color: #ac263a;
}
/* Footer ====================================== */
#footer {
display: block;
width: 950px;
height: 25px;
background-color: #3b040c;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
clear: both;
}
#designed-by {
float: right;
display: block;
clear: right;
text-align: right;
font-family: verdana,arial,sans-serif;
font-size: 10px;
color: #94434f;
}
#designed-by a {
color: #9b2839;
text-decoration: none;
}
#designed-by a:hover {
color: #cb0f29;
}
/* Fancybox ==================================== */
div#fancy_overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
display: none;
z-index: 30;
}
* html div#fancy_overlay {
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
div#fancy_wrap {
text-align: left;
}
div#fancy_loading {
position: absolute;
height: 40px;
width: 40px;
cursor: pointer;
display: none;
overflow: hidden;
background: transparent;
z-index: 100;
}
div#fancy_loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background: transparent url('../images/fancy_progress.png') no-repeat;
}
div#fancy_loading_overlay {
position: absolute;
background-color: #FFF;
z-index: 30;
}
div#fancy_loading_icon {
position: absolute;
background: url('../images/fancy_loading.gif') no-repeat;
z-index: 35;
width: 16px;
height: 16px;
}
div#fancy_outer {
position: absolute;
top: 0;
left: 0;
z-index: 90;
padding: 18px 18px 33px 18px;
margin: 0;
overflow: hidden;
background: transparent;
display: none;
}
div#fancy_inner {
position: relative;
width:100%;
height:100%;
border: 1px solid #BBB;
background: #FFF;
}
div#fancy_content {
margin: 0;
z-index: 100;
position: absolute;
}
div#fancy_div {
background: #000;
color: #FFF;
height: 100%;
width: 100%;
z-index: 100;
}
img#fancy_img {
position: absolute;
top: 0;
left: 0;
border:0;
padding: 0;
margin: 0;
z-index: 100;
width: 100%;
height: 100%;
}
div#fancy_close {
position: absolute;
top: -12px;
right: -15px;
height: 30px;
width: 30px;
background: url('../images/fancy_closebox.png') top left no-repeat;
cursor: pointer;
z-index: 181;
display: none;
}
#fancy_frame {
position: relative;
width: 100%;
height: 100%;
display: none;
}
#fancy_ajax {
width: 100%;
height: 100%;
overflow: auto;
}
a#fancy_left, a#fancy_right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
z-index: 111;
display: none;
background-image: url(data:image/gif;base64,AAAA);
outline: none;
}
a#fancy_left {
left: 0px;
}
a#fancy_right {
right: 0px;
}
span.fancy_ico {
position: absolute;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
z-index: 112;
cursor: pointer;
display: block;
}
span#fancy_left_ico {
left: -9999px;
background: transparent url('../images/fancy_left.png') no-repeat;
}
span#fancy_right_ico {
right: -9999px;
background: transparent url('../images/fancy_right.png') no-repeat;
}
a#fancy_left:hover {
visibility: visible;
}
a#fancy_right:hover {
visibility: visible;
}
a#fancy_left:hover span {
left: 20px;
}
a#fancy_right:hover span {
right: 20px;
}
.fancy_bigIframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
div#fancy_bg {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
z-index: 70;
border: 0;
padding: 0;
margin: 0;
}
div.fancy_bg {
position: absolute;
display: block;
z-index: 70;
border: 0;
padding: 0;
margin: 0;
}
div.fancy_bg_n {
top: -18px;
width: 100%;
height: 18px;
background: transparent url('../images/fancy_shadow_n.png') repeat-x;
}
div.fancy_bg_ne {
top: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url('../images/fancy_shadow_ne.png') no-repeat;
}
div.fancy_bg_e {
right: -13px;
height: 100%;
width: 13px;
background: transparent url('../images/fancy_shadow_e.png') repeat-y;
}
div.fancy_bg_se {
bottom: -18px;
right: -13px;
width: 13px;
height: 18px;
background: transparent url('../images/fancy_shadow_se.png') no-repeat;
}
div.fancy_bg_s {
bottom: -18px;
width: 100%;
height: 18px;
background: transparent url('../images/fancy_shadow_s.png') repeat-x;
}
div.fancy_bg_sw {
bottom: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url('../images/fancy_shadow_sw.png') no-repeat;
}
div.fancy_bg_w {
left: -13px;
height: 100%;
width: 13px;
background: transparent url('../images/fancy_shadow_w.png') repeat-y;
}
div.fancy_bg_nw {
top: -18px;
left: -13px;
width: 13px;
height: 18px;
background: transparent url('../images/fancy_shadow_nw.png') no-repeat;
}
div#fancy_title {
position: absolute;
bottom: -34px;
left: 0;
width: 100%;
z-index: 100;
display: none;
}
div#fancy_title div {
color: #FFF;
font: 11px Arial;
padding-bottom: 4px;
}
div#fancy_title table {
margin: 0 auto;
}
div#fancy_title table td {
padding: 0;
vertical-align: middle;
}
td#fancy_title_left {
height: 32px;
width: 15px;
background: transparent url(../images/fancy_title_left.png) repeat-x;
}
td#fancy_title_main {
height: 32px;
background: transparent url(../images/fancy_title_main.png) repeat-x;
}
td#fancy_title_right {
height: 32px;
width: 15px;
background: transparent url(../images/fancy_title_right.png) repeat-x;
}