/* Margins & padding */
*, body, h1, h2, h3, h4, h5, h6, form, p, input, ul, li { margin: 0px;  padding: 0px; }

div#wrapper {
	width: 960px;
	margin: auto;
	text-align: left;
}


/* Font preferances */
body { 
	font-size:100%; 
	font-family: arial, helvetica, sans-serif; 
}

h1, h2, h3, h4, h5, h6{ 
	font-size: 1em; /* 16px * 0.75 = 12px */ 
	line-height: 1.5em;
}

p, li, form, #footer, h1 { 
	font-size: 0.75em; /* 16px * 0.75 = 12px */ 
	line-height: 1.5em;
}

.hide { position: absolute; left: -200em; }

/*
body { background: #c9c4b0 url(../images/november11.jpg) center 0px no-repeat;}
#special a { background: transparent; height: 57px; width: 300px; display: block; position: absolute; top: 485px; margin-left: 655px;}
#special a span { display: none;  }
#feature { background: #333 }
*/

/* Positioning*/

/* Header */
#header { 
	float: left;
	height: 75px;
    display: block;
	width: 960px;
    overflow: hidden;
	/*background: #064e80 url(../images/iwantto-search-bkg.gif) no-repeat right;*/
    background: #064e80 url(../images/iwantto-search-bkg.gif) no-repeat right;
}

h1#logo {
    padding-top: 74px; /* height of the replacement image */
    float:left;
	height: 0px;
    overflow: hidden;
    background-image: url(../images/cot_logo_home.gif);
    background-repeat: no-repeat;
}

#iwantto { float:left; display: block; margin-left: 256px; _margin-left: 236px;/ margin-right: 10px; margin-top: 23px; /*_margin-top: 26px; */}
#iwantto h2 a.header {

    padding-top: 50px; /* height of the replacement image */
    float:left; 
	width:239px;
	height: 0px;
    overflow: hidden;
    background: url(../images/iwantto_off.gif) no-repeat;
    display: block;
    margin: 0;
    text-decoration: none;
    color: #333;
    
    position:absolute;
}

#iwantto h2 a.header:hover{
    background: url(../images/iwantto_on.gif) no-repeat;
}



#iwantto-menu { 
    background: #fff; 
    border: 1px #999 solid;
    clear: both;
    float: left; 
    height: auto;
    left: -999em; 
    list-style: none;
    margin-top:26px;
    overflow:auto;
    padding-bottom: 2px;
     
    position: absolute;   
    width: 233px;    
    z-index:200;
}
#iwantto-menu.onMouseDown, #iwantto:hover #iwantto-menu { left: auto; margin-left:2px; /*_margin-top:26px*/ } /* clickable menu */
#iwantto-menu li { display: block; clear: both; float: left; overflow: hidden; width: 100%;}
#iwantto-menu li a {display: block; color: #525252; padding: 2px; padding-right: 10px; padding-left: 13px; text-decoration: none;}
#iwantto-menu li a:hover { background: #e7ecd7; border-left: 3px #b4be91 solid; padding-left: 10px;}
#iwantto-menu li a em { color: #414c19; font-style: normal; }


form#siteSearch { float:right; display: block; position:relative; right:0; margin-right: 22px;  _margin-right: 13px; }
#search label{     
    display: block;
    height: 54px;
    white-space: nowrap;
    padding-top: 23px; /*_padding-top: 25px;*/
    float: left;
    }
#search input.textbox { float: left; margin-top: 2px; margin-right: 5px; padding-top: 4px; padding-bottom: 3px; color: #ccc; border: 1px solid #ccc; width: 130px; }
#search button { background: url(../images/search_off.gif); border: none; height: 22px; width: 60px; margin-top: 2px; }

/* end Header */


#feature{
	position:relative;
	padding:0;
	margin:0;
	z-index:100;
	float:left;
	display: block;
	height: 220px;
	width: 960px;
	overflow:hidden;
}

#photo {
   
    width: 10000%;
    white-space: nowrap;
    display: block;

}

#photo div { float:left; }
#photo div.image { width: 960px; height: 220px; display: block; float: left;}

