/* CSS Document */

* {
margin: 0;
padding: 0;
border: 0; 
}

ul, li {
list-style-type: none;
}

a:link, a:visited {
color: #fff;
text-decoration: none;
}

a:hover {
color: #fff;
text-decoration: underline;
}

a:active {
color: #fff;
text-decoration: none;
}

#leftPanel a.more {
color: #fff;
float: right;
font-size: .75em;
padding: 7px 15px 7px 0;
}

#leftPanel h3 a {
text-decoration: none;
}

q {
display: block;
color: #fff;
font-style: italic;
font-size: .8em;
padding: 0 12px 0 12px;
line-height: 150%;
}

body {
font-family: Georgia, 'Times New Roman', 'Trebuchet MS', Arial, sans-serif;
color: #777;
background: #820028;
padding-top: 30px;
}

#wrapper {
width: 970px;
margin: 0 auto;
background: url(imgs/wrapper_bg.gif) transparent no-repeat top left;
padding-top: 14px;
}

/* Site body */

#siteBody {
height: auto!important;
height: 400px;
min-height: 400px;
background: url(imgs/site_body_bg.gif) transparent repeat-y top left;
padding-top: 0;
margin-top: 0;
}

/* Left panel */

#leftPanel {
float: left;
margin: 0 3px 0 14px!important;
margin: 0 3px 0 7px;
width: 233px;
background: url(imgs/left_panel_bg.gif) transparent no-repeat 0 145px;
}

#leftPanel h1 {
text-align: center;
}

#leftPanel h1 a img {

font-size: 0;
}

#leftPanelInnerTop {
clear: both;
width: 215px;
height: auto!important;
height: 261px;
min-height: 261px;
background: url(imgs/left_panel_inner_top_bg.gif) #9B0034 no-repeat top left;
margin-top: 20px;
}

#leftPanelInnerTop img.clientLogo {
float: right;
padding-right: 15px;
}

#leftPanelInnerTop ul li {
font-size: .9em;
padding: 3px 0;
}

#leftPanelInnerBottom {
width: 215px;
height: auto!important;
height: 148px;
min-height: 148px;
padding-top: 70px;
background: url(imgs/left_panel_inner_bottom_bg.gif) #9B0034 no-repeat bottom left;
}

img.exampleEvent {
display: block;
margin: 5px auto;
border: 1px solid #fff;
}

#leftPanel p {
color: #fff;
font-size: .8em;
padding: 5px 10px 0 10px;
line-height: 150%;
}

#leftPanel ul {
display: block;
margin: 0 12px;
padding: 12px 0;
}

/* Content area */

#contentBox {
width: 706px;
float: left;
padding: 0;
}

/* Header */

#siteHeader.tall {
width: 706px;
height: 296px;
background: url(imgs/site_header_tall_bg.jpg) transparent no-repeat top left;
}

#siteHeader.short {
width: 706px;
height: 124px;
background: url(imgs/site_header_short_bg.jpg) transparent no-repeat top left;
}

#siteHeader.rent {
width: 706px;
height: 124px;
background: url(imgs/site_header_rent_bg.jpg) transparent no-repeat top left;
}

#siteHeader ul {
display: block;
margin-left: 20px;
margin-top: 0!important;
margin-bottom: 0;
overflow: hidden;
}

#siteHeader ul li {
display: block;
float: left;
margin: 0 15px 0 0;
}

#siteHeader ul li a {
text-decoration: none;
color: #fff;
line-height: 35px;
}

#headerImgBox {
height: 249px;
overflow: hidden;
margin: -11px 0 0 11px;
position: relative;
}

#headerImgBox div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 249px;
    background-color: #fff;
}

#headerImgBox div.active {
    z-index:10;
    opacity:1.0;
}

#headerImgBox div.last-active {
    z-index:9;
}

#headerImgBox div img {
    height: 249px;
    display: block;
}

#headerImgBox div h2 {
color: #fff;
margin:-40px 0 0 10px;
padding: 0;
}

#headerImgBox div h2 a {
color: #fff; 
text-decoration: none;
}

/* Site content */

h2 {
color: #b0003f;
font-size: 1.5em;
font-weight: normal;
padding: 10px 0 5px 15px;
}

h3 {
color: #fff;
font-size: 1.1em;
font-weight: normal;
padding: 10px 0 5px 12px;
}

#contentBox h3 {
color: #b0003f;
}

h4 {
color: #b0003f;
font-size: .9em;
font-weight: normal;
padding: 10px 0 5px 15px;
}

#contentBox p {
font-size: .75em;
padding: 3px 0 3px 15px;
line-height: 160%;
}

#contentBox ul {
margin: 10px 0 10px 15px;
font-size: .75em;
}

#contentBox ul li {
padding-left: 15px;
background: url(imgs/list_bullet_bg.gif) transparent no-repeat 1px 8px;
line-height: 170%;
}

#contentBox a {
color: #b0003f;
}

#textBox {
width: 470px;
float: left;
margin-right: 20px;
}

#eventDesc {
width: 170px;
float: left;
}

/* Services list */

#services, #imagesBox {
width: 216px;
height: auto!important;
height: 220px;
min-height: 220px;
float: left;
background: url(imgs/services_bg.gif) transparent no-repeat top left;
margin-top: -1px;
}

#imagesBox {
float: right;
text-align: center;
padding-top: 30px;
}

#services ul {
margin-left: 15px;
}

#services ul li {
margin: 5px 0;
padding-left: 15px;
color: #b0003f;
background: url(imgs/list_bullet_bg.gif) transparent no-repeat 1px 10px;
font-size: 1.2em;
}

#imagesBox img {
display: block;
margin: 10px auto 10px auto;
}

/* Footer */

#footer {
clear: both;
height: 25px;
color: #fff;
font-size: .7em;
padding: 20px 15px 0 15px;

background: url(imgs/footer_bg.gif) transparent no-repeat top left;
}

#footer span {
float: left;
}

#footer ul {
float: right;
}

#footer ul li {
display: inline;
margin-left: 5px;
}

#footer ul li a {
margin-right: 5px;
}

/* Clearfix */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
