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

body { font-family:Arial, Helvetica, sans-serif;
margin:0;
background:url(../images/bg.jpg) repeat-x;
scrollbar-3d-light-color: #e9e9e9;
scrollbar-arrow-color:#797878;
scrollbar-base-color:#e9e9e9;
scrollbar-dark-shadow-color:#e9e9e9;
scrollbar-face-color: #e9e9e9;
scrollbar-highlight-color: #797878;
scrollbar-shadow-color: #e9e9e9;}

.clear { clear:both;
height:0;}

img, div { behavior: url(iepngfix.htc) }

/* specific divs */

#container { width:770px;
height:auto;
margin:0 auto 0 auto;}

/* header section, logo and top nav */

#header { margin:10px 0 0 0;}

#header #logo { float:left;
width:100px;
margin:0 0 0 30px;}

#header #top_nav { float:right;
margin:60px 20px 0 0;}

#header #top_nav a { color:#464646;
text-decoration:none;}

#header #top_nav a:hover { color:#ed1c24;
text-decoration:underline;}

#header #top_nav ul { font-size:72%;
color:#464646;
list-style:none;}

#header #top_nav li { display:inline;
border-right: 1px solid #464646;
padding:0 5px 0 5px;}

#line { width:100%;
margin:0px 0 0 0;}

#line img { margin:-26px 0 0 750px;
position:relative;}

#line1 { width:100%;
margin:0px 0 0 0;}

#line1 img { margin:-14px 0 0 750px;
position:relative;}

/* Navigation */

.Accordion { overflow: hidden;
float:left;
width:130px;
margin:0px 0 0 0;}

.Accordion  a { color:#464646;
text-decoration:none;}

.Accordion  a:hover { color:#ed1c24;
text-decoration:underline;}

.Accordion  a:active { color:#ed1c24;
text-decoration:underline;}

.AccordionPanel { margin: 0px;
padding: 0px;}

.AccordionPanelTab { margin: 0px;
padding: 0px 0 5px 0;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
color:#ed1c24;
display:block;
font-size:72%;
font-weight:bold;
}

.AccordionPanelContent { background-color:#fff;
overflow: auto;
margin: 5px 0 5px 10px;
padding:0;
color:#464646;
font-size:72%; }

.AccordionPanelContent ul { list-style:none;
margin:0 0 5px 0;
padding:0;}

.AccordionPanelContent li { margin:5px 0 0 0;}

.AccordionPanelOpen .AccordionPanelTab { background:url(../images/menu_on.jpg) no-repeat;
background-position:bottom;}

.AccordionPanelTabHover { color:#ed1c24;}

.AccordionPanelOpen .AccordionPanelTabHover { color:#ed1c24;}

.AccordionFocused .AccordionPanelTab { background-color: #fff;}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab { background-color: #fff;}

/* New Show/Hide Navigation */

#side_menu { overflow: hidden;
float:left;
width:130px;
margin:0px 0 0 0;}

.side_content  a { color:#464646;
text-decoration:none;}

.side_content  a:hover { color:#ed1c24;
text-decoration:underline;}

.side_content  a:active { color:#ed1c24;
text-decoration:underline;}

.tab  a { color:#464646;
text-decoration:none;}

.tab a:hover { color:#ed1c24;
text-decoration:none;}

.tab  a:active { color:#ed1c24;
text-decoration:none;}

.tab { margin: 0px;
padding: 0px 0 5px 0;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
color:#ed1c24;
display:block;
font-size:72%;
font-weight:bold;
text-decoration:none;}

.side_content { background-color:#fff;
overflow: auto;
padding: 5px 0 5px 10px;
padding:0;
color:#464646;
font-size:72%; }

#side_menu ul { list-style:none;
margin:10px 0 5px 10px;
padding:0;}

#side_menu li { margin:5px 0 0 0;}




/* main content area, middle and right */

#main_content { width:100%;
margin:40px 0 0 0;}


/* middle section home page */

#main_content #middle { float:left;
margin:-20px 0 0 20px;
width:610px;
color:#797878;}

#main_content #middle #middle_left { float:left;
margin:0px 0 0 0px;
width:410px;
padding:0;
_margin:20px 0 0 0;}

#main_content #middle #middle_left .one { width:205px;
float:left;
margin:0;
padding:0;}

#main_content #middle #middle_left .one a { color:#ed1c24;
font-weight:underline;}

#main_content #middle #middle_left .one a:hover { color:#797878;
font-weight:underline;}

#main_content #middle #middle_left .two { width:205px;
float:left;
margin:0;
padding:0;}

#main_content #middle #middle_left .two a { color:#ed1c24;
font-weight:underline;}

#main_content #middle #middle_left .two a:hover { color:#797878;
font-weight:underline;}

