/* TOOLS CSS */

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.center{text-align:center !important;}

p { margin: 0 0 10px 0; }

ol { list-style-type: decimal; list-style-position: outside; margin-left: 30px; margin-bottom: 15px; }

a, a:active, a:visited {
	color: #492465;
	text-decoration: none;
	}
a:hover { text-decoration: underline; }

a img {
	border:none;
}

/* END TOOLS */




/* TYPOGRAPHY */

h2 {
	color: #85ccd5;
	font-size: 20px;
	font-weight: bold;

}

h2 { margin-bottom: 15px; }

h3 + p {
	margin-top: 15px;
	}
	
p + h3 { margin-top: 20px; }

h3 { color: #000000; }

h4 { font-size: 14px; font-weight: bold; color: #ec0089; }

h5 { font-size: 13px; font-weight: bold; color: #000000; }

h6 { font-size: 16px; font-weight: bold; color: #333333; }





.number{
	color: #c6181e;
	font-size: 20px;
	font-weight: bold;

}

/* END TYPOGRAPHY */





/* SEARCH */

.title{
 background:#333333;
 margin: 0 0 4px 0;
 padding:7px 10px;
 text-align:center;}

#search{
 background:#e6e6e6;
 margin: 0 0 20px 0;
 position:relative; }
 
#search fieldset{
 padding:15px 0 15px 25px;
 border:none;}
 
#search fieldset.hotelWrap{
 padding:31px 0 28px 25px;}

#search fieldset p.center{
 padding:10px 0 0 0 !important;
 width:248px;}

#search fieldset select, #search fieldset .txt{
 width:248px;
 float:left;
 margin: 0 0 10px 0;
 height:20px;
 color:#000;
 font-size:12px;}
 
#search fieldset .txt{
 width:239px;
 float:left;
 margin: 0 0 10px 0;
 height:17px;
 color:#000;
 font-size:12px;
 border:1px solid #666666;
 padding-left:7px;}
 
#search fieldset select.hotelpackages{
 width:166px;
 float:left;
 margin: 0 0 10px 0;
 height:20px;
 color:#000;
 font-size:12px;}
 
#search .col{
  float:left;
  width:258px;}
  
#search .title{padding:6px 0 0 10px !important;}

#search label{
text-align:right;
width:32px !important;
float:left;
font-size:12px;
margin:0 5px 0 0;
}

#search input.dates{
width:100px;
border:1px solid #999999;
height:17px;
padding:4px 0 0 2px;
float:left;
margin:0 5px 0 0;
}



ul.tabs-search{padding:0 !important;font-size:12px; list-style:none;}

ul.tabs-search li{
 padding: 0 2px 0 0 !important;
 float:left;}

ul.tabs-search li a{
 display:block;
 float:left;
 height:42px;
 text-decoration:none !important;
 color:#FFF !important;
 background:#666666 url('../img/bg_tabs_search.gif') no-repeat left -64px;}

ul.tabs-search li a span{
 display:block;
 float:left;
 margin: 0 0 0 10px;
 padding: 7px 17px 0 7px;
 height:23px;
 background:url('../img/bg_tabs_search.gif') no-repeat right -106px;
 line-height:14px;}

ul.tabs-search li a.selected{
 color:#333333 !important;
 background:#e6e6e6 url('../img/bg_tabs_search.gif') no-repeat 0 0px !important;}

ul.tabs-search li a.selected span{
 background-position: right -32px !important;}
 
ul.tabs-search li{
 padding:10px 0;}

/* END SEARCH */





/* PAGE LAYOUT */


body {
	background:#666666 url(http://www.insideout.ca/year/img/bk-repeat.gif) top center;

	font:12px/18px Lucida Grande, Helvetica, Arial, Verdana, sans-serif;
	color:#626262;
}

#container {
	width: 865px;
	margin: 0 auto;
	padding: 0 5px;
	}

#header {
	width: 865px;
	height: 130px;
	background: url(http://www.insideout.ca/19Annual/img/io2010.jpg);
	}


#contentWrap {
	width: 865px;
	background: #fff
	}


#contentLeft {
		width: 150px;
	   	text-align: left;
		margin: 0 auto;
    	padding-left: 10px; 
    	padding-top: 1px; 	
    	border-right: 1px dotted #ff99cc;
    	float: left;
        }


#contentLeft1 {
		width: 150px;
	   	text-align: left;
		margin: 0 auto;
    	padding-left: 10px; 
    	padding-top: 1px; 	
      	padding-right: 5px; 
	float: left;
        }


#contentMain {
		width: 655px;
		padding-left: 10px; 
    	padding-top: 1px; 
		float: left;
		}

#contentMain1 {
		width: 405px;
		padding-left: 10px; 
    	padding-top: 1px; 
		float: left;
		}



#flash {
	width: 865px;
	height: 240px; 
	padding-left: 0px;
 	padding-right: 0px;
	}

		

#contentRight {
		background:#ec0089;
    	width: 250px;
		padding-left: 10px;
     	padding-top: 1px; 
    	padding-right: 10px;
    
		float: right;
		}

#border1 {border-top: 1px dotted #000000;
    	padding-top: 0;
    	padding-bottom: 0px; 
        }
 

#border {border-top: 1px dotted #992937;
    	padding-top: 10px;
    	padding-bottom: 10px; 
        }
 

#borderSolid {
        border-top: 1px solid #ed0f90;
       	padding-top: 4px; 
    	padding-bottom: 0px; 
    
        }



#footer {
	width: 805px;
	background: url(../images/footer-bg.jpg) top center no-repeat;
	background: #000;
	margin: 0 auto 20px;
	padding: 20px 30px 50px;
	color: #fff;
	font-weight: normal;
    font-size: 11px;

	}



/* END LAYOUT */