/************* HTML/BODY************/
html,body{
    height:100%!important;
    margin:0 auto!important;
    background-color:#fff!important;
    /* min-width: 1024px!important; IZ COMMENTED OUT DUE TO MAKING CKEDITOR BOXES HUGE*/
    max-width:100%!important;
    font-size:15px!important;
    line-height:23px!important;
    font-family: 'Open Sans', sans-serif!important;
    color: #1d1d1d!important;
    font-weight:normal!important;
}



/************* COMMON *************/
div#mainnavbar {
  margin-right: 16px;
}
sup { font-size: 0.875em; }
a { text-decoration: none; color: #4F718A;}
a:hover { text-decoration: none; }
.clearfix { *zoom: 1; }
.clearfix:after { content: " ";	display: block;	clear: both; visibility: hidden; font-size: 0; height: 0; }
.clear{ width:100%;clear:both; display:block; }
.clear-both { clear: both; }
.clear_block{width:100%; clear:both; display:block; }
.clr-both {  clear: both; }
.flt-left {  float: left; }         .flt-right {  float: right; }
.txt-left {  text-align: left; }    .txt-right {  text-align: right; }
.fl_left{float: left}
.fl_right{float: right}
.clr{clear: both;}
.no-trans {  text-transform: none; }
.center {  text-align: center; }
.clr {clear: both; }
.clr_b {  clear: both;  }
.clr_both {  clear: both;  }
.clr_l {  clear: left;  }
.clr_r {  clear: right; }
.float-right {  float: right; }
.float_right {  float: right; }
.float-left {  float: left; }
.float_left {  float: left; }
.txt_center {  text-align: center; }
.b{font-weight: bold}
.c{text-align: center;}
.text-replace { display: none; }
.bold { font-weight: bold; font-size: 12px; }

/****************** IMAGE **************/

img a {  border: none; margin:0px; padding:0px; }
img { border:none; margin:0px; padding:0px; }
a img {border: none;}

/**************** COLOURS ******************/

.cottars-nav-brown { color:#1F110C; }
.cottars-nav-border { color:#47251B; }
.cottars-nav-text { color:#EDE4CF; }
.font-brown     { color:#221006; }
.font-cream     { color:#F5E5D3; }
.back-contact       { color:#4B382D; }
.back-contact-box   { color:#F6F0E6; }
.back-fade-colour   { color:#2B160A; }
.back-main          { color:#FCFAF4; }
.back-recipes       { color:#DED5C4; }
.recipes-border     { color:#1D1307; }
.sloe-gin     { color: #553542; }
.damson       { color: #4C4D61; }
.wild-s       { color: #AD0C2E; }



/*********BREADCRUMB***********/

#breadcrumbs {  float:left; padding:0px; margin:0px; margin-bottom:10px; color:#8098AC; font-size:9px; }
#breadcrumbs a:link, #breadcrumbs a:visited{color:#8098AC; }
#breadcrumbs a:hover{color:#567396; }
#print-box {  display:none;  }


/************* LAYOUT, COLUMNS & BLOCKS ***************/

#content-wrapper {   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);  max-width: 1140px;    position: relative;    margin: 0 auto;    width:100%; }
#content-back {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); }

/******** Default Columns With Right Widgets************/
#columns { float: left; width: 66%;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); }
#columns ul { padding-left:10px;  }
#columns ul ul { padding-top:20px;  }
#columns ul li { background: url(../images/bullet.png) no-repeat left top;
    list-style: none;
    margin-left: 0;
    padding: 1px 0 13px 29px;
	 }

#inner-content  {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);     top: 0px;    position: relative;  padding: 117px 0 0 0;}

.col_fullwidth  { width: 940px; margin: 10px 20px 0px 0px; float: left; text-align:left; padding:0px; }
.col_main       { width: 450px; margin: 10px 20px 0px 0px; float: left; text-align:left; padding:0px; }
/* Medium will not be use in layout wiht widget */ 
.col_medium     { width: 250px; margin: 10px 20px 0px 0px; float: left; text-align:left; padding:0px;}
.col_small      { width: 200px; margin: 10px 20px 0px 0px; float: left; text-align:left; padding:0px;}


.col_25 { 
    width: 22%; /* was 23 */
    margin: 10px 1% 0px;
    float: left;
    text-align:left;
    padding:0px;
    box-shadow: inset 5px 5px 5px 0 rgba(0,0,0,0.1);
    border: solid 1px #a7a7a7;
    border-radius: 10px;
      -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);
}
.col_25 h2 {padding-left:22px;}
.col_widget {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); float: left;  width: 67%;  padding: 0px;  }
.col_contact {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); float: left;  width: 100%;  padding: 0px;  }
.col_100 {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); float: left;  width: 100%;  padding: 20px;  }
.col_66 { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); float: left;  width: 66%;  padding: 20px; }
.col_50 { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);float: left;  width: 50%;  padding: 20px; }
.col_75 {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); float: left;  width: 75%;  padding: 20px; }
.col_33 { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); float: left;  width: 33%;  padding: 20px; }
.col_25 { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); float: left;  width: 25%;  padding: 20px; }



.col_small_connected{width: 300px;min-height: 150px;border: 0px;float: left;margin: 0;margin-right: 20px; }
.col_small_connected .col_small {margin-right: 0;}
.col_search_result{width: 670px; margin-right: 20px;}


.section-header { margin:0px; padding: 0px; display: none;}
.section-header h1 { font-size: 20px;
color: #4F718A;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
text-transform: none;
line-height: 25px; }
.section-content { border-top: 0px solid #006BA8; padding-top: 5px; padding-bottom: 5px; }
.section-content a:link, .section-content a:visited, .section-content a:active {  text-decoration: none; }
.section-content a:hover { /*color:#007AC3;*/ text-decoration: underline; }
.section-content img {   padding: 0px; }
.section-content-no-bd{border: 0;padding-top: 0px;}

/*****************************************
In all other layout all the columan will be midify by adding the prefixe class name modifyer.
******************************************/

.col_fullwidth  { width:100%; margin: 0 20px 10px 0; float: left; text-align:left; padding:0px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);}
.fullwidth_content #columns{ width:100%;  }
.col_main       { width:100%; margin: 0px; float: left; text-align:left; padding:0px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);}
.col_medium     { width:100%; margin: 10px 20px 0px 0px; float: left; text-align:left; padding:0px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);}
.col_small      { width:100%; margin: 10px 20px 0px 0px; float: left; text-align:left; padding:0px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);}

.col_search_result{width: 670px; margin-right: 20px;}

.col_widget {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); float: left;  width: 67%;  padding: 0px;  }
.col_contact {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); float: left;  width: 100%;  padding: 0px;  }
.col_100 {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); float: left;  width: 100%;  padding: 20px;  }
.col_66 { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); float: left;  width: 66%;  padding: 20px; }
.col_50 { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);float: left;  width: 50%;  padding: 20px; }
.col_75 {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); float: left;  width: 75%;  padding: 20px; }
.col_33 { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); float: left;  width: 33%;  padding: 20px; }
.col_25 { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc); float: left;  width: 25%;  padding: 2;}

