@import "dropdown.css";

    /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
    +                                    +
    +  Website development by SeeThrough Web, Toronto, ON, Canada      +
    +  http://seethroughweb.com                      +
    +  info@seethroughweb.com                        +
    +                                    +
    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ /*

/* global 
==================================================== */

html {
  height: 101%;
}

body, p, h1, h2, h3, h4, h5, h6, ul, li, td {
  margin: 0;
  padding: 0;
  
  list-style: none;
}

body { padding-top:10px; }

a { color: #000; }

a img {
  border: none;
}

.clear { clear:both;}

.divider hr {
  background:none repeat scroll 0 0 transparent;
  height:1px;
  margin-bottom:10px;
  padding-top:10px;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: 1px;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: dotted;
  border-left-style: none;
  border-bottom-color: #000000;
}


/* common colours 
==================================================== 

Health Services Blue: #cce6f7
Health Promotion Purple: #e3d1e7
Community Services Orange: #ffd9aa
Community Building Green:  #dbeccb

Lawrence Heights Purple: #9a4d9e
Bathurst-Finch Blue: #1ab7ea
Jane Trethewey Orange: #fcb040
Keele-Rogers Green: #7ac142


*/



/* page structure
==================================================== */
#ocontainer { width: 880px; margin: 0 auto; padding-left:45px; padding-right: 35px;}
#icontainer {}
#header {}
#lcontainer, #rcontainer { float:left; }
#lcontainer { width:627px; margin-top:10px;}
#rcontainer { width:240px; margin-left:13px; margin-top:5px;}
#mcontainer, #mcontainter { clear:both; }
#footer { clear:both; margin-top:40px;}

/* header 
==================================================== */

#logo { float:left; width:180px;}
#header_right { float:right; width: 620px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#topsupmenu, #fontsizer, #search { text-align:right; font-family:Arial, Helvetica, sans-serif;}
#searchform input.search-go { background-image: url(/fileadmin/img/search-button.gif); height:22px; width:20px; }
#topsupmenu { width:300px; float:left; padding-top:5px;}
#fontsizer { width:145px;  float:left; }
#search { width:175px; float:right; padding-top:1px;}
#topsupmenu a { text-decoration:none; padding:0 10px; }
#google-translate { float:right; text-align:right;}




/* menus 
==================================================== */

ul#mainmenu { clear:both; display:block; width: 880px; border-bottom: 1px solid black; height:25px; padding:0; margin:0;  margin-top:15px; font-size:14px; } 
/* the rest of mainmenu is imported from dropdown.css */

#breadcrumbs { clear:both; font-size:1.4em; padding:12px 0px; margin-top: 35px; }
#footmenu {}
#leftmenu li, #rcontent ul.csc-menu-1 li { border-bottom:1px solid #cccccc; 
  margin-left:0px;
  padding:5px 10px;
  list-style-type:none;
  background-image: url(/fileadmin/img/bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 10px;
  font-size:1.2em;

}
#leftmenu li a, #rcontent ul.csc-menu-1 li a { text-decoration:none; }
#leftmenu li.on, #rcontent ul.csc-menu-1 li.on  { background:none;}
#leftmenu li.on a.active, #rcontent ul.csc-menu-1 li.on a.active { font-size:2.1em; }

#leftmenu h3 { background-image: url(/fileadmin/img/bgrd-quicklinks.gif); background-repeat: no-repeat; padding-left:5px; padding-bottom:5px; padding-top:3px;}

/* services menus */
#lcontainer ul.fiftyleft, #lcontainer ul.fiftyright { float:left; padding-left:0px; }
#lcontainer ul.fiftyleft { width:130px;}
#lcontainer ul.fiftyright { margin-left:5px; width:130px;}
#lcontainer .csc-default ul.fiftyleft li, #lcontainer .csc-default ul.fiftyright li {

  margin-left:0px;
  padding-left:10px;
  padding-right:0px;
  list-style-type:none;
  background-image: url(/fileadmin/img/bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:1.3em;
}


/* body of website
==================================================== */



#lcontainer ul, #rcontent ul {
  margin:auto;
  list-style-type: disc;
}
#lcontainer li, #rcontent li { font-size: 1.3em;}
#lcontainer li li, #lcontainer li li li, #lcontainer li li li li,  #rcontent li li, #rcontent li li li,#rcontent li li li li { font-size: 1em; }
#lcontainer ol, #rcontent ol {
  margin-left:12px; padding-left:12px;
  }