#main_content #middle #middle_left .wel_top { background:url(../images/sm_top.jpg) no-repeat top left;
margin:10px 0 -7px 20px;}

#main_content #middle #middle_left .wel_bot { background:url(../images/sm_bot.jpg) no-repeat bottom left;
margin:-5px 0 0 20px;} 

#main_content #middle #middle_left #welcome { 
margin:0px 0 0 20px;
border-left:1px solid #d5d5d5;
border-right:1px solid #d5d5d5;}

#main_content #middle #middle_left #welcome a { color:#797878;
font-weight:bold;
text-decoration:none;}

#main_content #middle #middle_left #welcome a:hover { text-decoration:underline;}

#main_content #middle #middle_left #welcome p { font-size:72%;
color:#797878;
margin:10px 10px 0 10px;}

#main_content #middle #welcome h1 { font-size:80%;
color:#797878;
font-weight:bold;
margin:0px 10px 0 10px;
padding:0;}

#main_content #middle #bottom h1 { font-size:80%;
color:#797878;
font-weight:bold;
margin:0px 10px 0 0px;
padding:0;}

.cafe { color:#ed1c24;}

/* middle section cafe page */

#middle #middle_left #pinboard { background:url(../images/pinboard.jpg) no-repeat;
width:410px;
height:334px;
margin:17px 0 20px 15px;
padding:0;
_margin:17px 0 20px 0;}

#middle #middle_left #pinboard #one { width:148px;
padding:21px 0 0 19px;
margin:0;
float:left; }

#middle #middle_left #pinboard #one img { width:148px;
padding:0;
margin:0;}

#middle #middle_left #pinboard #one p { margin:0;
padding:3px 3px 3px 30px;
color:#ed1c24;
font-weight:bold;
font-size:70%;}

#middle #middle_left #pinboard #two { margin:0;
padding:30px 0 0 17px;
float:left;}

#middle #middle_left #pinboard #two img { width:192px;
height:78px;}

#middle #middle_left #pinboard #three { margin:0;
padding:20px 20px 0 40px;
width:165px;
float:left;
_padding:30px 20px 0 40px;}

#middle #middle_left #pinboard #three p { margin:5px 5px 0 5px;
padding:0px;
font-size:74%;}

#middle #middle_left #pinboard #four { float:right;
margin:0;
padding:0;}

#middle #middle_left #pinboard #four img { margin:-23px 37px 0 0;
padding:0;
width:147;
height:166px;}

.heading { font-weight:bold;
color:#ed1c24;
font-size:74%;}

#middle #middle_left #pinboard #note { position:absolute;
margin:-60px 0 0 155px;
padding:0;
.margin:-60px 0 0 -70px;
_margin:-190px 0 0 118px;
_position:relative;}

/* middle section internal */

#main_content #middle #middle_left1 { float:left;
margin:0px 0 0 0px;
width:600px;
_margin:20px 0 0 0px; }

#main_content #middle #middle_left1 .wel_top { background:url(../images/top1.jpg) no-repeat top left;
margin:10px 0 -7px 18px;}

#main_content #middle #middle_left1 .wel_bot { background:url(../images/bot1.jpg) no-repeat bottom left;
margin:-5px 0 0 18px;} 

.new { margin-top:10px;}
 
.new-bottom { background:url(../images/new-box-bottom.jpg) no-repeat bottom left;
margin:-3px 0 0 20px;
width:390px;
height:11px;} 

.new-top { background:url(../images/new-box-top.jpg) no-repeat top left;
margin:10px 0 0px 20px;
width:390px;
height:11px;}

#main_content #middle #middle_left1 #welcome { 
margin:0px 2px 0 18px;
border-left:1px solid #d5d5d5;
border-right:1px solid #d5d5d5;}

#main_content #middle #middle_left1 #welcome a { color:#797878;
text-decoration:none;
font-weight:bold;}

#main_content #middle #middle_left1 #welcome a:hover { color:#797878;
text-decoration:underline;
font-weight:bold;}

#main_content #middle #middle_left1 #welcome p { font-size:72%;
color:#797878;
margin:10px 10px 0 10px;}

.img { float:right;
margin:-40px -3px 0 0;
padding:0;}

.bimg { float:right;
margin:-60px 0px 0 0;}

#main_content #middle #middle_left1 #welcome h1 { font-size:80%;
color:#797878;
font-weight:bold;
margin:0px 10px 0 10px;
padding:0;}


/* right section */

#main_content #middle #right { margin:15px 0 0 10px;
float:left;
width:180px;
background:url(../images/grey_top.jpg) no-repeat top left #e9e9e9;}