/********* Widget Layout 25%|50%|25% *************/
.widget_layout_25_50 .col_main       { width: 400px;}
.widget_layout_25_50 .col_medium     { width: 250px;} /* both mediam and small col will be same on this layout */
.widget_layout_25_50 .col_small      { width: 250px;}

/********* Widget Layout 35%|35%|25% *************/
.widget_layout_35_25 .col_main       { width: 325px;}
.widget_layout_35_25 .col_medium     { width: 325px;} /* both mediam and small col will be same on this layout */
.widget_layout_35_25 .col_small      { width: 325px;}


/********* Full-Width Layout (20%|50%|30%)*************/
.fullwidth_content #columns{ width:100%;} /* alrady have a 20px margin left and all othre will work as default layout */

/********* Full-Width Layout 25%|50%|25% *************/
.fullwidth_content_25_50 #columns{ width:960px;} /* alrady have a 20px margin left and all othre will work as default layout */
.fullwidth_content_25_50 .col_main       { width: 400px;}
.fullwidth_content_25_50 .col_medium     { width: 250px;} /* both mediam and small col will be same on this layout */
.fullwidth_content_25_50 .col_small      { width: 250px;}

/********* Full-Width Layout 33%|33%|33% *************/
.fullwidth_content_33_33 #columns{ width:960px;} /* alrady have a 20px margin left and all othre will work as default layout */
.fullwidth_content_33_33 .col_main       { width: 300px;} /* all col will be same as 33% */
.fullwidth_content_33_33 .col_medium     { width: 300px;} 
.fullwidth_content_33_33 .col_small      { width: 300px;}

/********* Full-Width Layout 50%|50% *************/
.fullwidth_content_50_50 #columns{ width:960px;} /* alrady have a 20px margin left and all othre will work as default layout */
.fullwidth_content_50_50 .col_main       { width: 460px;} /* all col will be same as 50% 50% */
.fullwidth_content_50_50 .col_medium     { width: 460px;} 
.fullwidth_content_50_50 .col_small      { width: 460px;}

