@charset "UTF-8";


/* clear styles */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td, legend { margin: 0; padding: 0; }
img {border:0; padding:0; margin:0;}

/* --- IE 6 fix ---*/
img, div, a, input  { behavior: url(/wots/sites/all/themes/wots/inc/iepngfix.htc) }



/* movememobile.com stylesheets */
body {margin:0;  padding:0; font-size:0.74em; font-family: arial, helvetica, sans-serif; line-height:1.64em; background:url(../images/bg_tile.jpg) repeat 0 0; background-color:#000000; letter-spacing:-0.02em; }
.clear {height: 1%;}
div, li, ul {zoom: 1;}
.clearfloat {clear:both;}
.floatRight {float:right;}
.floatLeft {float:left;}
h1 {color:#fff; font-weight:normal;}
h2 {color:#fff;}
a {color:#980e19; text-decoration:none; padding:0px 0px; }
a:hover {background-color:#980e19; color:#fff;}
tbody {border-top:0px}
p{color:#666666;font-size:1em;}
ul li{color:#666666;font-size:1em;}

/* header styles */
#wrapper {width:960px; margin:0 auto;}
#header {width: 960px; height: 157px; padding:20px 0 0 0;}
#header .logo {width:411px; height:89px; background:url(../images/logo.png) no-repeat 0 0; display:block; }
#header .citylogo {width:280px; height:145px; float:right; display:block; border:0px solid #fff; margin:-100px 0 0 0;background-color:transparent;}
#header .citylogo .views-field-body {display:block; padding:70px 0 0 0; color:#ffffff; text-shadow:#039 2px 2px 2px; }
#header .citylogo .views-field-body p {color:#ffffff; font-size:20px; font-family:American Typewriter, Arial; line-height:22px;}

/* top menu */
#topMenu {width:960px; height:63px; background:url(../images/topmenu_bg.png) no-repeat 0 0;}
#topMenu ul {list-style:none; float:left; display:block; padding:10px 40px;}
#topMenu ul li {display:block; float:left; margin:10px 20px;}
#topMenu ul li a {display:block; height:30px;}
#topMenu ul li.whatson a {background:url(../images/topmenu_links.gif) no-repeat -10px 0; width:85px;}
#topMenu ul li.whatson a:hover  {background-position: -10px -30px;}
#topMenu ul li.whatson_visit a {background:url(../images/topmenu_links.gif) no-repeat -10px 0; width:85px;background-position: -10px -30px;}


#topMenu ul li.authors a {background:url(../images/topmenu_links.gif) no-repeat -110px 0; width:80px;}
#topMenu ul li.authors a:hover {background-position: -110px -30px;}
#topMenu ul li.authors_visit a {background:url(../images/topmenu_links.gif) no-repeat -110px 0; width:80px;background-position: -110px -30px;}

#topMenu ul li.marketplace a {background:url(../images/topmenu_links.gif) no-repeat -200px 0; width:110px;}
#topMenu ul li.marketplace a:hover {background-position: -200px -30px;}
#topMenu ul li.marketplace_visit a {background:url(../images/topmenu_links.gif) no-repeat -200px 0; width:110px;background-position: -200px -30px;}

#topMenu ul li.families a {background:url(../images/topmenu_links.gif) no-repeat -330px 0; width:70px; margin-left:55px;}
#topMenu ul li.families a:hover {background-position: -330px -30px;}
#topMenu ul li.families_visit a {background:url(../images/topmenu_links.gif) no-repeat -330px 0; width:70px; margin-left:55px;background-position: -330px -30px;}

#topMenu ul li.streetview a {background:url(../images/topmenu_links.gif) no-repeat -423px 0; width:96px;}
#topMenu ul li.streetview a:hover {background-position: -423px -30px;}
#topMenu ul li.streetview_visit a {background:url(../images/topmenu_links.gif) no-repeat -423px 0; width:96px;background-position: -423px -30px;}

#topMenu ul li.directions a {background:url(../images/topmenu_links.gif) no-repeat -542px 0; width:96px;}
#topMenu ul li.directions a:hover {background-position: -542px -30px;}
#topMenu ul li.directions_visit a {background:url(../images/topmenu_links.gif) no-repeat -542px 0; width:96px;background-position: -542px -30px;}

ul.cityMenu  { list-style:none; float:left; display:block; margin:20px 0 0 0;}
ul.cityMenu li {float:left; display:block;}
ul.cityMenu li.first, ul.cityMenu li a {list-style:none; padding:4px 6px;  float:left; color:#fff; font-size:1.2em;}
ul.cityMenu p { padding:4px 6px;  float:left; color:#fff; font-size:1.2em;}

/* ------------ content area ------------ */
#contentWrapper {background:url(../images/content_bg.png); background-repeat:repeat-y; background-position: 0px 0px;width:960px;}
#contentFooter {width:960px; height:63px; background:url(../images/content_footer_bg.png) no-repeat 0 0;}
#contentLeft {width:400px; float:left; padding:0 0 0 50px;clear:both;min-height:400px}
#contentRight {width:400px; padding:0 50px 20px 0; float:right;} .contentRightHome {padding:0 50px 310px 0 !important;}
#contentFull {width:857px; padding:0  50px ; clear:both; min-height:400px}
#contentFull table td{ padding:10px;}
.content ul, ol { margin:  5px 20px; list-style-type:none;}
.content ul li {background:url(../images/bullet.png) no-repeat; background-position: 0px 8px; padding: 0 15px; }
.tabs ul { margin: 0px;}

/*  -------------------- regional page -------------*/
.mainSlug {width:400px;font-size:1.9em; font-style:oblique; color:#330a02; line-height:1.25em; letter-spacing:-0.05em; }
.mainSlug a {color:#980e19; padding:3px 5px; text-decoration:none;}
.mainSlug a:hover {background-color:#980e19; color:#fff;}
.mainSlug p {color:#330a02; font-size:large; }


.homeBox { width:400px; margin-top:30px;}
#contentRight .homeBox {width:350px !important;}
#contentRight .homeBox h2 {width:350px !important;}
.homeBox h2 { width:400px; height:46px; font-size:1.8em; color:#333; padding:14px 0 0 0; letter-spacing:-0.05em; font-weight:normal;}
.homeBox h2 span {float:left; margin:0 0 0 55px; display:block;}
.homeBox h2 a {display:block; float:right; width:83px; height:20px; background:url(../images/explore.gif) no-repeat 0 0;}
.homeBox h2.whatson {background:url(../images/h2_whatson.gif) no-repeat 0 0; width:400px; height:46px;  color:#333; }
.homeBox h2.marketplace {background:url(../images/h2_marketplace.gif) no-repeat 0 0; width:400px; height:46px; color:#333; }
.homeBox h2.familyfun {background:url(../images/h2_familyfun.gif) no-repeat 0 0; width:400px; height:46px; color:#333; }
.homeBox h2.celebrateliteracy {background:url(../images/h2_celebrateliteracy.gif) no-repeat 0 0; width:400px; height:46px; color:#333; }
.homeBox p {line-height:1.3em; font-size:1.2em; color:#666;}
.homeBox ul {list-style:none;}
.homeBox ul li {background:url(../images/dots_divider.gif) no-repeat bottom left; display:block; margin:0 0 20px 0; }
.homeBox ul li h3 {color:#a2212c;}


.homeBox ul.marketplace {float: left; width:150px; display:block;margin-right:10px;}
.homeBox ul.marketplace li {background:none; text-decoration:none; text-align:right; font-size:1.2em;}
.homeBox ul.marketplace li a {color:#980e19; text-decoration:none; padding:3px 5px; }
.homeBox ul.marketplace li a:hover {background-color:#980e19; color:#fff;}
.homeBox p.marketplace {float:left; width:240px; display:block;}
/* ---------------------authors section ------*/
#alphabet {float:right; padding: 0 14px 0 0;}
#alphabet ul.menu {list-style:none;float:left;letter-spacing: 0.7em;}
#alphabet ul.menu li {margin:0; padding: 0px 0px;list-style-type:none; list-style-image:none; float:left; background:none; text-decoration:none;}
#alphabet ul.menu li  a {color:grey; text-decoration:none; }
#alphabet ul.menu li  a:hover {background-color:white; text-decoration:none; }
#alphabet ul.menu li a.active {color:#980e19;}

/* ------------ footer ----------- */
.footer {width:960px;}
.footerTop {width:940px; background:url(../images/footer-bg-top.jpg) no-repeat 0 0; height:105px; padding:10px;}
ul.gallery {list-style:none; width:960px; display:block;}
ul.gallery li {float:left;}
ul.gallery li.prev a {display:block; background:url(../images/gallery_prev.png) no-repeat 0 0; width:31px; height:45px; float:left; margin:30px 0 0 0; padding:0;} 
ul.gallery li.next a {display:block; background:url(../images/gallery_next.png) no-repeat 0 0; width:31px; height:45px;float:left; margin:30px 0 0 0; padding:0;} 


.footerMiddle {background:url(../images/footer-bg-middle.jpg) no-repeat 0 0; width:960px; height:167px;}
.footerMenu1 { height:115px; width:275px; float:left; display:block; background:url(../images/footermenu1_title.jpg) no-repeat 0 0; padding:40px 0 0 0;margin:10px 0 0 10px;}
.footerMenu1 ul {list-style:none;}
.footerMenu1 ul li {padding:2px; list-style-image:none;list-style-type:none;}
.footerMenu1 ul li a {color:#fff; text-decoration:none; font-size:1.2em; padding:3px 5px;}
.footerMenu1 a {color:#fff; text-decoration:none; font-size:1.2em; padding:3px  0 0 12px;}



.footerMenu2 { width:580px; float:left; display:block; padding:40px 0 0 0;}
.footerMenu2 ul {list-style:none;}
.footerMenu2 ul li {padding:2px; width:150px; float:left; list-style-image:none;list-style-type:none;}
.footerMenu2 ul li a {color:#fff; text-decoration:none; font-size:1.2em; padding:3px 5px;}
.footerMenu2_vancouver {background:url(../images/footermenu2_title.jpg) no-repeat 0 0;}
.footerMenu2_kitchener {background:url(../images/footermenu2_title_kitchener.jpg) no-repeat 0 0;}
.footerMenu2_toronto     {background:url(../images/footermenu2_title_toronto.jpg) no-repeat 0 0;}
.footerMenu2_halifax     {background:url(../images/footermenu2_title_halifax.jpg) no-repeat 0 0;}

.footerBottomWrapper {display:block; margin:-8px auto; background:url(../images/footerbtm_bg.jpg) repeat-x 0 0;}
.footerBottom {width:960px; margin:0 auto;background:url(../images/footer-bg-btm.jpg) no-repeat 0 0; height:167px;}
.sponsor {width:150px; height:119px; margin-right:20px; float:left; }

.footerNavWrapper {margin:0;width:790px; float:left; }
.nationalNav {width:790px;}
.nationalNav ul  {display:block;list-style:none; padding: 11px 0 0 124px; }
.nationalNav ul li {float:left; display:block; padding:0px 2px ; margin:0;}
.nationalNav ul li a {float:left;display:block; padding:3px 2px; color:#fff; text-decoration:none; font-size:12px;}
.nationalNav ul li a:hover {display:block; padding:3px 2px; background-color:#ffffff; color:#3065ae; text-decoration:none;}

ul.termsNav  {list-style:none; padding:0; }
ul.termsNav li {float:right; display:block; padding:0 0 0 5px;}
ul.termsNav li a {display:block; padding:3px 5px; color:#fff; text-decoration:none;}
ul.termsNav li a:hover {display:block; padding:3px 5px; background-color:#ffffff; color:#3065ae; text-decoration:none;}

a.twitter {float:left;width:104px; height:39px; display:block; background:url(../images/social_twitter.jpg) no-repeat 0 0;}
a.facebook {float:left; width:104px; height:39px; display:block; background:url(../images/social_facebook.jpg) no-repeat 0 0;}

.copyright {display:block; float:left;width:445px; margin-top:30px; padding:0px 5px;}
.copyright p  {color:#fff; }
.copyright a {color:#fff;padding:3px 5px; text-decoration:underline;}
.copyright a:hover { background-color:#ffffff; padding:3px 5px; color:#3065ae; text-decoration:none;}
.termsNavWrap{display:block; float:left;width:300px; margin-top:27px;}

.orchardstudios {padding:0 0 0 45px;}

/* -------- gallery --------*/

.gallery .gallery_info .view  .view-content .views-row{float:left;}

.prev {float:left;}
.prev a {display:block; background:url(../images/gallery_prev.png) no-repeat 0 0; width:31px; height:45px; position:relative; left:0px; top: 30px; padding:0;} 
.next {float:left;}
.next a {display:block; background:url(../images/gallery_next.png) no-repeat 0 0; width:31px; height:45px;position:relative; left:0px; top: 30px;  padding:0;} 
.views-label-fid {float:left; display:none;}
.image-thumbnail a:hover{}
.image-thumbnail {padding:0;margin:0 3px;}
.image-thumbnail a {padding:0;}
.gallery {float:left; width:865px; height: 105px; overflow: hidden; margin: 0 0 0 0px; }
.gallery img {border:1px solid #fff;}


/* --------- user styles -----*/
.grey {color:grey;}
.red {color:#980E19;}
.page_title {color:#980E19;font-size:12pt;font-weight:bold;}
.sub_header{color:#2b2b2b; font-size:11pt;font-weight:bold;}
.body{ margin:0;  padding:0; font-size:1em; font-family: arial, helvetica, sans-serif; font-weight:normal; line-height:1.64em; letter-spacing:-0.02em; }

/*----- whats on ----*/
.whatsOnLeft ul {list-style:none;}
.whatsOnLeft ul li {background:url(../images/dots_divider.gif) no-repeat bottom left; display:block; color:#666; margin:0 0 20px 0; clear:both; }
.whatsOnLeft ul li h3 {color:#a2212c; display:block; float:left; width:150px; font-weight:normal; font-size:1.2em;}
.whatsOnLeft ul li h3 a {text-decoration:none;}
.whatsOnLeft ul li p {display:block; float:left; width:235px; padding: 0 0 15px 0; }

.whatsOnItem ul {list-style:none; margin:0px 10px 0 0;}
.whatsOnItem ul li {background:url(../../wots/images/dots_divider.gif) repeat-x bottom left; display:block; color:#666; clear:both;width:380px;}
.whatsOnItem ul li.active {background:#fff url(../../wots/images/dots_divider.gif) repeat-x bottom left;}
.whatsOnItem ul li h3 {color:#a2212c; display:block; float:left; font-weight:normal; font-size:1.1em; }
.whatsOnItem ul li h3 a {text-decoration:none; width:380px; display:block;padding:5px 0;background:url(../images/dots_divider.gif) repeat-x bottom left; }
.whatsOnItem ul li h3 a:hover {color:#a2212c;background: #fff url(../images/dots_divider.gif) repeat-x bottom left; }
.whatsOnItem ul li h3 a span.author {color:#666;}
.whatsOnItem ul li p {display:none; float:left; width:390px; padding-bottom:5px;}
.whatsOnItem ul li p img {float:left; display:block; padding: 5px 5px 0 0;}
.whatsOnItem ul li p span {float:left; display:block; width:260px;}

/* ----- form -----*/

.form {width:383px; }
.formTop {width:383px; height:14px; background:url(../images/form-top.gif) no-repeat 0 0;}
.formBottom {width:383px; height:14px; background:url(../images/form-bottom.gif) no-repeat 0 0;}
.form fieldset { background:url(../images/form-bg.gif) repeat-y 0 0; width:383px; border:0; padding:0; margin:0;}
.form label {padding:10px 0 0 10px; color:#434b56; font-size:1.1em; width:115px; display:block; float:left; text-align:right; font-weight:normal;}
.form input {border:0; background:url(../images/formdots.gif) no-repeat bottom left; padding:0 4px; height:20px; float:left; color:#434b56; font-weight:bold; font-size:1.2em; letter-spacing:-0.03em; width:234px; margin:10px 0 0 10px; }
.form input:hover { background:url(../images/formdots-over.gif) no-repeat bottom left;}
.form select {border:0; background:url(../images/formdots.gif) no-repeat bottom left; padding:0 4px; height:20px; float:left; color:#434b56; font-weight:bold; font-size:1.2em; letter-spacing:-0.03em; width:234px; margin:10px 0 0 10px;}
.formRight {width:234px; float:right; margin-right:20px; clear:both;}
.formRight span {padding:10px 0 0 10px; display:block; color:#666;}
.form .form-submit { float:right; width:167px; height:51px; background:url(../images/submit.jpg) no-repeat 0 0; margin:20px 0 0 0;}
.form .form-submit:hover {background:url(../images/submit.jpg) no-repeat 0 -51px;}
.formCheckbox {width:234px; float:right; margin:10px 20px 0 0; }
.formCheckbox input { width: auto; margin:0 10px 20px 10px; padding:0; clear:both;}
.formCheckbox span {padding:5px 0 0 0; color:#666;}

.form-checkboxes {width:234px; float:right; margin:10px 20px 0 0; }
.form-checkboxes input { width: auto; margin:0 10px 20px 10px; padding:0; clear:both;}
.form-checkboxes label { width: 210px; text-align:left; color:#666; font-size:1em; }
/*.form .webform-client-form {width:383px; background:url(../images/form-bg.gif) repeat-y 0 0; border:0; padding:0; margin:0;} */

.webform-component-fieldset legend {display:none;}
.collapsible a:hover{color:#980E19;}

.form fieldset .description {padding: 5px; clear:both;}
.captcha img {padding:5px; float:right; }
.form-item{clear:both;}
.form .captcha {color:#666666; background:url(../images/form-bg2.gif) repeat-y 0 0; width:383px; border:0; padding:0; margin:0;}
.form .captcha legend {display:none;color:#666666;background:url(../images/form-bg2.gif) repeat-y 0 0; width:383px; border:0; padding:0; margin:0; }
.form #edit-captcha-response-wrapper {background:url(../images/form-bottom.gif) no-repeat bottom left; margin:0; padding: 10px 0;}


/*----- table styles -----*/
table {background:none; border:0; padding:0; margin:10px 0 0 0; color:#333; font-size:1em; letter-spacing:-0.02em;}
tr.header {color:#333; font-size:1.2em; font-weight:bold; letter-spacing:-0.04em;border-bottom:0px solid #333; }
td {border-bottom:0px solid #dcdcdc;}


/*--- new stuff ---*/
.homeArtwork { width:432px; height:333px; background:url(/wots/sites/default/files/moose/artwork.png) no-repeat 0 0;  position:absolute;margin-left:481px; margin-top:-292px;}


/* bottom menu national */
.nationalNavNational {float:left;}
.nationalNavNational ul  {list-style:none; padding:0; }
.nationalNavNational ul li {float:left; display:block; padding:0 4px;}
.nationalNavNational ul li a {float:left;display:block; padding:3px 5px; color:#fff; text-decoration:none;}
.nationalNavNational ul li a:hover {display:block; padding:3px 5px; background-color:#ffffff; color:#3065ae; text-decoration:none;}

.national_office {background:url(../images/national_office.png) no-repeat 0 0; width:150px; height:50px; float:left; margin: 3px 0;} 
.bottomMenuContent{ width:960px; margin: 0 auto;}
#bottomMenu {width:100%; height:94px; background:url(../images/footerbtm_bg.jpg) repeat-x 0 0; clear:both; margin:0 auto;text-align:center;}
#copyright span {width:960px; margin:0 auto; display:block; color:#fff; text-align:center;}
#bottomMenu ul {list-style:none; display:block;  margin:0 auto;}
#bottomMenu ul li {display:block; float:left; margin:15px 0;}
#bottomMenu ul li a {display:block; padding:3 5px; float:left;}
.termsNavWrapNational {display:block; float:left;width:300px; margin-top:-18px;}
.copyrightNational {display:block;width:400px; float:left;}
.copyrightNational p  {display:block;color:#fff; float:left; text-align:left; padding:0 15px; }
.orchardstudiosNational p  {display:block;color:#fff; float:left; text-align:left; padding: 0 56px 0 0; }
.orchardstudiosNational a {color:#fff;  padding:3px 5px; text-decoration:underline;}
.orchardstudiosNational a:hover { background-color:#ffffff; padding:3px 5px; color:#3065ae; text-decoration:none;}

.orchardstudiosNational {padding:0px 60px 0 0; float:left;color:#fff; }
