/*********************************************************************************/
/*	ARTICLE CSS LAYOUTS								 										 */



/***********************************************/
/* template 1 Image right                      */
/***********************************************/
.c3_imgrcontainer {
	width:100%;
	/*/*background-color:#fff;*/*/
	color:#464646;
	text-align:center;
	font-family: verdana;
	font-size:2.1em;
	font-weight:900;
  
}
.c3_padding {
	padding:0px;
}

.c3_imgrtitle
{
	margin-left:0px;
	text-align:left;
	margin-top:0px;
	margin-bottom:8px;
	display:block;
}
.c3_imgrimgcontainer {
	margin-top:3px;

	/*background-color:#ffffff;*/
	
	float:right;
	/*or float right*/
	
	width:248px;
	width:auto;
	padding:4px 0px 10px 16px;
        margin-right:0px;
        /* May 14th 2010 changed below to center from right this made the footer text then align to center IE issue only Firefox ok beforehand */
        text-align:center;
 
}

/* max-width needs to be just enough less than the width of div-1a minus the padding */
.c3_imgrimgcontainer img 
{
    max-width: 234px;border:solid 1px #000;padding:0px 0px 0px 0px;
    width: expression(this.width > 234 ? 234: true);

}

.c3_imgrfooter
{
	font-family: verdana;
	font-size:11px;
	line-height:13px;
	font-weight:100;
	color:#464646;
	text-align:center;
	padding-left:10px;
	max-width:234px;
	padding-top:5px;
}

.c3_imgrcontent {
	/*background-color:#ffffff;*/
	color:#464646;
	color:#585858;
	font-family: verdana;
	line-height:13.58pt;
	font-size:10pt;
	font-weight:100;
	text-align:left;
	/* June 14th made padding-top below 7px from 5px as header sections in template 12 and 10 line went above image see also t3_i1content */
	padding:7px 0px 5px 0px;
}


pre {
 padding:1em;
 border:1px dashed #aaa;
 background:#fafafa;
}
p {
 margin:0.7em 0;
}
h3 {
 color:#999;
}





/************************************/
/* Template 2 full width image      */
/************************************/



.t2_container {
	max-width:100%;
	/*background-color:#fff;*/
	color:#464646;
	text-align:center;
	font-family: verdana;
	font-size:2.1em;
	font-weight:900;
  
}
.t2_padding {
	padding:0px;
}

.t2_i1title
{
	margin-left:0px;
	text-align:left;
	margin-top:0px;
	margin-bottom:8px;
	display:block;
}
.t2_i1container {
	margin-top:3px;

	/*background-color:#ffffff;*/
	
	float:none;
	/*or float right*/
	
	width:100%;
	padding:4px 0px 12px 0px;
        margin-right:0px;
 
}

/* max-width needs to be just enough less than the width of div-1a minus the padding */
.t2_i1container img 
{
    max-width: 100%;border:solid 1px #000;padding:0px 0px 0px 0px;
    
    /* changed 30th Mar 2010 */
    _width: expression(this.width > 1 ? "100%" : true);
}

.t2_i1footer
{
	font-family: verdana;
	font-size:11px;
	line-height:13px;
	font-weight:100;
	color:#464646;
	text-align:center;
	padding-left:0px;
}

.t2_i1content {
	/*background-color:#ffffff;*/
	color:#464646;
	font-family: verdana;
	line-height:13.58pt;
	font-size:10pt;
	font-weight:100;
	text-align:left;
	padding:5px 0px 5px 0px;
}


pre {
 padding:1em;
 border:1px dashed #aaa;
 background:#fafafa;
}
p {
 margin:0.7em 0;
}
h3 {
 color:#999;
}


/***************************/
/* Template 3 image left */
/***************************/


.t3_container {
	max-width:100%;
	/*background-color:#fff;*/
	color:#464646;
	color:#585858;
	text-align:center;
	font-family: verdana;
	font-size:2.1em;
	font-weight:900;
  
}
.t3_padding {
	padding:0px;
}