#main_content #middle #right h2 { background:url(../images/jan.jpg) no-repeat;
padding:0 0 0 13px;
margin:15px 0 10px 0;
font-size:70%;
color:#ed1c24;
font-weight:bold;
border:1px solid #e9e9e9;}

#main_content #middle #right p { font-size:72%;
color:#797878;
margin:0 20px 0px 17px;}

#main_content #middle #right p a { color:#797878;
text-decoration:none;}

#main_content #middle #right p a:hover { color:#797878;
text-decoration:underline;}

.right_img { width:169px;
height:139px;}

.calendar { margin:0 0 0 5px;}

#main_content #middle #right .date { font-weight:bold;
padding:10px 0 0 0;}

#main_content #middle #right .time { font-style:italic;}

#main_content #middle #right .case { background:url(../images/grey_bot.jpg) no-repeat bottom left;
padding:0 0 20px 0;
margin:0;
width:190px;
_width:180px;}

#main_content #middle #right .title { font-weight:bold;}

#main_content #middle #right a { color:#ed1c24;
text-decoration:underline;}

#main_content #middle #right .case img { float:right;
margin:0 30px 0 5px;}

#main_content #middle #right h3 { background:url(../images/case.jpg) no-repeat;
padding:10px 0 10px 0;
font-size:80%;
margin:20px 20px 10px 0;
color:#797878;
font-weight:bold;
border-top:1px solid #e9e9e9; }

#main_content #middle #right h3 span { display:none;}

/* right column within the cafe page */

#main_content #middle #right1 { margin:32px 0 0 10px;
float:left;
width:180px;
background:url(../images/grey_top.jpg) no-repeat top left #e9e9e9;
_margin:25px 0 0 10px;}

/*#main_content #middle #right1 h2 { background:url(../images/recent.jpg) no-repeat;
padding:10px 0 10px 0;
margin:15px 0 0px 0;
font-size:80%;
color:#797878;
font-weight:bold;
border:1px solid #e9e9e9;}

#main_content #middle #right1 h2 span { display:none;}*/

.scroll { height:130px;
overflow:auto;
margin:0;
padding:0;
width:180px;
_height:160px;}

.scrolla { height:125px;
overflow:auto;
margin:0;
padding:0;
width:180px;
.width:184px;}

.expresso { margin:0 0 0 15px;}

#main_content #middle #right1 h2 { background:url(../images/jan1.jpg) no-repeat;
padding:0 0 0 13px;
margin:15px 0 10px 0;
font-size:70%;
color:#ed1c24;
font-weight:bold;
border:1px solid #e9e9e9;}

#main_content #middle #right1 p { font-size:72%;
color:#797878;
margin:0 10px 0px 17px;}

#main_content #middle #right1 a { color:#797878;
text-decoration:none;}

#main_content #middle #right1 a:hover { color:#797878;
text-decoration:underline;}

#main_content #middle #right1 h3 { background:url(../images/jan1.jpg) no-repeat;
padding:0 0 0 13px;
font-size:70%;
margin:12px 0 10px 0;
color:#797878;
font-weight:bold;
border-top:1px solid #e9e9e9; }

#main_content #middle #right1 h3 span { display:none;}

#main_content #middle #right1 .title { font-weight:bold;}

#main_content #middle #right1 .time { font-style:italic;}

#main_content #middle #right1 .case { background:url(../images/grey_bot.jpg) no-repeat bottom left;
padding:0 0 20px 0;
margin:0;
width:180px;
_width:180px;}

/* bottom content - still within middle */

#main_content #middle #bottom { background:url(../images/line.jpg) no-repeat top left;
margin:10px 0 10px 20px;}

#main_content #middle #bottom p { font-size:72%;
color:#797878;
line-height:20px;}

#main_content #middle #bottom ul { font-size:72%;
color:#797878;
line-height:20px;}

.bottom_left { float:left;
width:70px;
margin:30px 10px 0 0;}

.bottom_right { float:left;
width:500px;
margin:0;
padding:0;}

.bottom_right a { color:#797878;
text-decoration:none;}

.bottom_right a:hover { color:#797878;
text-decoration:underline;}

#main_content #middle #bottom h1 { font-size:90%;
color:#797878;
font-weight:bold;
padding:20px 0 0 0;}

#main_content #middle #bottom h2 { font-size:78%;
color:#797878;
font-weight:bold;
padding:20px 0 0 0;}

#main_content #middle #bottom h3 { font-size:72%;
color:#797878;
font-weight:bold;
text-decoration:underline;
padding:10px 0 0 0;}

#main_content #middle #bottom a { color:#f4352b;
text-decoration:underline;}

#main_content #middle #bottom a:hover { color:#797878;
text-decoration:underline;}

/* internal with no image */