/********* Full-Width Layout 40%|60% *************/
.fullwidth_content_40_60 #columns{ width:960px;} /* alrady have a 20px margin left and all othre will work as default layout */
.fullwidth_content_40_60 .col_main       { width: 520px;} 
.fullwidth_content_40_60 .col_medium     { width: 400px;} /* both mediam and small col will be same on this layout */
.fullwidth_content_40_60 .col_small      { width: 400px;}

/*************Maintenance Layout*******************/
.maintenance #content-wrapper{width: 680px; background: url('../images/maintenance-bg.jpg') no-repeat;}
.maintenance #columns {background: transparent;min-height: 250px;}


/*********News layout***************/
.news_content #columns{ width:690px;}
.news_content .col_main       {}
.news_content .col_medium     { } 
.news_content .col_small      { }

.news_list #columns{width: 670px; margin-right: 20px;}

/********* User Layout  *************/
.user_content #columns{ width:670px; margin-right: 20px;}

/********* User Layout  *************/
.events_content #columns{  margin-right: 20px;}

/********* Contact Layout  *************/
.contact_content #columns{  margin-right: 20px;}


/****** Resource Block ********/
.block_supplements ul{padding: 0;margin: 0;}
.block_slide_decks ul{padding: 0;margin: 0;list-style: inside;}
.block_slide_decks ul li{padding-left: 10px;}