.t3_i1title
{
	margin-left:0px;
	text-align:left;
	margin-top:0px;
	margin-bottom:8px;
	display:block;
}
.t3_i1container {
	margin-top:3px;

	/*background-color:#ffffff;*/
	
	float:left;
	/*or float right*/
	
	width:248px;
	width:auto;
	padding:4px 16px 12px 0px;
        margin-right:0px;
        /* remmed out folloowing 8th may 2010 */
        text-align:center;
 
}

/* max-width needs to be just enough less than the width of div-1a minus the padding */
.t3_i1container img 
{
    width: expression(this.width > 234 ? 234: true);
    max-width: 234px;border:solid 1px #000;padding:0px 0px 0px 0px;
    /*new may 8th 2010*/
    align:left;
}

.t3_i1footer
{
	font-family: verdana;
	font-size:11px;
	line-height:13px;
	font-weight:100;
	color:#464646;
	text-align:center;
	padding-left:0px;
	max-width:234px;
}

.t3_i1content {
	/*background-color:#ffffff;*/
	color:#464646;
	color:#585858;
	font-family: verdana;
	line-height:13.58pt;
	font-size:10pt;
	font-weight:100;
	text-align:left;
	/* June 14th made padding-top below 7px from 5px as header sections in template 12 and 10 line went above image see also c3_imgrcontent */
	padding:7px 0px 5px 0px;
}


pre {
 padding:1em;
 border:1px dashed #aaa;
 background:#fafafa;
}
p {
 margin:0.7em 0;
}
h3 {
 color:#999;
}



/***********************************************/
/* template 4 Hotel site                      */
/***********************************************/
/* Hotel site */

.divWelcome
{
text-align:justify;
text-align: left;
margin:10px 10px 0px 10px;
line-height:13.58pt;
font-size:1.2em;
}

#divHotelMain
{
width:924px;
_width:936px;
}

#divTableLeft {
  /*background-color:#fff;*/
  width:176px;
  border-collapse:collapse;
  text-align:center;
float:left;
}



#divTableRight {
  /*background-color:#fff;*/
  width:176px;
  border-collapse:collapse;
  text-align:center;
float:right;
padding-right:5px;
}

.divHotelCenter
{
float:left;
margin-left:16px;
_margin-left:10px;
/*width:556px;*/
width:546px;
_width:540px;
margin-top:10px;
/*height:380px;*/
display:table-cell;
text-align:center;
display:block;
}

#divHotelCenter img
{
max-width: 540px;border:none;padding:0px 0px 0px 0px;
width: expression(this.width > 520 ? 520: true);
/* may need explicit width and height here */
}

<!-- not sure why i had this so remmed out -->
.divHotelCenter *
{
/*vertical-align:middle;*/
}

.divHotelCenter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
.edgecell
{
width: 170px;
}


.edgecell img:hover
{
	border:1px solid #94ab75;
	cursor:hand;
	
}

.cornerchoice
{
	margin-top:6px;
	/*background-color:#ffffff;*/
	color:#000;
	/* float:right; */
	/*or float right*/
	;
	width:170px;
	padding:2px 2px 2px 2px;
}

.cornerchoice img 
{
    max-width: 170px;border:solid 1px #d7d7d7;padding:2px 2px 2px 2px;
    width: expression(this.width > 170 ? 170: true);
    /* may need explicit width and height here */
}


 


/***********************************************************************/
/* Template 5                                                          */
/* Accommodation - info - not really a template but wanted it seperate */
/***********************************************************************/

/* container for the left panel */
.divleftholder
{
    float:left;width:320px;padding-right:0px;border:solid 0px red;margin-bottom:8px;
    _width:300px;
}

/* master container for the attributes panel at top of left panel */
.divAttributes
{
    border:solid 0px red;padding:3px;
    /*background:#fff6ed;*/
    background-color:#fafafa;
}

/* button holder div - currently no styleing */
.divAttributesA
{
}

/* Max occupants div */
.divAttributesB
{
    float:left;
}

/* Video holder div */
.divAttributesV
{
    border:solid 0px red;float:left;margin-left:40px;
}

/* Facilities holder */
.divAttributesD
{
    border:solid 0px red;float:left;
}

/* content body */
.divStandardContent
{
    /*border:solid 0px red;float:none;margin-top:10px;line-height:20px;font-size:1.2em;text-align:justify;*/
    border:solid 0px red;float:none;margin-top:10px;line-height:13.58pt;font-size:1.2em;text-align:left;
}