#main_content #middle #bottom1 { margin:0px 0 10px 20px;
_margin:10px 0 10px 20px;
padding:0;}

#main_content #middle #bottom1 p { font-size:72%;}

#main_content #middle #bottom1 h1 { font-size:90%;
color:#797878;
font-weight:bold;
padding:11px 0 0 0;
margin:0;}

#main_content #middle #bottom1 h2 { font-size:78%;
color:#797878;
font-weight:bold;
padding:0;
margin:0;}

#main_content #middle #bottom1 h3 { font-size:72%;
color:#797878;
font-weight:bold;
text-decoration:underline;
padding:10px 0 0 0;}

#main_content #middle #bottom1 ul { color:#797878;
font-size:72%;}

#main_content #middle #bottom1 li { padding:0 0 5px 0;}

#main_content #middle #bottom1 a { color:#f4352b;
text-decoration:underline;}

#main_content #middle #bottom1 a:hover { color:#797878;
text-decoration:underline;}

.sub { margin:0 0 0 50px;}

/* contact page */

#contact_left { width:240px;
float:left;
margin:0;
padding:0;
color:#797878;}

#contact_right { width:320px;
float:left;
margin:13px 0 0 0;
padding:0;}

p.errors  { color:#ed1b24; margin-top:0; margin-bottom:0}

#contact_right form { }

#contact_right form label { color:#797878;
font-size:72%;
float:left;
margin:0 0 5px 0;}

.norm { width:160px;}

.long { width:295px;}

#contact_right form input { font-size:72%;
float:left;
border:1px solid #464646;
background-color:#fff;
color:#464646;
margin:0 0 5px 0;}

.text_box { width:150px;}

.tick_box { width:20px;}

#contact_right form select { font-size:72%;
float:left;
width:150px;
border:1px solid #464646;
background-color:#fff;
color:#464646;
margin:0 0 5px 0;}

#contact_right form textarea { font-size:82%;
float:left;
width:150px;
height:100px;
border:1px solid #464646;
background-color:#fff;
color:#464646;
margin:0 0 5px 0;}

.btn { background:url(../images/btn.jpg) repeat-x;
width:150px;}

/* footer section */

#footer { width:100%;
padding:0;
margin:0;
}

/* trees within footer section */

#trees { width:100%;
background:url(../images/line_bot.jpg) repeat-x;}

#trees img { margin:-80px 0 0 0;
position:relative;}

#footer ul { font-size:72%;
text-align:right;
list-style:none;
margin:10px 0 10px 0;
padding:0;
color:#464646;}

#footer li { display:inline;
border-right: 1px solid #464646;
padding:0 5px 0 5px;}

#footer a { color:#464646;
text-decoration:none;}

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

/* CMS Section */

#cms .date { float:left;
width:100px;
margin:10px 0 0 0;
padding:0;
color:#e3001c;
font-size:72%;
font-weight:bold;}

#cms .title { 
margin:10px 0 10px 0;
padding:0;
font-size:72%;
color:#e3001c;
font-weight:bold;
width:100%;}

#cms p { color:#464646;
font-size:72%;
margin:10px 0 0 0;
padding:0;
width:100%;}

#cms blockquote { color:#464646;
font-size:72%;}

#cms ul { color:#464646;
font-size:72%;}

#lightbox-images { margin:10px 0;
padding:0;}

#lightbox-images img { width:60px;
height:50px;
overflow:hidden;}

/* cafe life bottom */

#main_content #bottom2 { margin:0 0 10px 15px;
padding:0;
_margin:0 0 10px 0;}

#main_content #bottom2 p { font-size:72%;
color:#797878;}

#main_content #bottom2 a { color:#ed1c24;
text-decoration:none;}

#main_content #bottom2 a:hover { color:#797878;
text-decoration:underline;}

/* events page archive */

#event { margin:10px 0 0 0;
border-bottom:1px solid #dfdfdf;}

/* paging */


a.pageslink { padding: 0 5px;
border: 1px solid #8d8d8d;
margin-left: 3px;
font-weight: normal;
text-decoration:none;}

a.pageslink:hover { color: #fff;
background-color: #f3c9cb;
text-decoration:none;}

/* events images */

.images { width:150px; 
float:right;
margin:0 0 10px 0;}

.images img { padding:2px;
border:1px solid #dcdcdc;}


ul.bottom-details { list-style:none;
margin:0;
padding:10px 0;}

ul.bottom-details li { display:inline;}

ul.bottom-details li.pdf { background:url(/assets/images/pdf.jpg) no-repeat 0 50%;
padding:5px 5px 5px 20px;}

ul.bottom-details li.web { background:url(/assets/images/info.jpg) no-repeat 0 50%;
padding:5px 5px 5px 20px;}