#news{
	margin: 0;
	padding:0;
	background: #333333; 
	width: 290px;
	height: 220px;
	position: absolute;
	z-index:200;
	top:0;
	left:670px;
	overflow: hidden;
	filter:alpha(opacity=90); 
	opacity: 0.9; 
	-moz-opacity:0.9;
}


#news ul li {
	margin-left: 1.2em;
	list-style: square;
}

#news .slidercontent a { color: #fff; text-decoration:underline; font-weight:bold; }
#news .slidercontent a:hover { color: #fff; text-decoration:underline; font-weight:bold; }

#news-nav{
	padding:0;
	margin:0;
	overflow: hidden;
	width: 290px;
	height: 220px; 
	float: left;
}

.sliderpage {
	overflow:auto;
	float: left;
	width: 268px;
	height: 165px;
	position: relative;
	left: 0px;
	padding-left:11px;
	padding-right:11px;
}

.sliderpage p {margin-bottom:10px;}


.slidercontent{
	position:relative;
	color:#fff;
	width: 1760px;
	height: 165px;
	padding-top:10px;
}

.slidercontent .clear {
	float: left;
}

.slidercontent h2{ display: none; }

.slidercontent h3{
	font-size: 1em; /* 16px * 0.75 = 12px */ 
	line-height: 1.5em;
	font-weight:bold;
	color: #fff;
	padding-top:5px;
}

.cotSliderNav {
	width: 270px;
	position: relative;
	margin: 0px 10px;
	border-top: 1px solid #ffffff;
	left:0;
	top:0;
	height:0px;
        
    
    
}

.cotSliderNav .pages { 
    padding-top: 10px; 
    margin-left: auto;
    margin-right: auto;
    width: 110px;
    
 }
.cotSliderNav .pages a.button, .cotSliderNav .pages a.deselect {

    padding-top: 15px; /* height of the replacement image */
    float:left; 
	width:15px;
	height: 0px;
    overflow: hidden;
    background: url(../images/nav-select-dot.gif) no-repeat;
    display: block;
    margin: 0;
    text-decoration: none;
    color: #333;
    padding-left: 3px;

 
}
.cotSliderNav .pages a.button:hover, .cotSliderNav .pages a.select {
    background: url(../images/nav-select-dot.gif) no-repeat 0 -15px;
    
}
.cotSliderNav .pages a.select { cursor: default;}

.cotSliderNav .wrapper { width: auto; text-align: center; }
.cotSliderNav .wrapper .buttonprev { float: left; padding-top: 5px; }
.cotSliderNav .wrapper .buttonnext { float: right; padding-top: 5px; }
.cotSliderNav .cotNwsBtnPrev, .cotSliderNav .cotNwsBtnNext{
	padding-top: 25px; /* height of the replacement image */
    height: 0px;
	float: left;
	width: 22px;
    overflow: hidden;
	display: block;
    
}

.cotSliderNav a.cotNwsBtnPrev{
background: url(../images/arrow_left.gif) no-repeat;
/*
margin-right: 65px;
_margin-right: 35px;
*/
}

.cotSliderNav a.cotNwsBtnPrev:hover{
    background: url(../images/arrow_left.gif) no-repeat 0 -24px;

}

.cotSliderNav a.cotNwsBtnNext{
    background: url(../images/arrow_right.gif) no-repeat;

}

.cotSliderNav a.cotNwsBtnNext:hover{
    background: url(../images/arrow_right.gif) no-repeat 0 -24px;

}

/* End Feature */

#wdywtd{
	float:left;
	width: 960px;
	display:block;
	margin:0;
	padding:0; 
	height: 51px;
	text-align:left;
	background: url(../images/want_to_bg.gif) 0px 0px no-repeat;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
    /* _margin-bottom: -11px; */
}


#content { }

#content .portal {
	float:left;
	/*height: 8.75em*/ /* 140px */;
	display: block;
	width:960px;
	border-bottom: solid 1px #fff;
    border-top: solid 1px #fff;
	padding:0;
	margin:0;
}


#content .portal div {
	display: block;
	float: left;
	width: 239px;
	height: 9.75em /* 140px */;
	display: block;
    color: #333333;
}