#lcontainer ol li, #rcontent ol li {
  margin:auto;
  list-style-type: decimal;
}
#lcontainer li, #rcontent li {
  margin: auto;

}


/* footer of website
==================================================== */

#footlogos { float:left;}
#footmenu { text-align:right; float:right; padding-top:25px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}
#footmenu a { text-decoration:none;}
#leftmenu img { margin-top:10px;}

/* Standard Typography 
==================================================== */
body {   color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size:10px;}
  
h1 { font-size: 2.1em; margin-bottom:10px;}
h2 { font-size: 2.1em; margin-bottom:10px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #000000;
  padding-bottom:5px;
}
h3 { font-size: 1.7em; margin-bottom:10px;}
h4 { font-size: 1.5em; margin-bottom:10px;}
h5 { font-size: 1.4em; margin-bottom:10px;}
h6 { font-size: 1.3em; margin-bottom:10px;}
p  { font-size: 1.3em; margin-bottom:10px;}
td { font-size: 1.3em; }

.align-right   { text-align:right;}
.align-left   { text-align:left;}
.align-center    { text-align:center;}
.align-justify   { text-align:justify;}
.indent { margin-left:50px; }


.LawrenceHeightsPurple {color: #9a4d9e;}
.BathurstFinchBlue {color: #1ab7ea;}
.JaneTretheweyOrange {color: #fcb040;}
.KeeleRogersGreen {color: #7ac142;}

.LawrenceHeightsPurple a {color: #9a4d9e; text-decoration:none; }
.BathurstFinchBlue a {color: #1ab7ea; text-decoration:none;}
.JaneTretheweyOrange a {color: #fcb040; text-decoration:none;}
.KeeleRogersGreen a {color: #7ac142; text-decoration:none;}


.LawrenceHeightsPurple a:hover {color: #9a4d9e; text-decoration:underline; }
.BathurstFinchBlue a:hover {color: #1ab7ea; text-decoration:underline; }
.JaneTretheweyOrange a:hover {color: #fcb040; text-decoration:underline; }
.KeeleRogersGreen a:hover {color: #7ac142; text-decoration:underline; }


#leftcontent .tx-powermail-pi1 { font-size:1.3em; }
#leftcontent .csc-default  ul { margin-bottom:10px; }
#leftcontent .csc-default  li {
  margin-left:5px;
  padding:0px 10px;
  list-style-type:none;
  background-image: url(/fileadmin/img/bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

/* Content Frames
==================================================== */

/* Blue pic frame with curved top */
.csc-frame-invisible {
  background-image: url(/fileadmin/img/banner-top-curve-blue.gif);
  background-repeat: no-repeat;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #b9e1f8;
  padding-top: 6px;
  padding-left:1px;
  margin-bottom:15px;
}

body.lawrence-heights .csc-frame-invisible { background-image: url(/fileadmin/img/banner-top-curve-purple.gif); border-bottom-color: #b9e1f8;}
body.bathurst-finch .csc-frame-invisible { background-image: url(/fileadmin/img/banner-top-curve-blue.gif); border-bottom-color: #1ab7ea;}
body.jane-trethewey  .csc-frame-invisible{ background-image: url(/fileadmin/img/banner-top-curve-orange.gif); border-bottom-color: #fcb040;}
body.keele-rogers .csc-frame-invisible { background-image: url(/fileadmin/img/banner-top-curve-green.gif); border-bottom-color: #7ac142;}
body.pathways .csc-frame-invisible { background-image:none; }

body.health-services .csc-frame-invisible { background-image: url(/fileadmin/img/banner-top-curve-hs.gif); border-bottom-color: #cce6f7;}
body.health-promotion .csc-frame-invisible { background-image: url(/fileadmin/img/banner-top-curve-hp.gif); border-bottom-color: #e3d1e7;}
body.community-services  .csc-frame-invisible{ background-image: url(/fileadmin/img/banner-top-curve-cs.gif); border-bottom-color: #ffd9aa;}
body.community-building .csc-frame-invisible { background-image: url(/fileadmin/img/banner-top-curve-cb.gif); border-bottom-color: #dbeccb;}
body.pathways .csc-frame-invisible { background-image:none; border:none; }

/* Health backgrounds (home page) */
.csc-frame-rulerBefore {
  background-image: url(/fileadmin/img/background-healths.gif);
  background-repeat: no-repeat;
  padding-top:15px;
  padding-left:15px;
  height:175px;
}
.csc-frame-rulerBefore div.csc-textpic div.csc-textpic-single-image img { margin-bottom:0px;}


 
body.lawrence-heights .csc-frame-rulerBefore { background-image: url(/fileadmin/img/bgrd-svcs-menu-purple.gif); }
body.bathurst-finch .csc-frame-rulerBefore { background-image: url(/fileadmin/img/bgrd-svcs-menu-blue.gif); }
body.jane-trethewey  .csc-frame-rulerBefore{ background-image: url(/fileadmin/img/bgrd-svcs-menu-orange.gif); }
body.keele-rogers .csc-frame-rulerBefore { background-image: url(/fileadmin/img/bgrd-svcs-menu-green.gif); }
body.pathways .csc-frame-rulerBefore { background-image: url(/fileadmin/img/bgrd-pathways-menu.gif); }

/* Community backgrounds (home page) */
.csc-frame-rulerAfter {
  background-image: url(/fileadmin/img/background-community.gif);
  background-repeat: no-repeat;
  padding-top:15px;
  padding-left:15px;  
    height:175px;
}

body.lawrence-heights .csc-frame-rulerAfter { background-image: url(/fileadmin/img/bgrd-svcs-menu-purple.gif); }
body.bathurst-finch .csc-frame-rulerAfter { background-image: url(/fileadmin/img/bgrd-svcs-menu-blue.gif); }
body.jane-trethewey  .csc-frame-rulerAfter{ background-image: url(/fileadmin/img/bgrd-svcs-menu-orange.gif); }
body.keele-rogers .csc-frame-rulerAfter { background-image: url(/fileadmin/img/bgrd-svcs-menu-green.gif); }
body.pathways .csc-frame-rulerAfter { background-image: url(/fileadmin/img/bgrd-pathways-menu.gif); }

.csc-frame-rulerAfter .half.first , .csc-frame-rulerBefore .half.first { width:280px;}
.csc-frame-rulerAfter .half.last , .csc-frame-rulerBefore .half.last { width:280px; margin-right:10px;}
.csc-frame-rulerAfter div.csc-textpic div.csc-textpic-single-image img { margin-bottom:0px;}

/* Services Headings - also used elsewhere */

.csc-frame-indent3366 { background-image: url(/fileadmin/img/bgrd-header.gif); background-repeat: no-repeat; padding-top:6px; padding-left:5px;  }
body.health-services .csc-frame-indent3366 { background-image: url(/fileadmin/img/bgrd-hs-header.gif); background-repeat: no-repeat; padding-top:6px; padding-left:5px; }
body.health-promotion .csc-frame-indent3366 { background-image: url(/fileadmin/img/bgrd-hp-header.gif); background-repeat: no-repeat; padding-top:6px; padding-left:5px; }
body.community-services .csc-frame-indent3366 { background-image: url(/fileadmin/img/bgrd-cs-header.gif); background-repeat: no-repeat; padding-top:6px; padding-left:5px; }
body.community-building .csc-frame-indent3366 { background-image: url(/fileadmin/img/bgrd-cp-header.gif); background-repeat: no-repeat; padding-top:6px; padding-left:5px; }
body.pathways .csc-frame-indent3366 { background-image: url(/fileadmin/img/bgrd-pathways-header.gif); background-repeat: no-repeat; padding-top:6px; padding-left:5px; }

.csc-frame-indent3366 { padding-bottom:5px; margin-bottom:10px;}

body.health-services h1,
body.health-promotion h1,
body.community-services h1,
body.community-building h1,
body.pathways .csc-frame-indent3366  h1 { padding-top:10px; padding-bottom:0px; margin-bottom:0px;}



/* available at */

.csc-frame-indent6633 h1 { margin-bottom:5px; margin-top:10px;}

.csc-frame-indent6633 div.csc-textpic-intext-right div.csc-textpic-imagewrap { text-align:left; width:100px; margin-right:210px ;}

.csc-frame-indent6633 div.csc-textpic-intext-right div.csc-textpic-imagewrap li { padding-right:3px;}


/* News Styles
==================================================== */

/* Latest View */
div.news-latest-item { padding-bottom:15px;}
div.news-latest-item p.news-date { font-style:italic; font-size:1.4em; margin-bottom:10px;}
div.news-latest-item p { margin-bottom:5px;}

.news-list-container img { float:right; text-align:right; margin: 0 0 10px 10px;}
.news-single-img { float:right; width:200px; text-align:right; margin: 0 0 10px 10px;}


/* Flexible Content Elements 
==================================================== */

#quarters, #thirds, #halves, #tqoq, #oqtq, #ttot, #ottt { clear:both; margin-bottom:10px; }
.third, .half, .quarter, .tquarter, .tthird { float:left; }
.third { width:32%; margin-right:2%; }
.tthird { width:66%; margin-right:2%;}
.half { width: 49%; margin-right: 2%; }
.quarter { width: 23%; margin-right:2%; }
.tquarter { width:73%; margin-right:2%; }
.last { margin-right:0; float:right;}

#tqoq .quarter.last { width:25%; }

/* Image Slider
==================================================== */

.tx-stwslider-pi1 {
  background-image: url(/fileadmin/img/bgrd-cs-imageslider.gif);
  height:106px;
  padding-top:5px;
  padding-left:30px;
  background-repeat: no-repeat;
}

body.pathways .tx-stwslider-pi1 { background-image: url(/fileadmin/img/bgrd-pathways-imageslider.gif); }
/* body.pathways .tx-stwslider-pi1 a.next.browse.right { background-image: url(/fileadmin/img/bgrd-pathways-imageslider.gif); } */

.tx-stwslider-pi1 a { text-decoration:none; }

#leftcontent .csc-default .tx-stwslider-pi1 li, #leftcontent .csc-default .tx-stwslider-pi1 ul { border:none; margin:0px; list-style:none; background:none; padding:0px; }

/* Powermail 
==================================================== */

.tx-powermail-pi1 fieldset { border:none; }
.tx-powermail-pi1 fieldset legend { display:none; }
.tx-powermail-pi1 fieldset label { width:200px; float:left; }
.tx-powermail-pi1 fieldset input, .tx-powermail-pi1 fieldset textarea, .tx-powermail-pi1 fieldset select { float:left; }
.tx-powermail-pi1 fieldset input.powermail_file { width:125px; }

.tx-powermail-pi1 fieldset div.tx_powermail_pi1_fieldwrap_html { clear:both; padding-top:10px; display:block; width:100%;}

.tx-powermail-pi1 fieldset  input.powermail_submit { width:100px; margin-left:300px; text-align:center; }

#lcontainer .tx-powermail-pi1_mandatory { font-size:1.3em; }
#lcontainer .tx-powermail-pi1 ul.powermail_mandatory_list { padding: 10px; margin-left: 10px;}
li.powermail_mandatory_listitem { list-style-type:disc; color:red; font-size:1em;}

.validation-advice { color:red; clear:both; padding-top:5px; font-size:1.2em; }

/* Contact Form */
/* Newsletter Signup Checkbox */
.tx-powermail-pi1 fieldset #powermaildiv_uid189 p { display:none; }
.tx-powermail-pi1 fieldset #powermaildiv_uid189 input {  width:auto;}


/* Volunteer Registration */

.tx-powermail-pi1 p { font-size:1em;}
#powermaildiv_uid58 input { width: auto;}
#powermaildiv_uid58 .powermail_radio_inner { display:block; clear:both;}


/* Wide form Styling */

fieldset.wideform label,
fieldset.wideform input,
fieldset.wideform textarea,
fieldset.wideform select { display:block; float:none; }

fieldset.wideform label { width:auto; }

fieldset.wideform .tx_powermail_pi1_fieldwrap_html { margin-bottom:10px;}

fieldset.wideform textarea { width:375px; height:75px; margin-top:10px;}

fieldset.wideform input.powermail_check,
fieldset.wideform input.powermail_radio { width:auto; }

fieldset.wideform .powermail_check_inner,
fieldset.wideform .powermail_radio_inner { padding-left:25px;}

fieldset.wideform .tx_powermail_pi1_fieldwrap_html_check label,
fieldset.wideform .tx_powermail_pi1_fieldwrap_html_radio label,
fieldset.wideform .tx_powermail_pi1_fieldwrap_html_check input,
fieldset.wideform .tx_powermail_pi1_fieldwrap_html_radio input { float:left; }

fieldset.wideform .tx_powermail_pi1_fieldwrap_html_check input,
fieldset.wideform .tx_powermail_pi1_fieldwrap_html_radio input { margin-left:10px; margin-right:25px; }

/* tt_address
==================================================== */

.tx-ttaddress-pi1 { padding-bottom:10px; font-size:1.3em;}
.tx-ttaddress-pi1 div.vcard { padding-bottom:10px;}


/* cal 
==================================================== */

#month-header-icons,
#month-footer , 
table#calendar-nav { display:none; }


#month-header-prevnext { width:100%; border-bottom:1px dotted #000; padding-bottom:10px; margin-top:10px;}
.month-large { width:100%; margin-top:5px; }


.tx-cal-controller .navback { background:none; }

.month-large .weekday { background-color:#e3d1e6; height:25px; font-size:1.2em; }

td.monthToday { background-color:#e7d4e8 !important; }
.monthToday a:link, 
.monthToday a:visited { color:#000000; }

td.monthSelectedWeek,
td.monthCurrentWeek { background-color:#FFFFFF; }

.month-large .day div { text-align:left;}

a.calpop { text-decoration:none; font-size:1.2em; }
.tooltip {
  display:none;
  background:url(/fileadmin/img/bgrd-cal-hover.png);
  
  padding:10px;
  width:310px;
  font-size:11px;
  color:#000;
  border:1px solid #c1c1c1;
  
}
.tooltip a { color: #000;}



.monthname { float:left; font-size: 1.8em; width:92%; text-align:center;}
.calborder{ border:none;}

#calfilters select { margin-right:20px;width:238px; height:22px; border: 1px solid #c5c5c5; background:url(/fileadmin/img/bgrd-cal-select.gif) repeat-x; }

/* Category/location icons */
div.category span {  float:left; }
span.Lawrence {
  background-image: url(/fileadmin/img/icons/lawrence-heights-small.gif);
  background-repeat: no-repeat;
  width:15px; height:15px;
}
span.Keele-Rogers { background:url(/fileadmin/img/icons/keele-rogers-small.gif); background-repeat: no-repeat; width:15px; height:15px; }
span.Jane-Trethewey { background:url(/fileadmin/img/icons/jane-trethewey-small.gif); background-repeat: no-repeat; width:15px; height:15px;  }
span.Bathurst-Finch { background:url(/fileadmin/img/icons/bathurst-finch-small.gif); background-repeat: no-repeat; width:15px; height:15px; }

/* events */
 #calendar-event div { font-size:1.2em; }
 #calendar-event div p { font-size:1em; }

/* ch Imae Gallery
==================================================== */
.tx-chgallery-pi1 .info { display:none; }

/* Login Form
==================================================== */

.tx-felogin-pi1 fieldset { border:none; }
.tx-felogin-pi1 legend { display:none;}
.tx-felogin-pi1 fieldset div { margin-bottom:10px; }


/* mm Forum
==================================================== */

input.tx-mmforum-button { font-size:1em; }
input.tx-mmforum-button, 
th.tx-mmforum-th { background-color:#1ab7ea !important;}

input.tx-mmforum-button, 
.tx-mmforum-textbutton { border:1px solid #1ab7ea !important; }

.tx-mmforum-pagenav, 
.tx-mmforum-pi1-listtopic-image img,
.tx-mmforum-pi1-listpost-topicicon img { display:none; }

.tx-mmforum-pi1-listtopic-newtopic { display:block; height:25px;}

/* Font Sizer
==================================================== */
span.fontsizerlabel { float:left; padding: 5px 10px 0px 10px;}
.tx_fontsizer_smaller { background:url(/fileadmin/img/icons/small.gif); background-repeat: no-repeat; width:23px; height:23px; float:left; }
.tx_fontsizer_default { background:url(/fileadmin/img/icons/medium.gif); background-repeat: no-repeat; width:23px; height:23px; float:left; }
.tx_fontsizer_bigger  { background:url(/fileadmin/img/icons/large.gif); background-repeat: no-repeat; width:23px; height:23px; float:left; }

/* Location Map
==================================================== */
#c418 img {
  position: absolute;
  z-index:100;
}
#c418 img#Bathurst-Finch-location {
  left: 530px;
  top: 60px;
}
#c418  img#Lawrence-Heights-location {
  left: 445px;
  top: 420px;
}
#c418 img#Keele-Rogers-location {
  left: 277px;
  top: 583px;
}
#c418 img#Jane-Trethewey-location {
  left: 180px;
  top: 475px;
}
#c418 .tooltip {
  display:none;
  background:url(/fileadmin/img/bgrd-cal-hover.png);
  
  padding:10px;
  width:310px;
  font-size:11px;
  color:#000;
  border:1px solid #c1c1c1;
  z-index:1000;
  
}
#c418 .tooltip a { color: #000;}
#c418 a { text-decoration:none; }

DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-bottom: 0; }