/********** global **********/

body { width:100%; background:#690b1e; font-family: arial, sans-serif; font-size:13px; color: #575757; line-height:1.6em; }
a { text-decoration:none; color:#a10000; outline:none; }
a:hover { text-decoration:underline; }

h1 { font-size: 36px; font-weight: 500; color:#000; margin:0; padding-bottom: 14px; text-transform: uppercase; letter-spacing: 1px; line-height: 32px; text-shadow: 0px 1px 0px #999; }
h2 { font: bold 18px 'Arial Narrow', Helvetica, sans-serif; color:#490000; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; padding-bottom: 6px; }
h3 { color: #494949; font-size: 22px; }
strong, b { font-weight: bold;}
p { margin-bottom: 8px;}
.center { text-align: center; }

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .clearfix {height: 1%;}
*:first-child+html .clearfix {min-height: 1px;}
.clear {clear:both;}


/* main */

.wrapper { padding:0; margin:0 auto; }
.blog-lister { margin-bottom: 14px; }
.blog-lister span { font-size: 90%; color: #5a0000; }
.blogitem { margin-bottom: 8px; }
.blogitem a { font-weight: bold; color: #5a0000; }
.blogitem span { font-size: 90%; }

/********** header **********/

div.block-header { margin:0; padding:0; height:98px; background:#000; border-bottom: 4px solid #5f0c06; }
div.header { width:960px; height:114px !important; margin:0 auto; padding:0; }

.logo { width:500px; height:120px; float:left; background:url('graphics/rra_logo_car.png') no-repeat top left; margin-left:-55px; }
.logolink { margin: 56px 0 0 120px; }

.menu { padding:0; margin:0 auto; width:440px; height:104px; float:right; }
.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right; }
.menu ul li { float:left; margin:0; padding:0; }
.menu ul li a { float:left; padding: 0px 0 29px 15px; color:#a9a8a8; font-size: 115%; text-transform:uppercase;text-decoration:none; margin-right:2px; }
.menu ul li a:hover { color: #a10000; }
.menu ul li a.current { color: #666; }


/*NEW STYLES*/

.wf-loading h2 { font-family: "ronnia-condensed-1","ronnia-condensed-2"; visibility: hidden; }
.wf-active h2.coltitle { font-family: "ronnia-condensed-1","ronnia-condensed-2",sans-serif; font-size: 24px; visibility: visible; color: #490000 !important; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; line-height: 20px; border-bottom: 3px solid #ccc; margin-bottom: 12px; padding-bottom: 6px; }

.coltitle { border-bottom: 3px solid #ccc; margin-bottom: 12px; line-height: 20px; }
.coltitle span { font-size: 18px; color: #666 !important; }

.wf-loading headline { font-family: "ronnia-condensed-1","ronnia-condensed-2"; visibility: hidden; }
.headline { clear:both; font-size: 32px; line-height: 34px; font-weight: 200; letter-spacing: 2px; color: #666; padding: 32px 0 18px 0; }
.wf-active .headline { font-size: 38px; line-height: 42px; }

.contentbg { background: #fff url('graphics/topgradient.jpg') top center repeat-x; }

.contactinfo { height: 30px; padding-top: 4px; text-align: right; font-family: arial, sans-serif; font-size:13px; }
.contactinfo span { color: #fff; }

.hmcol { width: 330px; float: left; display: block; padding: 5px 0; margin: 0 40px 0 0; }
.hmcollast { width: 220px; float: left; display: block; padding: 5px 0; margin: 0; }
.body .hmcollast img { margin: 0 0 4px 0; }

/*slideshow // home*/

.redbar-main { margin:0; padding:0; background:#5f0c06 url('graphics/redBG-main2.jpg') no-repeat top center; height:406px; border-bottom: 7px solid #dedede; text-align: center;}
.slideshowwrapper { clear:both; width:960px; margin:0 auto; }
#slideshow { width:960px; margin:0 auto; position:relative; z-index:999; }
.slides { width:954px; height: 456px; outline:0; border: 3px solid #666; }
.slideshowbottom { width:960px; height: 133px; background:url('graphics/banner_bg.png') no-repeat bottom; margin-top: -90px; position:relative; z-index: 1; }
.slidepad { clear:both; margin-top: 14px; }
.homecontent { font-size: 110%; }

/* search */

.search { padding:0 0 20px 0; margin:0; width:320px;}
.search form { display:block; float:left; padding:0;}
.search span { display:block; float:left; background: url(graphics/search_bg.gif) left top no-repeat; width:225px; padding:0 5px 0 0; height:33px;}
.search form .searchBoxInput { line-height:14px; height:17px; float:left; background: url(graphics/search_bg.gif) left top no-repeat; border:0;  padding:8px 5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#6c6c6c;}
.search form .button { float:left; margin:0; padding:0;}


/********** body **********/

.bodywrapper { margin:0; padding:0 0 24px 0; background: #fff; }
.body { width:960px; margin:0 auto; padding:10px 10px; }
.body img { float:left; padding:0; margin:10px 5px;}
.body img.portf { margin:5px auto; padding:0;}
.body img.floated { float:right; padding:0; margin:10px 5px;}

.left { width:590px; float:left; display: block; padding:5px 0; margin: 0 60px 0 0; }
.right { width:260px; float:left; display: block; padding:5px 10px; margin: 0; }
.interior { margin-top:20px; }


.news { padding-top:30px;}
h1.tk-le-havre { text-shadow: 2px 2px 4px black; color: #fff !important; padding-top: 10px; }
h2.tk-le-havre { font-size: 24px; color: #490000 !important; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; }
.right h2, .graybar h2 { font-size: 20px; text-transform: uppercase; letter-spacing: 1px; }
.left h2 { text-transform: none; color: #575757; margin-bottom: 12px; }

.contactinfo { margin-bottom:24px; line-height:160%; }

.quotewrapper { display: block; width: 550px; }
.client { width: 150px; float: left; line-height: 105%; margin: 20px 20px 0 0; }
.client img { margin: 0; padding: 0 0 12px 0; }
.quote { width: 320px; min-height: 70px; background: #fff; padding: 10px 20px; border: #EDEDED 5px solid; margin: 14px 0 14px 0px; float:left; line-height: 130%; position: relative; }
.quote-arrow { border-color: transparent #EDEDED transparent transparent; border-style: solid; border-width: 14px; height:0; width:0; position:absolute; top:20px; left:-32px; }

/********** graybar **********/

.graybarwrapper { background:#f5f5f5; border-top:1px solid #e6e6e6; margin:0; padding:0; height:220px;}
.graybar { width:930px; margin:0 auto; padding:10px 10px;}

/*sect-title*/

.sectwrapper { margin:0; padding:0; background:#5f0c06 url('graphics/redBG-interior2.jpg') no-repeat top center; height:130px; border-bottom: 7px solid #dedede; }
.sect { width:930px; margin:0 auto; padding-top:10px; color:#e0e0e0;text-align:left; }
.title { float:left; width:250px; text-align:left; margin-top:24px; }

.sect-pullquote { float:right; width:650px; margin-top: 10px; }
.four { padding-top: 8px; }

/************* footer **********/

#footerwrapper { width: 100%; border-top: 4px solid #666; }
.footer { width:960px; height:143px; margin:0 auto; padding:12px 0; }
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; line-height: 18px; color:#ccc;}
.footer a { color:#ccc; text-decoration:none; padding:0; margin:0;}
.footer a:hover { color: #fff; }
.footer p.right { float: left; width: 300px; margin: 0 0 0 0; padding: 0; }
.footer p.left { text-align:left; width:650px; margin: 0 0 0 0; padding:0; float:left;}
.footer .right a { font-size: 130%; }

/********** contact form **********/

fieldset { margin: 0px; padding: 0px; border: none; display: block; }
ul.form-list { margin: 0; padding: 0; float: left; }
ul.form-list li { margin: 0 0 5px; list-style: none; display: block; clear: left; }
ul.form-list label { font-weight: bold; width: 280px; text-align: left; }
ul.form-list .input-box { float: left; width: 280px; margin-bottom: 8px; }
ul.form-list input[type='text'], .form-list textarea { padding: 4px; width: 280px; border: 1px solid #969696; }
ul.form-list select { width: 256px; }
ul.form-list li.add-row { border-top: 1px solid #ddd; margin-top: 10px; }
ul.form-list li.add-row .btn-remove { font-size: 0; line-height: 0; padding: 5px 5px 0 0; text-align: right; }
ul.form-list .range input.input-text { width: 96px; }
.input-box { padding: 0 0 5px 0; text-align: left; }
.buttons-set { clear: both; margin: 5px 0 0; padding: 5px; }
.buttons-set button { margin-left: 0; }
.required { color: #e12e2e; }
p.required { font-size: 11px; text-align: right; }
button { margin-left: 0px; background: #b60000; border: 1px solid #000; color: #fff; padding: 6px 12px; text-align: center; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-bottom-radius: 5px; }


/********** lister table **********/

.lister ul { margin-right: 0; }
.image-grid { margin: 0; padding: 0; width: 580px; }
.image-grid:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; }
.image-grid li { width: 181px; margin: 20px 12px 0 0; float: left; text-align: center; line-height: 17px; color: #686f74; height: 160px; }
.image-grid li img { border: 1px solid #ccc; padding: 2px; display: block; }
.image-grid li strong { color: #000; display: block; }
/* #filter { text-align: center; background: #e7e7e7; border: 1px solid #ccc; padding: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-bottom-radius: 3px; } */

ul#filter { float: left; font-size: 16px; list-style: none; margin-bottom: 14px; width: 100%; }
ul#filter li { border-right: 1px solid #dedede; float: left; line-height: 16px; margin-right: 10px; padding-right: 10px; }
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 580px; }
ul#portfolio li { width: 181px; margin: 20px 12px 0 0; float: left; text-align: center; line-height: 17px; color: #686f74; height: 160px; }
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; padding: 2px; }
ul#portfolio li strong { color: #000; display: block; }
ul#portfolio li span { font-size: 80%; text-transform: uppercase; }

.hidden { visibility: hidden; display: none; }
.hide { visibility: hidden; display: none; }

ul.twocolumn { float: left; width: 400px; margin-bottom: 20px; padding: 0; }
.twocolumn li { float: left; width: 175px; margin-left: 14px; padding: 0; list-style: square; } 

/********** blog **********/
.blogArchiveMonth { padding-left:10px; }
.blogArchiveYear { font-weight: bold; }
.blogDate { padding:5px 0px; font-weight: bold; background-color: #eeeeee; }
.blogDividerComments { height: 1px; background-color:#cccccc; }
.blogDividerTop { height: 1px; background-color:#cccccc; }
.blogEntry { padding-top: 5px; }
.blogEntryFooter { padding-bottom: 10px; }
.blogFooter { height: 1px; background-color:#cccccc; }
.blogPosted { padding-bottom: 5px; padding-top: 5px; color: #000066; }
.blogTitle { color: #000066; font-weight: bold; padding-top: 10px; }


/********** TABS **********/
ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 20px; width: 100%; }
ul.tabs li { float: left; margin: 1px; padding: 1px; height: 24px; line-height: 22px; margin-bottom: -1px; background: #333333; overflow: hidden; position: relative; }
ul.tabs li a:link { text-decoration: none; color: #666; display: block; font-size: 1em; padding: 0 13px; outline: none; text-transform: uppercase; }
ul.tabs li a:hover { color: #ff0000; }
ul.tabs li.active a { color: #fff !important; }	
ul.tabs li.active, ul.tabs li.active a:hover { background: #505050; }
.tab_container { clear: both; float: left; width: 100%; }
.tab_content { padding: 20px 20px 14px 20px; color: #666; }

/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */

/* ModuleBegin::documents */
.documentsListWrapper { }
.documentsListWrapper table { border: 1px solid #ccc; padding: 3px; }
.documentsRowOdd { }
.documentsRowEven { background: #eee; }
.documentsListWrapper th { padding: 3px 10px; border-bottom: 1px solid #ccc; }
.documentsListWrapper td { padding: 3px 10px; }
.documentsName { }
.documentsDate { }
.documentsSize { }
/* ModuleEnd::documents */

/* ModuleBegin::events */
/* ---------------
Events Lister
----------------- */
.eventsListerWrapper { }
.eventDateHeading { color: #000; border-top: 1px solid #ccc; padding-top: 10px; }
.eventsListerWrapper h2 { margin-bottom: 0; }
.eventDate { }
.eventTime { }
.eventBlurb { }

/* ---------------
Events Detail
----------------- */
.eventsDetailWrapper { }
.eventDate, .eventsDetailWrapper .eventTime, .eventsDetailWrapper .eventLocationMap, .eventsDetailWrapper .eventLocationAddress,
  .eventsDetailWrapper .eventLocationDriving, .eventsDetailWrapper .eventContact, .eventsDetailWrapper .eventPhone,
  .eventsDetailWrapper .eventEmail, .eventsDetailWrapper .eventRSVP, .eventsDetailWrapper .eventTicket,
  .eventsDetailWrapper .eventTicket1, .eventsDetailWrapper .eventTicket2 ,.eventsDetailWrapper .eventTicket3,
  .eventsDetailWrapper .eventTicket4, .eventsDetailWrapper .eventTicket5, .eventsDetailWrapper .eventTicket6 { display: block; }
.eventLocation, .eventRSVP, .eventTicketWrapper{ padding: 5px 0px; }
.eventDate {  }
.eventTime {  }
.eventLocation { }
.eventLocationMap {  }
.eventLocationAddress {  }
.eventLocationDriving {  } 
.eventContact {  }
.eventPhone {  }
.eventEmail {  }
.eventRSVP {  }
.eventTicketWrapper { }
.eventTicket {  }
.eventBody { }

/* ----------------------
Events Small Calendar
------------------------ */
.calendarSmallWrapper { font-size: 12px; background: transparent; }
.cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto; background: transparent; }
.calPrev { position: absolute; top: 4px; left: 15px; }
.calNext { position: absolute; top: 4px; right: 15px; }
.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
.calPrev a, .calNext a, .calMonth a { text-decoration: none; }
.calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; }
.calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; }
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; text-decoration: underline; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #000; color: white; font-weight: bold; }
.calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; }
.calBottom { text-align: left; padding-left: 20px; }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a {  }

/* ----------------------
Events Month at a Glance
------------------------ */
#calendarDetail { background: #fff url('graphics/events/atglance_bottom.jpg') no-repeat bottom; padding-bottom: 30px; width: 547px; }
#calendarDetail table { background: #999; width: 100%; table-layout: fixed; }
#calendarDetail .calendarMonths { background: #e8e8e8 url('graphics/events/atglance_top.jpg') no-repeat; text-align: center; vertical-align: middle; padding-top: 3px; padding-left: 12px; border-left:1px solid #fff; border-right:2px solid #fff; width:100%; }
#calendarDetail a { text-decoration: none; }
#calendarDetail a:hover { text-decoration: underline; }
#calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; color: ##1e7dc1; }
#calendarDetail .calendarMonths a:hover { color: #1e7dc1; }
#calendarDetail .calendarDays { /* border-collapse: collapse; */ table-layout: fixed; background: #fff; width:100%; }
#calendarDetail .calendarDays td { background:#eee; }
#calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #333333; padding: 10px 0px 10px 0px; background: #bbb; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #bbb; }
#calendarDetail .title a { font-size: x-small; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { font-size: small; }
#calendarDetail .calendarDays td { text-align: center; font-size: x-small; line-height:  1.1em; }
#calendarDetail .calendarDays .weekdays { height: 30px; background-color: #ccc; }
#calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eee; }
#calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #fdf9ea; padding-left: 5px; }
#calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }
#calendarDetail .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }

/* ---------------
Events Box
----------------- */
.eventsBoxWrapper { }
.eventsBoxWrapper .itemList { padding-bottom: 10px; }
.eventsBoxWrapper .eventDate { color: #777; }
/* ModuleEnd::events */



/* ModuleBegin::registration */
.registration .item{border-bottom:2px solid gray;padding:5px;}
.registration .number{font-weight:bold;font-size:15pt;float:left;width:40px;}
.registration .title{font-weight:bold;font-size:15pt;padding-bottom:5px;}
.registration table{padding-left:40px;}
.registration .label{font-weight:bold;}
.registration .text{font-size:10pt;vertical-align:bottom;}
.registration .desc{padding:0px 0px 5px 40px;}
.registration .dateLabel{padding-left:40px;float:left;font-size:9pt;}
.registration .date{padding-left:10px;float:left;font-weight:bold;font-size:9pt;}
/* ModuleEnd::registration */

/* ModuleBegin::newsfeed */
.newsfeedListWrapper { }
.newsfeedNumber { }
.newsfeedTitle { }
.newsfeedSource { }
.newsfeedDetailWrapper { }
.newsfeedDetailWrapper .newsItem {border-bottom:1px solid #ccc; margin-bottom:10px;padding-bottom:10px;}
.newsfeedDetailWrapper .newsItem img {margin:0 10px 0 0;}
.newsfeedDetailWrapper .newsItem span {display:block;}
.newsfeedDetailWrapper .newsItem .newsListHeadline {font-size:120%;}
.newsfeedDetailWrapper .newsItem .newsListPublishline {font-size:90%;}
/* ModuleEnd::newsfeed */