﻿#site_shell {
	width: 100%;
	background: url("") no-repeat  top center;
}

#container { 
	width: 986px;  /*1001 for cob*/
	/*background: #FFF;*/
	margin: 0 auto;

	/*	
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: left;
	*/
} 

#header {
	background: url("images/Banner-Belleville_Internal.jpg") no-repeat 13px 30px;
	height: 164px;
	/*
	height: 114px;
	padding: 10px 7px 0 7px;border-bottom: 1px solid #000;
	*/
	
}

/*
    from belleville
*/
.logostyle {
				border-width: 0;
				vertical-align: top;
				padding-top:1px;
				padding-left:6px;
}

#navigation
{
    background: url("images/BG_nav_internal.jpg") no-repeat top center;
    height:55px;
}

#div_content_container
{
    width:988px;
    height:auto;
}

#div_content_top_left_corner{
    background: url("images/frame_top_left_corner.jpg") no-repeat;
    width: 13px;
    height:13px;
    float:left;
}

#div_content_top_side{
    background: url("images/frame_side_top.jpg") repeat-x;
    height:13px;
    width:962px; 
    float:left;       
}

#div_content_top_right_corner{
    background: url("images/frame_top_right_corner.jpg") no-repeat;
    width: 13px;
    height:13px;
    float:left;    
}
.div-content-body{
	padding:0px 30px;
}
.div-content-description, .div-content-asteriskindicate, .div-content-errormsg{
		padding:5px 30px 0px 30px;
}
#div_content_middle_container{
    background: url("images/frame_side_left.jpg") repeat-y;    
    width:100%;
    min-height:300px;
    float:left;
}

#div_content_middle_centre{
	width:962px;


}

#div_content_middle_right{
background: url("images/frame_side_right.jpg") repeat-y right;
width:975px;
 min-height:300px;
 float:right;
}

#div_content_bottom_left_corner{
    background: url("images/frame_bottom_left_corner.jpg") no-repeat;
    width: 13px;
    height:13px;
    float:left;
}

#div_content_bottom_side{
    background: url("images/frame_side_bottom.jpg") repeat-x;
    height:13px;
    width:962px; 
    float:left;       
}

#div_content_bottom_right_corner{
    background: url("images/frame_bottom_right_corner.jpg") no-repeat;
    width: 13px;
    height:13px;
    float:left;    
}

#table_Carousel{
    width:988px;
    background:url('images/carrousel_BG.jpg') no-repeat;
}

#carousel_inner {
float:left; /* important for inline positioning */
width:921px;/*  important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
height:150px;
background-image:url('images/BG_carrousel.jpg');
background-repeat:repeat-x;
}

#carousel_ul {
position:relative;
left:0px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:921px;  /*important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
/*width:297px;   /*fixed width, important */
/* just styling bellow*/
padding:0px;
/*height:217px;  /* no need for height control*/
background: #000000;
margin-top:10px;
margin-bottom:10px; 
margin-left:5px; 
margin-right:4px; 
}

#carousel_ul li img {
margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (a href...) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 
border:0px;
}
#left_scroll, #right_scroll{
/*float:left; */
height:38px; 
/*width:20px; */
background-image:url('images/BG_carrousel.jpg');
background-repeat:repeat-x;
}
#left_scroll img, #right_scroll img{
border:0; /* remove the default border of linked image */
/*styling*/
cursor: pointer;
cursor: hand;
}

#div_footer_copyright
{
    /*
    background: url("images/BG_towerbottom_internal.jpg") norepeat;
    */

	background-image: url("images/footer_barrie.jpg") ;
	background-position:top;
	
	clear: both;
	height: 65px;
	margin: 0px 20px 0px 13px;
	padding: 20px 20px 20px 40px;
	width: 900px;
}

#div_footer_copyright_termofuse{
    width:370px;
    float:right;
    font-family: Arial; color: #44606a;  font-weight: bold;
	
}
#div_footer_copyright_address{
    width:520px;
    float:right;
    font-family: Arial; color: #ccc;
	
}

.div_footer_copyright_outer{

display: table; height: 65px;  #position: relative; overflow: hidden;

}
.div_footer_copyright_middle{
   
#position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;
margin-left:40px;
}
.div_footer_copyright_inner{

 text-align:left; 
 padding-right:6px;
}
.div_footer_copyright_inner br{
	line-height: 0px;
	display:none;
}
.div_footer_copyright_inner a{
	padding:0px 10px;
}
#div_footer_list{
    width:988px;
    height:200px;
    
}


#megaanchor1,#megaanchor2,#megaanchor3,#megaanchor4{
    color:#000000;
    text-decoration:none;
}

#div_nivationtion_inner{
    padding-top:18px;
}

#div_sitemap{
    width: 200px;
    position:absolute;
    top:30px;
    left:550px;
}
#div_logo{
    width: 152px;
    
}

.footers{
    width:25%;
    height:200px;
    float:left;
}

.footerbg{
background-color:Transparent;
font-weight:bold;
text-align: left;
width:100%;

}

.footerbg_alternate{
background-color:#f9f9f9;
font-weight:bold;
width:100%;
text-align: left;
}

.no_dot_list{
    list-style-type: none; 
}

.footer_title{
    font-family: Arial; color: #165872; font-size: 20px;
    height:28px;
    padding-top:8px;
}
/*
float:left;
float:right;
*/

