/*== IIA v3 ==*/

/*Notes: 
	1. Keep different style groups seperate (style groups form the building blocks) 
		- give descriptive comment to new style group
		- this makes maintenance easier (changing something change the style sitewide, without changing unplanned items that was using a portion of another style.
	2. Try to reuse current style groups
		- first check to see if a current group of style can be used
	2. Keep style names short
		- use initial characters of the style group name
		  (I.e. Galery Image style = .gi)
	3. Use fonts uniformly
		- link new element to a text style (like .text) for the bulk of the data
		- then in the item's style add the style elements that differ
*/


/*== Uniform Font Description ==*/

.text, .bi, .bi1, .bi2, .srh, .srUnit, a.n2l, a.sr, .msg, #searchUI, .headBlock, .f, .ctn {
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color : #7E5210;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
}
.warningCopy{color: #BA352D;}

/*== Uniform Form Element Font Description ==*/

textarea, select, input {
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color : #46321D;
	font-size: 1em;
}

/*== General Items ==*/

p{margin: 2px 0px 10px 0px;}

	
/*== Seperator Bars ==*/

.thinBar{
	background-image: url(../images/blue_stripe_thin_tile.gif);
	background-repeat: repeat-x;
	padding: 0px 0px 5px 0px;
	font-size: 4px;
	height: 4px;
}
/* .thinBarc{
	background-image: url(../images/blue_stripe_thin_tile.gif);
	background-repeat: repeat-x;
	padding: 0px 0px 5px 0px;
	font-size: 4px;
	height: 4px;
} */

/* not when nested in... */
.bi .thinBar, .bi1 .thinBar, .bi2 .thinBar, .bil .thinBar{
	padding: 0px;
}
.thickBar{
	background-image: url(../images/blue_stripe_thick_tile.gif);
	background-repeat: repeat-x;
	padding: 0px 0px 5px 0px;
	font-size: 8px;
	height: 8px;
}
.imgRight{
	float: right;
	clear: left;
	height: 4px;
	font-size: 1px;
	line-height:0px;
}
.imgLeft{
	float: left;
	height: 4px;
	font-size: 1px;
	line-height:0px;
}


/*== Content Block Frames ==*/

.cntBlock, .hcntBlock{
	background: #EBCC8E;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #A3875F;
	border-right: 1px solid #A3875F;
	padding: 5px 10px 10px 10px;
}
.hcntBlock{
	padding: 5px 10px 0px 10px;
	margin:0px 0px 5px 0px;
}
.txtBlock, .bBlock{
	background: #f6e9d9;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #A3875F;
	border-right: 1px solid #A3875F;
	padding: 8px 8px 2px 12px;
	margin: 0px 0px 8px 0px;
	position: relative;
}
.bBlock{
	border-left: 1px solid #A3875F;
	border-top: 1px solid #A3875F;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding: 0px;
	width:500px;
	height:79px;
}
.headBlock{
	background: #EBCC8E;
	border-left: 1px solid #A3875F;
	border-top: 1px solid #A3875F;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding: 2px;
	margin: 0px 0px 8px 0px;
	background-image: url(../images/Texturerepeatcolumn_03.jpg);
	color : #fffff;
	font-weight: bold;
}


/*== Content Block with Icons to left ==*/

.cListBlock{
	width: 400px;
	left: 70px;
	position: relative;
	margin:0px 0px 3px 0px;
}
.chImg{
	margin:0px 0px 0px 0px;
	padding:0px;
}
.cHeadBar{
	font-size: 1.5em;
	padding: 0px;
	background: url(../images/Texturerepeatcolumn_03.jpg);
	white-space: nowrap;
}
.cBlock{
	position: relative;
}
.cImgBar{
	width: 65px;
	position: absolute;
	top: 0px;
}
.cImg{
	margin: 0px 0px 16px 0px;
}
.cHeadIco{
	margin:0px 0px 0px 10px;
	top:0px;
}
.rImg{padding:3px;
	border: 1px solid #000000;
	width:124px;
	height:67px;
	margin:0px 0px 3px 0px;
	background:#FFFFFF;
}
.cList{
	padding: 0px;
	margin: 0px 0px 8px 30px;
}


/*== More Info Style ==*/

p.m{text-align:right;}


/*== Site wide input style ==*/

select{background-color: #FFFFFF;}
textarea{background-color: #FFFFFF;}
input.button{
	vertical-align: top;
	border : 1px solid #7E5210;	
	background : url(../images/button_light_bg.gif);
	padding : 1px;
	color: #67430D;
}


/*== contact specific input style ==*/
textarea.cnt{
	width: 15em;
	height: 8em;
}
input.cnt{
	width:10em;
}

/*== Search UI Layout  ==*/

#searchUI{text-align:center;
	margin: 0px 0px 8px 0px;}

.msg{background: #FFFFFF;
	border: 1px solid #A3875F;
	padding: 6px;
	margin: 0px 0px 8px 0px;}

.sUITable{width:100%;
	font-size:1em;}	

#sc, #asc{width:100%;
	text-align:left;
	background: #F9F0DE;
	border-left: 1px solid #A3875F;
	border-top: 1px solid #A3875F;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding: 0px;
	margin: 0px 0px 8px 0px;
	position: relative;}
	
.bBar{width:100%;
	text-align:left;
	padding: 0px;
	margin: 0px 0px 8px 0px;}
	
#scHead, #ascHead{background: #858383;
	color: #FFFFFF;
	padding: 2px;
	margin: 0px;}