/*************Tabluer data**************/
.cont-data-head{border-radius: 4px 4px 0 0;background: none repeat scroll 0 0 #E9E9E9;border-bottom: 1px solid #AAAAAA;color: #777777;font-weight: bold;margin: 0;padding-bottom: 4px;padding-left: 0.4em;padding-top: 2px;line-height: 18px;}

.tabular_data td.grey_img{background-color: #f2f2f2;width: 85px;text-align: center;}
.tabular_data th {background: none repeat scroll 0 0 #ffffff;border-bottom: 1px solid #AAAAAA;color: #777777;font-weight: bold;margin: 0;padding-bottom: 4px;padding-left: 0.4em;padding-top: 2px;}
.tabular_data th.lco{-m-moz-border-radius: 4px 0 0 0;-webkit-border-radius: 4px 0 0 0;-khtml-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0;}
.tabular_data th.rco{-m-moz-border-radius: 0 4px 0 0;-webkit-border-radius: 0 4px 0 0;-khtml-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0;}
.tabular_data{border: 1px solid #AAAAAA;min-height: 160px;border-radius: 4px 4px 0 0;font-size: 14px;color: #66666A;  margin-left: 20px;}
.tabular_data tr:nth-child(2n){background: #f4f4f4;}
.tabular_data tr td{vertical-align: top;}
.tabular_data th a:link,.tabular_data th a:visited{color: #777777;font-weight: bold;text-decoration: none;}
.tabular_data a:link, .tabular_data a:visited{color:#278DCC;}
.tabular_data th a:hover{color: #8098AC;font-weight: bold;text-decoration: none;}
.tabular_data th span.th-title{float: left;}
.ico-asc{height: 16px;width: 16px;background: url('../images/order_asc.png') no-repeat 50% 50%; ;padding: 0;display: block;float: left;margin: 0;margin-top: 0px;margin-left: 5px;}
.ico-desc{height: 16px;width: 16px;background: url('../images/order_desc.png') no-repeat 50% 50%;display: block;float: left;margin: 0;margin-top: 3px;margin-left: 5px;}

.details_data .details_row{background: none repeat scroll 0 0 #f4f4f4;border-bottom: 1px solid #aaaaaa;line-height: 24px;padding: 5px 0 5px 10px;}
.details_data .details_row .details_title{float: left;display: block;width: 120px;font-weight: bold;}
.details_data .details_row:after {clear: both; content: "."; display: block; height: 0; padding: 8px; visibility: hidden;}
.details_data .details_row:nth-child(2n+1){background: #f4f4f4;}

/***********End Tabuler data****************/


/**************Search Result*******************/

.search_top_title{font-size: 20px;font-weight: bold;margin-bottom: 15px;}
.search_res_title {font-size: 12px;font-weight: bold;padding-bottom: 5px;padding-top: 10px;font-family: Arial, Helvetica, sans-serif ;}
.search_res_desc{font-size: 11px;padding-bottom: 15px;}
.search_res_rank_link{color: #4F718A;   padding-bottom: 7px;   font-style: italic;}
.search_res_link{font-weight: bold;line-height: 35px;padding-bottom: 0px;text-transform: uppercase;}
.search_res_link img{float: left;padding: 0;margin: 0;padding-right: 10px;margin-left: -5px;}
.border_b_4{border-bottom: 4px solid #E7E7E7;margin-bottom: 15px;margin-top: 0px;}
.mt_10{margin-top: 10px;}
.search_res_msg{font-size: 14px;text-align: center;padding-top: 40px;font-weight: bold;padding-bottom:  40px;}

.search-form-container{margin-top: 20px;margin-bottom: 20px;padding: 10px;border: 1px solid #AAAAAA;border-radius: 4px;}
.search_form_content{/*float: left;width: 310px;*/}
.search_form_right{float: left;width: 310px;margin-left: 20px;}


/*******MAP*********/
#map{width: 470px;float: left;height: 400px;}
#map_content{border: 1px solid #CCC;font-size: 11px;color: #66666A;}
#map_content a{color: #278DCC;}
#map_sidebar{width: 180px;float: left;height: 400px;padding-left: 0px;margin-right: 1px;overflow: auto;border-right: 1px solid #CCC;}

.map-side-cont{padding-top: 5px;margin: 0;padding-left: 5px;}
.map-side-cont hr{background: #CCC;color: #CCC;border: 0;height: 1px;}
.in-map-side{background: #EEE;}
#map_radius_div{display: none;margin-right: 0px;}
#map_sidebar h3{text-align: left;font-size: 14px;font-weight: bold;margin: 0;padding: 0;background: #E9E9E9;padding-left: 5px;line-height: 30px;color: #EF4F91;}
.map_points{clear: both;max-width: 300px;padding-bottom: 10px;}

/***********TAB**********************/

#list_tabs{background: none;border: 0;}
#list_tabs .ui-tabs-nav{ background: none;border: 0;}
#list_tabs .ui-tabs-nav li{float: right;}
#list_tabs .ui-tabs-selected{margin-bottom: 1px;padding-bottom: 0px;}
#list_tabs .ui-tabs-panel{padding: 0;}
#list_tabs .ui-tabs-nav li.tab_err{float: left;color: #EF4F91;}
#list_tabs .ui-tabs-nav li.tab_err a{color: #EF4F91;}


/***************Dialog******************/

#info_dialog{display: none;}
#dialog_cookie{display: none;padding: 2px;margin: 0;}
.cookie_dialog{border: 0;}
.cookie_dialog .ui-dialog-titlebar{display: none;}

#dialog_cookie .info_dialog_head{height: 35px;line-height: 35px;border-bottom: 0px solid #6dbe41;}
#dialog_cookie img{border: none;}
#info_dialog .info_dialog_body,#dialog_cookie .info_dialog_body{padding: 10px;padding-bottom: 20px;}
#info_dialog p{margin: 0 10px 20px;}
#dialog_cookie .info_dialog_body{color: #333;font-size: 11px;}
.dialog_close{display: none;float: right;height: 30px;width: 30px;border-left: 2px solid #6dbe41;text-align: center;cursor: pointer;font-size: 16px;}
.dialog_close:hover{color: #d2d2d2;}
.cookie_dialog .ui-dialog-buttonpane button {background: none repeat scroll 0 0 #6DBE41;border: 2px solid #FFFFFF;color: #FFFFFF;font-size: 0.75em;font-weight: 700;height: 28px;line-height: 28px;margin: 0.5em 8px 0.5em 0; padding: 0 10px;text-align: center;text-transform: uppercase;}


/********Pagination************************/

.pagination_links{text-align:center;margin:5px 0;padding:10px 10px;font-family:Arial, Helvetica, sans-serif;font-size:9pt;border-top:0px solid #dedede;border-bottom:0px solid #dedede; color: #221006; margin-top: 20px;}
.form_content .pagination_links{text-align:center;margin:5px 0;padding:10px 10px;font-family:Arial, Helvetica, sans-serif;font-size:9pt;border-top:1px solid #E4E18E;border-bottom:1px solid #E4E18E; color: #FFFED4;}
.pagination_links a{border:1px solid #221006; padding:3px 8px; margin:0 2px; /*-m-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px; border-radius: 10px;*/color:#221006;}
.pagination_links strong,.pagination_links a:hover{padding:3px 8px;margin:0 2px;background:#221006;/*border:1px solid #278DCC;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;*/ color:#fff;text-decoration:none;}
.pagination_links span{border:1px solid #ddd;background:#FBF9EE;padding:3px 8px;margin:0 2px;color: #C0C0C0;/*-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;*/}
.search_pagination{}


/*************NEWS*************/

.news-items { width:230px; font-family: Arial, Helvetica, sans-serif ; font-size: 12px; background: url(../images/caption-top.png) bottom left repeat-x; padding-bottom:10px; float: right; margin-bottom:20px; }
.news-items-heading { width:230px; font-family: Arial, Helvetica, sans-serif ; font-size: 18px; font-weight:bold; background: url(../images/caption-top.png) top left repeat-x; padding: 10px 0 5px; }
.news_details{clear: both; margin-bottom: 20px;}
.news_details .news_thumb{ float: left;
    height: 112px;
    padding: 20px 20px 10px 10px;
    width: 180px; }
.news_details .news_desc{ padding-left: 0px; float: left; margin-bottom: 10px;}
.news_details .news_title{    color: #3c3c3c;
    font-family: 'Roboto Slab',serif;
    font-size: 19px;
    font-weight: normal !important;
    line-height: 36px;  margin-bottom: 10px;}
.news_details .news_date{font-size: 13px;
    font-style: italic;
    margin: 0 0 10px;}
.news_details a{}
.news_details .news_thumb_no_img{display:none; /* added by iz 27/05/2014 */}
.news_details .news_desc_no_img{}

/***************** I-FRAME *************/

#iframe_back {  background-color: #ffffff;  margin: 0px;  padding: 0px;}
.col_frame {    width: 910px; margin: 0px 0px 15px 10px; background-color: #ffffff;     float:left;    overflow: hidden;   }
.col_frame a:visited, .col_frame a:link, .col_frame a:active {  color: #6dbe41; text-decoration:none;}
.col_frame a:hover {    color: #00adef; text-decoration:none;}


/*************** EVENTS ***********/

.event_date {  width: 280px;  float:left;  padding:0px 5px 5px 0px;}
.event_title {  font-size: 14px;  font-weight: bold; margin-bottom: 20px;  }
.event_date a {   text-decoration:none;   font-size: 14px;}
.event_prep {  width: 580px;  float: left;  padding-top:5px;}
.event_details_head {  margin-bottom: 10px;}
.event_details_L {  width:100px;  float:left;  font-size:13px;  margin-top:5px; color:  #00adef; font-weight:bold;}
.event_details_L300 {  width:280px;  float:left;  padding-left:5px; margin-top:5px; margin-bottom:10px; }
.event_details_R300 {  width:280px;  float:left; padding-left:5px; margin-top:5px; margin-bottom:10px;}
.event_details_R {  width:480px;  float:left; padding-left:5px; margin-top:5px; margin-bottom:10px;}

.event_agenda_L {  width:80px;  float:left;  font-size:12px;  margin-top:5px;  font-weight:bold; border: 1px solid #d2d2d2;  background-color:#d2d2d2; padding:5px;}
.event_agenda_R {  width:480px;  float:left; padding:5px 7px; margin-top:5px; margin-bottom:5px; border: 1px solid #d2d2d2;}
.event_agenda_R ul {  margin-left:-3px;  line-height: 18px;}

.event_venue {  width: 170px;  margin:-10px -10px 10px 5px;  background-color: #d2d2d2;  padding:10px;  float:right;  white-space: normal;}
.event-top {  width: 600px;  background-image: url(../images/Events_back.jpg);  background-repeat: no-repeat;  background-position: top left;  height: 20px;  padding: 7px 10px 1px 10px;  border-bottom: 2px solid #ffffff;  margin:0px;}
.events {  width: 608px;  background-color: #ffffff;  border: 1px solid #d2d2d2;  padding: 5px 5px;  margin:0px;}
.events .row_grey {  background-color: #eeeded;  padding: 5px 5px;}
.events .row_white {  background-color: #ffffff;  padding: 5px 5px;}
.botom_back_link{text-align: center;}
.event_details.col_widget {  width: 100%;}
.events_listing.col_widget {  width: 100%;}
/************* SITE MAP **************/

#sitemap{font-size: 15px;}
#sitemap a { text-decoration:none; color:#553542; }
#sitemap ul {  /*list-style-image: url(../images/bullet-1.jpg);*/ line-height:20px; margin-left: 40px; list-style: none; }
#sitemap ul li a {  color:#553542; }
#sitemap ul li a:hover {  color:#23140D; text-decoration: underline; }
#sitemap ul li  {margin-bottom: 5px;padding: 1px 0 5px 29px; }
#sitemap ul ul {  /*list-style-image: url(../images/bullet-2.jpg);*/ line-height:18px;  margin-top:5px;}
#sitemap ul ul  li {   margin-bottom:5px; }
#sitemap ul ul ul {  /*list-style-image: url(../images/bullet-2.jpg); */line-height:18px; }


/************* GALLERY **************/
.gallery_details{clear: both; margin-bottom: 20px;}
.gallery_details .gallery_thumb{ width: 182px; height: 112px; float: left; }
.gallery_details .gallery_desc{width: 480px; padding-left: 8px; float: left;}
.gallery_details .gallery_title{font-weight: bold; padding-top: 3px; font-size: 13px;}
.gallery_slidshow #columns{width: 940px;}
.gallery_full_details{padding-bottom: 10px;}

/***************************END*********************/


a{
    text-decoration: none;
    font-weight: normal;
}


img{
    border-width: 0;
}


hr{
    height: 10px;
    background-image: url('../images/hr-tile.png');
    background-repeat: repeat-x;
    border:0;}

h1{
    font-family: 'Roboto Slab', serif;  
    color:#3c3c3c;    
    font-size: 1.75em;
    line-height: 1.6em;
    font-weight:400;
}

h2{
    font-family: 'Roboto Slab', serif;  
    color:#3c3c3c;
    font-size: 1.8em;
    line-height: 1.6em;
    font-weight:400!important;
}

h3{
    color: #3c3c3c;
    font-family: 'Roboto Slab',serif;
    font-size: 19px;
    font-weight: normal;
    line-height: 36px;
}

#bg1 { 
    background: url(../images/bannerbg.jpg) 50% 0 no-repeat; 
    height: 680px;  
    margin: 0 auto; 
    width: 100%; 
    max-width: 100%; 
    position: absolute;
    top:117px;
}

#bg1-mobile { 
    background: url(../images/bannerbg.jpg) 50% 30% no-repeat; 
/*    height: 680px;  */
    margin: 0 auto; 
    width: 100%; 
    max-width: 100%; 
    position: absolute;
    top:0px;
}

#container,#container_inner {
  height: auto;
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: 2000;
  display: block;
  margin-top: 506px;
  max-width: 1140px;
}

#mobilebanner{
    display:none;
}

#container-mobile {
  height: auto;
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: 2000;
  display: block;
  margin-top: 506px;
  max-width: 1140px;
}

#container_inner{
    margin-top:25px;
}

#container2 {
    height: auto;
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 2000;
      max-width: 1140px;
}

div#container2contents {
  width: 100%;
  max-width: 1140px;
  margin: 30px 0;
}

#container3 {
    height: auto;
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 2000;
    margin-top: 10px;
      max-width: 1140px;
}

#container4 {
    height: auto;
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 2000;
      max-width: 1140px;
      -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);
    padding:0 20px;
}


#container5 {
    height: auto;
    position: relative;
    width: 100%;
    margin:180px auto 0px auto;
    z-index: 2000;
      max-width: 1140px;
}
.logo{
float:left;
}

.socialicons{
  height: 69px;
  float: none;
    padding: 0 20px 0 0;
}

.socialicons ul{  
    margin:0 0 0 0;
      -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);
    padding: 20px 0 0 0;
    text-align: right;
}

.socialicons ul li{
    list-style:none;
    color: #fff;
    float: right;
    list-style: none;
    padding: 5px 0 10px 10px;
}


.topnav{float: right;
 width: 81%;
 padding: 0;}
 
 .topnav ul{  
    margin:0 0 0 0;
      -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);
    text-align: right;
 }
 
 
 .topnav ul li{
 color:#fff;
 display: inline-block;
 list-style:none;
 padding:0 0 0 15px;  
 }
 
 .topnav ul li a{
 color:#fff;
 font-size:1.2em;
 font-family: 'Roboto Slab', serif;    
 text-decoration:none;
 }
 
 .topnav ul li a:hover{
 color:#0F7CF1;
 }  

 #nav-main {

  color: #888;
  display: block;
  /* margin: 8px 22px 8px 22px; */
  /* overflow: hidden; */
  /* width: 81%; */
  background-color:#3c3c3c;
  text-align: right;
}

  #nav-main  ul {
    margin: 0;
    padding: 0;
   }

    #nav-main li {
      display: inline-block;
      list-style-type: none;
      
      -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s; 
    }
      
      #nav-main li a .caret,
      #nav-main li div ul li a .caret {
        border-top: 4px solid #aaa;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        content: "";
        display: inline-block;
        height: 0;
        width: 0;
        vertical-align: middle;
  
        -webkit-transition: color 0.1s linear;
          -moz-transition: color 0.1s linear;
        -o-transition: color 0.1s linear;
          transition: color 0.1s linear; 
      }
      
        #nav-main li div ul li a.caret {
            border-bottom: 4px solid transparent;
            border-top: 4px solid transparent;
            border-right: 4px solid transparent;
            border-left: 4px solid #f2f2f2;
            margin: 0 0 0 8px;
        }

      #nav-main li a {
        color: #fff;
        display: block;
        font-family: 'Roboto Slab',serif;
        font-size: 16px;
        line-height: 48px;
        padding: 0 14px;
        text-decoration: none;
      }

        #nav-main li:hover {
          background-color: rgb( 40, 44, 47 );
          color:#1e6ab6;
        }

        #nav-main li:hover a {
          color: rgb( 255, 255, 255 );
        }

        #nav-main li:hover a .caret {
          border-top-color: rgb( 255, 255, 255 );
        }
        
        #nav-main li div ul li:hover a .caret {
            border-left-color: rgb(255,255,255);
        }
      
      #nav-main li div,
      #nav-main li div ul li div {
        background-color: rgb( 40, 44, 47 );
        border-top: 0;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
        display: none;
        margin: 0;
        opacity: 0;
        position: absolute;
        min-width: 165px;
        visibility: hidden;
        max-width:250px;
        width: auto;
  
        -webkit-transiton: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        -transition: opacity 0.2s;
      }
      
        #nav-main li div ul li div {
            background-color: rgb( 40, 44, 47 );
            border-radius: 0 4px 4px 4px;
            box-shadow: inset 2px 0 5px rgba(0,0,0,.15);
            margin-top: -42px;
            right: -165px;
        }

        #nav-main li:hover div,
        #nav-main ul li div ul li:hover > div {
          display: block;
          opacity: 1;
          visibility: visible;
        }

          #nav-main li div ul li,
          #nav-main li div ul li div ul li {
            display: block;
            position: relative;
          }

            #nav-main li div ul li > a,
            #nav-main li div ul li div ul li a {
              color: #fff;
              display: block;
              padding: 12px 24px;
              text-decoration: none;
              text-align: left;
              font-size:14px;
                  line-height: 21px;
            }

              #nav-main li div ul li:hover a {
                background-color: rgba( 255, 255, 255, 0.1);
              }


a.toggle-menu img {
  width: 25px;
  padding: -18px 13px;
  right: 91px;
  position: absolute;
  top: 25px;
}

.overlay{
position:absolute;
top:117px;
margin:0 auto;
height:533px;
z-index:1000;
    width:100%;
    text-indent:-10000px;
    text-align:center;
background:url(../images/banneroverlay.png) 50% 0 no-repeat; 

}

.bannerfade{
position:absolute;
width:100%;
margin:0 auto;
}

#wholepage{
width:100%;
 }

.header-cont {
width:100%;
position:fixed;
top:0px;
background-color:#3c3c3c;
z-index:10001;
margin:0 auto;
height:117px;
text-align:center;
}

.header {
  height: 117px;
  width: 100%;
  padding: 0px 20px;
  margin: 0 auto;
  max-width: 1140px;
}

.header img{
    text-align:center;
    
}

.wrapper{
width: 1000px;
position:relative;
margin:0 auto;      
}

.strapline-container{
    width: 100%;
    position: relative;
    top: 650px;
    background-color: rgba(0, 0, 0, 0.5);
    height: 146px;
    z-index: 1000;
}

.strapline-container-mobile{
  width: 100%;
  position: relative;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);
}

.strapline{
  width: 65%;
  float: left;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  behavior: url(/script/boxsizing.htc);
}

.strapline h1{
    font-family: 'Roboto Slab', serif;  
    color:#fff;    
    font-size: 1.60em;/*  was 1.65 */
    line-height: 1.6em;
    font-weight:300!important;
}

.button1{
background-color: rgba(0, 0, 0, 0.5);
padding: 5px 45px 5px 45px;
border: solid 2px #fff;
float: right;
margin: 35px 20px 0 0;
}

.button1 a{
  position: relative;
  font-family: 'Roboto Slab', serif;
  color: #fff;
  font-size: 1.65em;
  line-height: 1.4em;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 0;
}

.button1:hover{
background-color: rgba(0, 0, 0, 1);
}

.button2{
background-color: rgb(40, 125, 211);
padding: 5px 45px 5px 45px;
border: solid 2px #fff;
float: left;
margin: 5px 0 0 0;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
    
}

.button2 a{
font-family: 'Roboto Slab', serif;
color: #fff;
font-size: 1.65em;
line-height: 1.4em;
text-decoration: none;
display:block;
}

.button2:hover{
background-color: rgb(32, 106, 180);
}

.button3{
background-color: rgb(255, 255, 255);
padding: 5px 45px 5px 45px;
border: solid 2px rgb(40, 125, 211);
float: left;
margin: 5px 0 0 0;
    
}

.button3 a{
font-family: 'Roboto Slab', serif;
color: rgb(40, 125, 211);
font-size: 1.55em;
line-height: 1.4em;
text-decoration: none;
display:block;
}

.button3:hover{
background-color: rgba(40, 125, 211, 0.2);
}

    
.footercol33{
    width:29%;
    box-sizing:border-box;
    margin: 0 2% 2% 2%;
    color: #808080;
    float: left;
    font-size: 12px;
}

.footercol33 li{
    list-style-type: none;   font-size: 15px !important;
}

.footercol33 li ul{
    padding:0;
}

.footercol33 li ul li{
    list-style-type: none;
    display:inline-block;
}

.footercol33 li a{
    font-family: 'Roboto Slab', serif;  
    color:#fff;
    font-size:1em;
    text-decoration: none;
}

.footercol33 li a:hover{
    color:rgb(40, 125, 211);
}

ul.bullets { padding: 0px 0px 0px 10px; margin-top:0px;  margin-bottom: 0px; }
.bullets li{background: url(../images/bullet.png) no-repeat left top;  list-style-type:none;  padding: 0px 0 13px 28px;}

.readmore a{
font-family: 'Roboto Slab', serif;
color:#1e6ab6;
font-size:1em;
font-weight:600;
padding:0;
text-decoration:none;
}
.readmore a:hover{
font-family: 'Roboto Slab', serif;
color:#1e6ab6;
font-size:1em;
font-weight:600;
padding:0;
text-decoration:underline;

}
.twitterbox,.sidebar_menu{
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-sizing: border-box;
    padding:15px;
    -webkit-box-shadow:inset 5px 5px 5px 0 rgba(0,0,0,0.1);
    box-shadow:inset 5px 5px 5px 0 rgba(0,0,0,0.1);
    border: solid 1px #a7a7a7;
    width: 100%;
    display: block;
    height: auto;
}

.twitterbox p{
    padding-bottom:10px;
    border-bottom: solid 1px #a7a7a7;
}  

.sidebar_menu h2{
    margin:0px;
    padding:0px;
}  

.sidebar_menu {margin-top: 50px;}

.bottomstrap-container{
    width: 100%;
    position: relative;
    background-color: #1e6ab6;
    padding: 3px 0 5px 0;
    margin: 10px 0 0 0;
}

.button1a{
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px 20px 5px 20px;
    border: solid 2px #fff;
    margin: 0;
  max-width: 394px;
     -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);
}

.button1a a{
  font-family: 'Roboto Slab', serif;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.3em;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 0;
}

.button4a{
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px 20px 5px 20px;
    border: solid 2px #fff;
    margin: 0;
      width: 394px;
     -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/script/boxsizing.htc);
}



.strapimage {
  width: 33%;
  float: left;
}

.strapimage img {
  width: 100%!important;
}

.button1a:hover{
    background-color: rgba(0, 0, 0, 0.7);
}

#footer1{
    background-color: #3a3a3a;
    height:auto;
    width:100%;
    padding:20px 0 0;
    -webkit-box-shadow:inset 0 5px 6px 0 rgba(0,0,0,0.2);
    box-shadow:inset 0 5px 6px 0 rgba(0,0,0,0.2);
}

#footer2{
    background-color: #1c1c1c;
    height:auto;
    width:100%;
    padding:20px 0 20px 0;
    -webkit-box-shadow:inset 0 5px 6px 0 rgba(0,0,0,0.2);
    box-shadow:inset 0 5px 6px 0 rgba(0,0,0,0.2);    
}

#footer2 a{
    text-decoration: none;
    color:#fff;
}

.footercol50{
    width:47%;
    box-sizing:border-box;
    float:left;
    font-family: 'Roboto Slab', serif;  
    color:#808080;
    font-size:1em;    
}

.footercol50a{
    width:47%;
    box-sizing:border-box;
    float:right;
    font-family: 'Roboto Slab', serif;  
    color:#808080;
    font-size:1em; 
    text-align: right;
}