/* container div for right column */
.divrightholder
{
    width:420px;float:left;margin-left:20px;border-top:solid 1px #beaeae;border-bottom:solid 1px #beaeae;padding-top:6px;padding-bottom:30px;
    /*background-color:#fff6ed;*/
    background-color:#fafafa;    
}    

.divImages
{
    border:solid 0px red;padding 0px;
}

.divtopimage
{
    border:solid 0px red;text-align:center;
}    

.divbottomimages
{
    border:solid 0px red;text-align:center;
}

/* container for the video */
.divVideo
{
    border:solid 0px red;text-align:center;display:none;
}

/* large text at top of image */
.accomimage-headermain
{
    /*color:#a40a12;*/
    color:#3f3f3f;
    font-family:verdana;font-size:1.2em;font-weight:600;
}

/* small text under the large text at top of main image */
.accomimage-headersub
{
    color:#525252;font-family:Times New Roman;font-size:1.0em;
}

/* main large image */
.photothumnail2
{
    width:380px;display:block;margin:auto;
}

/* sub image on left */
.photothumnail3
{
    width:183px;
}

/* sub image on right */
.photothumnail4
{
    width:183px;
    margin-left:0px;
}

/* div master container for thumbs under the main image */
.divthumbcontainer
{
    text-align:center;width:388px;margin-left:auto;margin-right:auto;
}

.divOneThumb
{
    text-align:center;width:184px;
}

.divTwoThumbs
{
    text-align:center;float:left;width:184px;
    
}

.divManyThumbs
{
   float:left;
   padding:0px 4px 4px 4px;
}

.divManyThumbs1st
{
   float:left;
   padding:0px 4px 4px 4px;
   
}

.accomvideosize
{
    width:380px;height:304px;
}

    
.accomvideoicon
{
    background-image: url(../_images/videob.gif);
    width: 32px;
    height:32px;
    display: block;
    float:left;
}

.accomvideoicon:hover
{
    background-image: url(../_images/videob_hover.gif);
    width: 32px;
    height:32px;
    display: block;
    float:left;
}

.accomimageicon
{
    background-image: url(../_images/morephotos.gif);
    width: 48px;
    height:32px;
    display: block;
    float:left;
}

.accomimageicon:hover
{
    background-image: url(../_images/morephotos_hover.gif);
    width: 48px;
    height:34px;
    display: block;
    float:left;
}

.accominfo-bullet
{
    list-style:square;
    padding-left:15px;
    padding-top:3px;
    margin-left:0px;
    margin-top:0px;
}







/************************************************************************************/
/* 
    Template 6                         
*/
/* 
    1 image top 1 content under 1 content to right
/************************************************************************************/



.t6_container {
	max-width:100%;
	/*background-color:#fff;*/
	color:#464646;
	text-align:center;
	font-family: verdana;
	font-size:2.1em;
	font-weight:900;
  
}
.t6_padding {
	padding:0px;
}

.t6_i1title
{
	margin-left:0px;
	text-align:left;
	margin-top:0px;
	margin-bottom:8px;
	display:block;
}
.t6_i1container {
	margin-top:3px;

	/*background-color:#ffffff;*/
	
	float:none;
	/*or float right*/
	
	width:100%;
	padding:4px 0px 12px 0px;
        margin-right:0px;
 
}


/* max-width needs to be just enough less than the width of div-1a minus the padding */
.t6_i1container img 
{
    max-width: 100%;border:solid 1px #000;padding:0px 0px 0px 0px;
    
    /* changed 30th Mar 2010 */
    _width: expression(this.width > 1 ? "100%" : true);
}



/* The next section was cloned and pruned from the c3 template and is used for te bottom content and right content */


.t6_imgrcontainer {
	width:100%;
	/*background-color:#fff;*/
	color:#464646;
	text-align:center;
	font-family: verdana;
	font-size:2.1em;
	font-weight:900;
  
}


.t6_imgrimgcontainer {
	margin-top:3px;

	/*background-color:#ffffff;*/
	
	float:right;
	/*or float right*/
	
	width:21%;
	padding:12px 12px 12px 12px;
        margin-right:0px;
        text-align:right;
        
	background-color:#fafafa;
	color:white;
	font-family: verdana;
	line-height:13.58pt;
	font-size:11pt;
	font-weight:100;
	text-align:left;
	margin-left:10px;
 
}