#content .portal p {
	margin-left: 11px;
    margin-right: 11px;
    padding-top: 8px;
}

#content .portal div a {
	color: #333;
    text-decoration: none;
    font-weight: bolder;
}

#content .portal div a:hover{
	color: #333;
    text-decoration: underline;
}


#content .portal div a.header {
	padding-top: 29px; /* height of the replacement image */
    height: 0px;
	width: 239px;
    overflow: hidden;
	display: block;
	}

#content .portal #Living{
	border-right: 1px solid #fff;
	background: #dae5ec url(../images/livingbg.gif) 0px 28px repeat-x;
}

#content .portal #Living a{
	color: #003366;
}


#content .portal #Living a.header {
	background: url(../images/livingintoronto.gif) no-repeat;
}

#content .portal #Living a.header:hover {
	background: url(../images/livingintoronto.gif) no-repeat 0px -28px;
}


#content .portal #DoingBusiness{
	border-right: 1px solid #fff;
	background: #e8e1e8 url(../images/businessbg.gif) 0px 28px repeat-x;
}

#content .portal #DoingBusiness a{
	color: #663366;
}

#content .portal #DoingBusiness a.header {
	background: url(../images/doingbusiness.gif) no-repeat;
}


#content .portal #DoingBusiness a.header:hover {
	background: url(../images/doingbusiness.gif) no-repeat 0px -28px;
}

#content .portal #Visiting{
	border-right: 1px solid #fff;
	background: #f7f0d9 url(../images/visitingbg.gif) 0px 28px repeat-x ;
}

#content .portal #Visiting a{
	color: #a47b00;
}


#content .portal #Visiting a.header {
	background: url(../images/visitingtoronto.gif) no-repeat;
}


#content .portal #Visiting a.header:hover {
	background: url(../images/visitingtoronto.gif) no-repeat 0px -28px ;
}

#content .portal #AccessingCityHall{
	width: 240px;
	background: #e1e8e1 url(../images/accessingbg.gif) 0px 28px repeat-x ;
}

#content .portal #AccessingCityHall a{
	color: #336633;
}

#content .portal #AccessingCityHall a.header {
    width: 240px;
	background: url(../images/accessingcityhall.gif) no-repeat;
}


#content .portal #AccessingCityHall a.header:hover {
	background: url(../images/accessingcityhall.gif) no-repeat 0px -28px ;;
} 


#footer{
	float: left;
	display: block;
	background: #e2e2e2 url(../images/footer_bg.gif) no-repeat;
	margin-bottom:30px;
	width: 960px;
	height: 40px;
    margin-bottom: 300px;
}

.translate {
    	padding-top: 40px; /* height of the replacement image */
    	float:left;
	width:80px;
	height: 0px;
    	overflow: hidden;
    	background-image: url(../images/translate.gif) ;
    	background-repeat: no-repeat;
	margin-top:-5px;
	margin-left:-5px;
}


#footer form label { display: none;}
#footer #translate { float:left; margin-top: 6px; margin-left:5px;}
#footer #translate select.dropdown { font-size:1.3em; border: 1px solid #ccc; padding:3px 0; width: 125px; }
/*#footer #translate select.dropdown option {padding:2px 4px;}*/
#footer #translate .btn{ display: none; }

#three-eleven { float:left; margin-top: 10px; margin-left:30px;}

#three-eleven a {
    	padding-top: 19px; /* height of the replacement image */
    	float:left;
		width:159px;
		height: 0px;
    	overflow: hidden;
    	background-image: url(../images/311icon.gif);
    	background-repeat: no-repeat;
}

.browsealoud { padding-left:15px; background: url(../images/browse-sm.gif) no-repeat center left; }
.mail { padding-left:20px; background: url(../images/mail.gif) no-repeat center left; }
.rss { padding-left:15px; background: url(../images/rss-sm.gif) no-repeat center left;} 

#meta { float:right; margin-top: 10px; display: block; color: #999999 /*#686767*/; font-size: 11px; margin-right:20px;}
#meta a { color: #333333 /*#727171*/; margin-top: 20px; text-decoration: none; font-size: 11px;}
#meta a:hover{ text-decoration: underline;}