td.sCell{background: #F4E4C3;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding: 2px 2px 2px 4px;}
	
td.sCell0{width:30%;}
	
td.sCell1{background: #F6EAD9;}
	
td.sCell2{width:5%;}

.scc{position:relative;margin:auto;width:70%;}
.thinBar:after, #searchUI:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.thinBar, #searchUI {zoom:1;} /* IE */

/* search specific input style */
.sInput{width:10em;}
.sButton{width:7em;}

/*== Search Again ==*/
.sagain{position:relative;margin:auto;width:70%;background-color:#dddddd;}


/*== Search Results Layout  ==*/

.srUnit{
	margin:10px 0px 0px 0px;
}
.srHead{
	border:1px solid #FFFFFF;
	padding:5px;
	background: #F4E4C3;
}
.srBody{
	border:1px solid #FFFFFF;
	margin: 2px 0px 0px 0px;
	padding:5px;
	background:#F6EAD9;
}
.srImg{
	border:1px solid #7E5210;
	background:#FFFFFF;
	float: left;
	padding:2px;
	margin:0em 0.3em 0.3em 0em;
}
.sren{
	font-weight: bold;
	font-size: 1.2em;
	color: #0056A8;
}
a.sren{
	text-decoration: none;
}
a.sren:visited{
	color: #0056A8;
}
a.sren:hover{
	color: #000099;
	text-decoration: underline;
}
.sret{
	color:#999999;
}

.srep{
	font-weight: bold;
}
.srh{background: #858383;
	text-align:center;
	color: #EEEEEE;
	padding: 2px;
	font-size:0.8em;
	margin: 8px 0px 8px 0px;
	border: 1px solid #FFFFFF;
}
.srh1{
	float: left;
}
.srh2{
	float: right;
	text-align:right;
}

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

a.sr{color: #EEEEEE;
	font-size: 1em;}
a.sr:visited{color: #EEEEEE;}
a.sr:hover{color: #FFFFFF;font-weight:bold;text-decoration:underline;}

.s1, .s2 {color: #FFFFFF; font-weight:bold;}
.s1 {float:left;}

.srBody:after, .srHead:after, .srh:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.srBody, .srHead, .srh {zoom:1;} /* IE */



/*== Main Layout Frame ==*/

body{background: #D1A765 url(../images/IIAtextureLines04.jpg) repeat;margin: 0px;}
.c{margin:10px auto auto auto;width:800px;}

.bl, .br {width:135px; background: #dcaf6b url(../images/Treebottom_08.jpg) repeat-x bottom left;}
.bc {width:530px;background:#deaf6b;text-align:left;}/**/

.bl, .bc, .br {vertical-align:top;}

/*Set dark border on items */
.h, .n, .bl, .br, .bc {border-top:3px solid #4B4157;}
.h, .n, .br, .bc {border-right:3px solid #4B4157;}
.bl, .br, .bc {border-bottom:3px solid #4B4157;}
.h, .n, .bl, .bc {border-left:3px solid #4B4157;}

/* Set height so that there is no white space under element's content, set font-size so that enlrging page, does not reposition items */
.h{height:79px;font-size:0px;}
.n{height:36px;font-size:0px;}



/*== Border Column Style ==*/

.bi, .bi1, .bi2 {font-size:0.7em; font-weight:bold;}

.bi {text-align:left; padding:0px 6px 0px 6px; background: #deaf6b url(../images/Texturerepeatcolumn_03.jpg) repeat;} 
.bil {background: url(../images/Texturerepeatcolumn_03.jpg) repeat;}
.bi1 {background: url(../images/Middletree_06.jpg) repeat-x;}
.bi2 {text-align:center;padding:0px 6px 0px 6px;}
.bi2 {text-align:left; padding:0px 6px 0px 6px; background: #deaf6b url(../images/Texturerepeatcolumn_03.jpg) repeat;} 

/*== Border Column Images ==*/
.bci {margin:2px 0px 0px 0px}
.bcig {margin:2px;
	padding:2px;
	background-color:#FFFFFF;
	border-left: 1px solid #A3875F;
	border-top: 1px solid #A3875F;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;}
	
	
/*== Upright Flash Banner padding ==*/

.ufb	{
	margin: 0px;
	padding: 0px 0px 6px 0px;
	}
	

/*== 1st Level Navigation ==*/
	
.n{
	padding:0px;
	white-space: nowrap;
}
.nt{
	padding: 0px;
	margin: 0px;
	border:0px;
}
	
/*== 2nd Level Navigation ==*/

.n2 {padding:0px; 
	margin:5px 0px 5px 25px;}
	
.n2i {list-style-image: url(../images/blue_thick_dot.gif);
	padding: 0px 0px 2px 0px;}
	
a.n2l{
	font-size:1em;
	font-weight: bold;
}
a.n2l:hover{
	text-decoration:underline;
}

/*== Accommodation Detail Images == */

/* Accommodation Detail Image*/
.adi{margin:0px;
	border-left: 1px solid #A3875F;
	border-top: 1px solid #A3875F;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	margin: 0px 0px 4px 0px;
}
/* Accommodation Detail Image Block*/
.adib{
	margin:0px 4px 2px 4px;
	float:right;
}
/* Detail Image Header*/
.dih{
	margin: -4px 0px 12px 0px;
	border-left: 1px solid #A3875F;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

/*== Accommodation Detail Facilities List == */

/* Detail facilities list */
.dfl {
	padding: 0px;
	margin: 0px 0px 0px 35px;
}
/* Detail facilities list item */
.dfli {
	/*list-style-image: url(../images/blue_thick_dot.gif);*/
	padding: 0px 0px 2px 0px;
}
/* Detail facilities list block */
.dflb{
	width: 200px;
	float: left;
	margin: 0px 0px 10px 2px;
}
/* Detail facilities list Header */
.dflh{font-weight:bold;
	padding: 0px 0px 0px 10px;
}

.dflb:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.dflb {zoom:1;} /* for IE */

/* Resource Detail Table */
.rd1, .rd2{
	width:100%;
	font-size:1em;
	margin: 0px 0px 10px 0px;
	color:#46321D;
	border-top:2px solid #A4858C;
	border-right:2px solid #A4858C;
	border-bottom:1px solid #A4858C;
}

/* Resource Detail option1 Table Head */
.r1h, .r1n, .r1na, .r1v, .r1va{
	padding:2px;
	background: #F2EDED;
	border-bottom:1px solid #A4858C;
	border-left:1px solid #A4858C;
}
.r1h{
	font-weight:bold;
	font-size:1.2em;
	padding:8px 4px 8px 4px;
	border-left:2px solid #A4858C;
}
/* Resource Detail option1 Name Item */
.r1n{
	font-weight:bold;
	background: #D5C3C6;
	border-left:2px solid #A4858C;
}
/* Resource Detail option1 Name Item Alternating */
.r1na{
	font-weight:bold;
	background: #DDCFD1;
	border-left:2px solid #A4858C;
}
/* Resource Detail option1 Name Item */
.r1v{
	background: #DBCCCE;
	border-left:1px solid #C4ABB1;
}
/* Resource Detail option1 Name Item Alternating */
.r1va{
	background: #E2D6D8;
	border-left:1px solid #C4ABB1;
}

.rd2{
	color:#46321D;
	border-top:2px solid #9CA180;
	border-right:2px solid #9CA180;
	border-bottom:1px solid #9CA180;
}

/* Resource Detail option2 Table Head */
.r2h, .r2n, .r2na, .r2v, .r2va{
	padding:2px;
	background: #F0F1EC;
	border-bottom:1px solid #9CA180;
	border-left:1px solid #9CA180;
}
.r2h{
	font-weight:bold;
	font-size:1.2em;
	padding:8px 4px 8px 4px;
	border-left:2px solid #9CA180;
}
/* Resource Detail option2 Name Item */
.r2n{
	font-weight:bold;
	background: #CED0C0;
	border-left:2px solid #9CA180;
}
/* Resource Detail option2 Name Item Alternating */
.r2na{
	font-weight:bold;
	background: #D8D9CD;
	border-left:2px solid #9CA180;
}
/* Resource Detail option2 Name Item */
.r2v{
	background: #D5D7C9;
	border-left:1px solid #B5BB96;
}
/* Resource Detail option2 Name Item Alternating */
.r2va{
	background: #DDDFD4;
	border-left:1px solid #B5BB96;
}

/* resource select block */
.rs{
	float:right;
	font-size:0.83em;
	
	font-weight:normal;
}
.rs:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.rs {zoom:1;} /* for IE */

/* Reservation Button position */
.rp{
	text-align:right;
}
/* Reservation Button */
input.rb{
	background: #F8B18D url(../images/reserveButton.gif);
	/*width: 90%;*/
	color: #FFFFFF;
	font-weight:bold;
	border : 1px solid #AC3D05;
	padding : 1px;
	margin: 0px 0px 4px 0px;
}

/*== Establisment Quick Info ==*/

/* Table */
.eqt{
	width:100%;
	font-size:1em;
	margin: 0px 0px 10px 0px;
	border-top:1px solid #CC8E55;
	border-right:1px solid #CC8E55;
}
/* Name Cell */
.eqn, .eqna{
	font-weight:bold;
	padding:2px;
	background: #F9E7B2;
	border-bottom:1px solid #CC8E55;
	border-left:1px solid #CC8E55;
}
/* Value Cell */
.eqv, .eqva{
	padding:2px;
	background: #FCEFC2;
	border-bottom:1px solid #CC8E55;
	border-left:1px solid #EAD097;
}
/* Name Cell Alternating*/
.eqna{
	background: #FCECBC;
}
/* Value Cell Alternating*/
.eqva{
	background: #FFF4CC;
}



/*== Province Content Block == */

.cb1h{font-weight:bold;}

.cb1i{float:left;
	margin:4px 4px 0px 4px;
	border-left: 1px solid #A3875F;
	border-top: 1px solid #A3875F;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;}


/*== Gallary Content Block == */

.gi{
	margin:1px 0px 0px 3px;
	background-color:#FFFFFF;
	border-left: 1px solid #A3875F;
	border-top: 1px solid #A3875F;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;}
	
.gBlock{
	border-left: 1px solid #A3875F;
	border-top: 1px solid #A3875F;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding: 1px;
}
	
.gil{margin:0px;
	padding:1px;}


/*== Quick Links ==*/

.ql{width:225px;
	border: 1px dashed #7E5210;
	float:left;
	margin:2px;}
.qt{border: 1px dashed #7E5210;}
.qli{float:right;}
.qlic{vertical-align:middle;}
.qlh{font-weight:bold; margin:2px;}
.qlb{font-size:0.9em;margin:2px;}

.ql:after, .cBlock:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.ql, .cBlock {zoom:1;} /* for IE */

/*== Flash Map Block ==*/

.fm{
	/*border:1px solid red;*/
	margin: 0px -9px 6px -9px;
}

/*== Footer ==*/
.f{
	text-align: center;
	color : #DDDDDD;
	margin: 4px 0px 20px 0px;
}
a.fl{
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color : #EEEEEE;
	text-decoration: none;
}

a.fl:hover{
	text-decoration:underline;
	color : #FFFFFF;
}


/*== Site Map Style ==*/

.sm0{
	padding: 12px 0px 0px 0px;
	/*border:1px solid #000000;*/
}
.sm1, .sm2, .sm3, .sm3alt{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 40px;
}
.sm1{
	background:#F6E9D9 url(../images/sitemap/sm1.gif) no-repeat top left;
	/*border:1px solid #FF0000;*/
}
.sm2{
	background: url(../images/sitemap/sm2.gif) no-repeat top left;
	border-left:2px solid #B3A5A5;
	/*border:1px solid #00FF00;*/
}
.sm3{
	background: url(../images/sitemap/sm3.gif) no-repeat top left;
	/*border:1px solid #0000FF;*/
}
.sm3alt{
	background: url(../images/sitemap/sm3alt.gif) no-repeat top left;
	/*border:1px solid #0000FF;*/
}
.sm2g{
	width:100%;
	padding: 0px 0px 0px 0px;
	/*border: 1px dashed #0000FF*/
}
.sm2g .sm2g{
	width:95%;
	padding: 0px 0px 0px 0px;
}
.sm2g .sm2g .sm2g{
	width:95%;
	padding: 0px 0px 0px 0px;
}
.smt0, .smt1, .smt2{
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color : #7E5210;
	text-decoration: none;
}
.smt1, .smt2{
	float:left;
	padding: 8px 5px 5px 0px;
}
a.smt0:visited, a.smt1:visited, a.smt2:visited{
	color : #7C5F64;
}
a.smt0:hover, a.smt1:hover, a.smt2:hover{
	color: #000099;
	text-decoration: underline;
}
.smt0{
	font-weight: bold;
}

/* Clear float */
.sm1:after, .sm2:after, .sm3:after, .sm3alt:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
.sm1, .sm2, .sm3, .sm3alt {zoom:1;} /* IE */


/*== Definition List Style ==*/

dt{
	font-weight: bold;
	padding:0px 0px 5px 0px;
}
dd{padding:0px 0px 10px 0px;}

/*== Hide search block - jquery ==*/

.hs{
	
}

.hide{
	background:aqua
}

.hs{
	background:blue
}