.t6_imgrcontent {
	/*background-color:#ffffff;*/
	color:#464646;
	font-family: verdana;
	line-height:13.58pt;
	font-size:10pt;
	font-weight:100;
	text-align:left;
	padding:5px 0px 5px 0px;
}





/************************************************************************************/
/* 
    Template 7                         
*/
/* 
    2 images top 1 content under 1 content to right
/************************************************************************************/



.t7_container {
	max-width:100%;
	/*background-color:#fff;*/
	color:#464646;
	text-align:center;
	font-family: verdana;
	font-size:2.1em;
	font-weight:900;
  
}
.t7_padding {
	padding:0px;
}

.t7_i1title
{
	margin-left:0px;
	text-align:left;
	margin-top:0px;
	margin-bottom:8px;
	display:block;
}
.t7_i1container {
	margin-top:3px;

	/*background-color:#ffffff;*/
	
	float:left;
	/*or float right*/
	
	width:79%;
	padding:0px 0px 12px 0px;
        margin-right:0px;
 
}

.t7_i1containerinner {

	/*background-color:#ffffff;*/
	
	float:left;
	/*or float right*/
	
	width:97%;
	padding:0px 0px 0px 0px;
        margin-right:0px;
 
}

.t7_i2container {
	margin-top:3px;

	/*background-color:#ffffff;*/
	
	float:right;
	/*or float right*/
	
	width:21%;
	/*padding:12px 12px 12px 12px;*/
        margin-right:0px;
 
}

.t7_i2containerinner {

	/*background-color:#ffffff;*/
	
	
	
        margin-right:0px;
 
}

/* max-width needs to be just enough less than the width of div-1a minus the padding */
.t7_i1containerinner img 
{
    max-width: 100%;border:solid 1px #000;padding:0px 0px 0px 0px;
    
    /* changed 30th Mar 2010 */
    _width: expression(this.width > 1 ? "100%" : true);
}



/* max-width needs to be just enough less than the width of div-1a minus the padding */
.t7_i2containerinner img 
{
    max-width: 98%;border:solid 1px #000;padding:0px 0px 0px 0px;
    
    /* changed 30th Mar 2010 */
    _width: expression(this.width > 1 ? "98%" : true);
}


/* The next section was cloned and pruned from the c3 template and is used for te bottom content and right content */


.t7_imgrcontainer {
	width:100%;
	/*background-color:#fff;*/
	color:#464646;
	text-align:center;
	font-family: verdana;
	font-size:2.1em;
	font-weight:900;
  
}


.t7_imgrimgcontainer {
	margin-top:3px;

	
	float:right;
	clear:both;
	/*or float right*/
	
	width:21%;
        
	font-family: verdana;
	line-height:13.58pt;
	font-size:11pt;
	font-weight:100;
	text-align:left;
	margin-left:10px;
	margin-top:10px;
 
}


.t7_imgrimgcontainerinner {
	margin-top:3px;

	/*background-color:#ffffff;*/
	
	padding:12px 12px 12px 12px;
        margin-right:0px;
        text-align:right;
        
	background-color:#fafafa;
	color:white;
	font-family: verdana;
	line-height:13.58pt;
	font-size:11pt;
	font-weight:100;
	text-align:left;
 
}


.t7_imgrcontent {
	/*background-color:#ffffff;*/
	color:#464646;
	font-family: verdana;
	line-height:13.58pt;
	font-size:10pt;
	font-weight:100;
	text-align:left;
	padding:5px 0px 5px 0px;
}




/************************************************************************************/
/* 
    Template 8                        
*/
/* 
    1 content left 1 panel right with image top and content underneath
/************************************************************************************/



.t8_container {
	max-width:100%;
	/*background-color:#fff;*/
	color:#464646;
	text-align:center;
	font-family: verdana;
	font-size:2.1em;
	font-weight:900;
  
}
.t8_padding {
	padding:0px;
}

.t8_i1title
{
	margin-left:0px;
	text-align:left;
	margin-top:0px;
	margin-bottom:8px;
	display:block;
}
.t8_i1container {
	margin-top:3px;

	/*background-color:#ffffff;*/
	
	float:left;
	/*or float right*/
	
	width:70%;
	padding:0px 0px 12px 0px;
        margin-right:0px;
 
}

.t8_i1containerinner {

	/*background-color:#ffffff;*/
	
	float:left;
	/*or float right*/
	
	width:97%;
	padding:0px 0px 0px 0px;
        margin-right:0px;
 
}

.t8_i2container {
	margin-top:3px;

	/*background-color:#ffffff;*/
	
	float:right;
	/*or float right*/
	
	width:35%;
	/*padding:12px 12px 12px 12px;*/
        margin-right:0px;
        margin-left:10px;
 
}

.t8_i2containerinner {

	/*background-color:#ffffff;*/
	
	
	
        margin-right:0px;
 
}

/* max-width needs to be just enough less than the width of div-1a minus the padding */
.t8_i1containerinner img 
{
    max-width: 100%;border:solid 1px #000;padding:0px 0px 0px 0px;
    
    /* changed 30th Mar 2010 */
    _width: expression(this.width > 1 ? "100%" : true);
   
}



/* max-width needs to be just enough less than the width of div-1a minus the padding */
.t8_i2containerinner img 
{
    max-width: 100%;border:solid 0px #000;padding:0px 0px 0px 0px;
    
    _width: expression(this.width > 1 ? "100%" : true);
     vertical-align:bottom !important;
     border-bottom:0px;
     
}


/* The next section was cloned and pruned from the c3 template and is used for te bottom content and right content */


.t8_imgrcontainer {
	width:100%;
	/*background-color:#fff;*/
	color:#464646;
	text-align:center;
	font-family: verdana;
	font-size:2.1em;
	font-weight:900;
  
}


.t8_imgrimgcontainer {
	margin-top:0px;

	
	float:right;
	clear:both;
	/*or float right*/
	
	width:35%;
        
	color:white;
	font-family: verdana;
	line-height:13.58pt;
	font-size:11pt;
	font-weight:100;
	text-align:left;
	margin-left:10px;
 
}


.t8_imgrimgcontainerinner {
	margin-top:0px;

	
	padding:6px 6px 6px 6px;
        margin-right:0px;
        text-align:right;
        
	background-color:#fafafa;
	color: #464646;
	font-family: verdana;
	line-height:13.58pt;
	font-size:11pt;
	font-size:0.95em;
	font-weight:100;
	text-align:left;
	border:solid 1px #ededed;
 
}


.t8_imgrcontent {
	/*background-color:#ffffff;*/
	color:#464646;
	font-family: verdana;
	line-height:13.58pt;
	font-size:10pt;
	font-weight:100;
	text-align:left;
	padding:5px 0px 5px 0px;
}


/************************************************************************************/
/* 
    Template 10                        
*/
/* 
    1 image top - 1 image down left hand side and multiple sections (no images)
    link to content at foot of each section, usable sub sections start at 
    article section 3 to 9
/************************************************************************************/

.tmpl_10_shadebl
{
padding-bottom:0px;
padding-left:3px;
margin-bottom:12px;
clear:right;
}


.tmpl_10_subtitle_left
{
background-color: #f7f7f7;
border-top:dotted 1px  #e0e0e0;
border-bottom:dotted 1px  #e0e0e0;
font-family:Trebuchet MS,Arial;
font-weight:300;
text-align:left;
font-size:1.3em;
color:#b51519;
margin-top:0px;
padding-top:0px;
line-height:1.5em;
}


.t10_sololink_right{float:right;margin-top:10px;}


/************************************************************************************/
/* 
    Template 12                        
*/
/* 
    1 image top - 1 image down right hand side and multiple sections (no images)
    link to content at foot of each section, usable sub sections start at 
    article section 3 to 9
/************************************************************************************/
.tmpl_12_shadebl
{
padding-bottom:0px;
padding-left:3px;
margin-bottom:12px;
clear:left;
}

.tmpl_12_subtitle_left
{
background-color: #f7f7f7;
border-top:dotted 1px  #e0e0e0;
border-bottom:dotted 1px  #e0e0e0;
font-family:Trebuchet MS,Arial;
font-weight:300;
text-align:left;
font-size:1.3em;
color:#b51519;
margin-top:0px;
padding-top:0px;
line-height:1.5em;
}
.t12_sololink_left{margin-top:10px;/* float:left; */}



/***************************/
/* Template 13 image default left */
/***************************/


.t13_container {
	max-width:100%;
	/*background-color:#fff;*/
	color:#464646;
	color:#585858;
	text-align:center;
	font-family: verdana;
	
	font-weight:900;
	font-size:12px;

    border:1px solid #E1E1E1;
    float:left;
    margin-right:3px;
    margin-top:3px;
    overflow:auto;
    overflow-x:hidden;
    /* to force link to bottom of div, this element is relative and link div is absolute */
    position:relative;
    height:250px;
    _height:260px;
    /* 2 a row */
    width:320px;
    /* 2 on a row */
    width:214px;
    _width:212px;    
}

    

.t13_padding {
	padding:0 3px 0 3px;
}

.t13_i1title
{
background-color:#F7F7F7;
border-bottom:1px dotted #E0E0E0;
border-top:1px dotted #E0E0E0;
color:#B51519;
font-family:Trebuchet MS,Arial;
font-size:18px;
font-weight:300;
line-height:1.5em;
margin-top:0;
padding-top:0;
text-align:left;
padding-left:13px;
background:#333333;
border-bottom:1px solid black;
color:white;
width:100%;
}

.t13_i1title h2
{

}


.t13_i1container {
	margin-top:3px;

	/*background-color:#ffffff;*/
	
	float:left;
	/*or float right*/
	
	width:248px;
	width:auto;
	padding:4px 16px 2px 0px;
        margin-right:0px;
        /* remmed out folloowing 8th may 2010 */
        text-align:center;
 
}



/* max-width needs to be just enough less than the width of div-1a minus the padding */
.t13_i1container img 
{
    /*width: expression(this.width > 234 ? 234: true);*/
    max-width: 234px;border:solid 1px #000;padding:0px 0px 0px 0px;
    /*new may 8th 2010*/
    align:left;
    max-height:100px;
    max-width:100px; 
    /*_width: expression(this.width > 100 ? 100 : true); */
    _height: expression(this.height > 100 ? 100 : true);   

}

/****************************************/
/* Main or section 1                    */
/****************************************/
.t13_i1container_main {
float:none;
margin-right:0;
margin-top:3px;
padding:4px 0 12px;
width:100%;
}

.t13_i1container_main img {
border:1px solid #000000;
max-width:99%;
padding:0;
_width: expression(this.width > 1 ? "99%" : true);
}

.t13_i1content_main {
color:#585858;
font-family:verdana;
font-size:10pt;
font-weight:100;
line-height:13.58pt;
padding:7px 0 5px;
text-align:left;
}

.tmpl_13_shadebl {
clear:right;
margin-bottom:12px;
padding-bottom:0;
padding-left:3px;
}

.t13_sololink_right_main {
float:right;
margin-right:10px;
margin-top:10px;
}

/****************************************/
/* End Main or section 1                 */
/****************************************/

.t13_i1footer
{
	font-family: verdana;
	font-size:11px;
	line-height:13px;
	font-weight:100;
	color:#464646;
	text-align:center;
	padding-left:0px;
	max-width:234px;
}

.t13_i1content {
	/*background-color:#ffffff;*/
	color:#464646;
	color:#585858;
	font-family: verdana;
	line-height:13.58pt;
	font-size:10pt;
	font-weight:100;
	text-align:left;
	/* June 14th made padding-top below 7px from 5px as header sections in template 12 and 10 line went above image see also c3_imgrcontent */
	padding:0px 0px 5px 0px;
}

.t13_sololink_right{float:right;margin-top:10px;
margin:10px 3px 3px 3px;
font-weight:normal;
width:99%;
position:absolute;
bottom:0px;
text-align:right;
left:0px;
}

.t13_sololink_right a
{
padding-right:10px;
}


pre {
 padding:1em;
 border:1px dashed #aaa;
 background:#fafafa;
}
p {
 margin:0.7em 0;
}
h3 {
 color:#999;
}