/*  float KILLS table cell contents centering, so used display inline instead of any floats in menu bar */

body {
 margin: 0px;
 padding: 0px;
 background-color: #EFEFF5;
 background-image: url("/i/bkgd.gif");
 background-attachment: fixed;
 background-position: center top;
 background-repeat: repeat-y;
} 

b 		{ font-weight: bold; }
i 		{ font-style: italic; }
a		{ text-decoration: none; }
p		{ clear: left }


ul { 
 padding: 0px;
 margin: 5px 5px 5px 15px;
}

.centered {		/*  this class currently not used, but there is a PLAIN div around rollbox/menubox divs (still works) not tested yet in IE  */
	/*  float: left;  originally added to expand this div to contain all nested divs, but kills centering  */
 display: inline;  /*  works with both inline and inline-block in Safari & FF  (but IE not tested yet)  */
 margin: 0 auto;
 border: solid;
 border-width: 1px;
 border-color: #0B0;
}

.menutablecell {
 background-color: #FFF;
 background-image: url("/i/menubar.gif");
 background-position: center top;
 background-repeat: repeat-x;
 padding: 15px 5px 0px 5px;
	/* text-align: center; */
 }


.menu_left {
 background-image: url("/i/left_end.gif");
 background-position: center top;
 background-repeat: no-repeat;
 height: 55px;
 }

.menu_right {
 background-image: url("/i/right_end.gif");
 background-position: center top;
 background-repeat: no-repeat;
 }


.rollbox {
	/*  float: left;  this KILLS centering, was originally added to put divs side by side */
 display: inline;  /* instead of float */   /* would need inline-block (which does NOT work in FF2) UNLESS nested divs are ALSO display: inline */
 visibility: hidden;
 border: solid;
 border-width: 1px;
 /*  border-color: #F0C096;   /* orange */
 border-color: #A6D6A6;    /* green */
}

.rollbox:hover	{
 visibility: visible;
}

.menuitem {
 display: inline;   /*  needed because containing div (rollbox) also has display: inline */
 text-align: center;
 visibility: visible;

 padding: 5px 6px 4px 6px;  /*  ? no longer effective due to display: inline  */
 margin: 5px 2px 0px 2px;   /*  ? no longer effective due to display: inline  */

/* TESTS... NEVERMIND
 padding-top: 2em;  /*  NOPE  */
 margin-top: 2em;  /*  NOPE  */
 height: 4em;     /*  NOPE  */
				/*  seems to be no css way to increase the height or vertical padding of the rollbox or menuitem divs, since they are now display inline  */
				/*  may need to change menu items to LI, which seemed to work on some guy's web example  */
*/

}


.solidback {
 background-color: #FFF;
}

.leftedge {
 background-image: url("/i/bkgd_left.gif");
 background-position: right top;
 background-repeat: repeat-y;
}

.rightedge {
 background-image: url("/i/bkgd_right.gif");
 background-position: right top;
 background-repeat: repeat-y;
}

.namebox {
 padding: 10px 0px 0px 20px;
}

.langbox {
 padding: 4px 6px 4px 6px;
 margin: 10px 10px 0px 0px;
 text-align: center;
 float: left;
 border: solid;
 border-width: 1px;
 border-color: #DDD;
}

.langbox:hover	{
 border-color: #777;
}

.captionbox {
 width: 240px;
 margin: 10px 50px 10px 45px;
}


.boxed {
 width: 235px;
 background-image: url("/i/sidebox.gif");
 background-position: left top;
 background-repeat: no-repeat;
}

.padded {
 padding: 15px 20px 10px 20px;
}





IMG.h_centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}




.topmarg {
 margin-top: 5px;
}

.cleared {
 clear: both;
}


.maintext {
 width: 385px;
}

.footerbox {
 text-align: center;
 width: 900px;
 margin: auto;
 padding: 8px 0px 0px 0px;
}

#social		{
 float: right;

}


.menutext		{ color: #FFF; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 15px; }
.text			{ color: #555; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 13px; }
.text a:hover	{ text-decoration: underline; }
.welcome		{ color: #333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 14px; }
.text13b		{ color: #333; font-weight: bold;   font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 15px; }


.smallgrey		{ color: #333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 13px; }
.smallgrey	b	{ color: #333; font-weight: bold; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 13px; }


.bigblue		{ color: #597BA2; font-weight: bold; font-family: arial, helvetica, sans-serif; font-size: 18px; line-height: 18px; }
.medblue		{ color: #305076; font-weight: bold; font-family: arial, helvetica, sans-serif; font-size: 15px; line-height: 16px; }
.langlink		{ color: #333; font-weight: bold; font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 15px; }

.largecap		{ color: #597BA2; font-weight: bold;   font-family: arial, helvetica, sans-serif; font-size: 18px; line-height: 18px; }
.bluetext		{ color: #305076; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 14px; }
.smallertext	{ color: #333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 13px; }
.tinytext		{ color: #333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 9px; line-height: 11px; }
.textmorelead	{ color: #333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 17px; }
.picturecaption	{ color: #777; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 14px; font-style: italic; }

.callout		{ color: #333333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 16px; }
.callout i		{ color: #333333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 16px; font-style: italic; }


.med	{ color: #333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 16px; }
.medb	{ color: #333; font-weight: bold;   font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 13px; }
.medi	{ color: #333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 12px; line-height: 14px; font-style: italic; }

.head	{ color: #999; font-weight: bold;   font-family: arial, helvetica, sans-serif; font-size: 16px; line-height: 30px; }
.headw	{ color: #fff; font-weight: bold;   font-family: arial, helvetica, sans-serif; font-size: 16px; line-height: 17px; }

.texti 	{ color: #333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 13px; font-style: italic; }
.textgi { color: #777; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 13px; font-style: italic; }
.textb	{ color: #333; font-weight: bold;   font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 13px; }
.textbb	{ color: #999; font-weight: bold;   font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 14px; }
.textg 	{ color: #070; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 13px; }
.texto 	{ color: #fff; font-weight: bold; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 14px; }

.small  { color: #333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 10px; line-height: 11px; }
.smallg { color: #070; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 10px; line-height: 11px; }

.mini	{ color: #333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 9px;  line-height: 10px; }
.minig	{ color: #777; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 9px;  line-height: 10px; }

.tiny	{ color: #333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 8px;  line-height: 10px; }
.tinyg	{ color: #777; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 8px;  line-height: 10px; }

.form 	{ color: #333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 10px; }
.formb	{ color: #333; font-weight: bold;   font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 10px; }

.lead	{ color: #333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 4px;  line-height: 4px; }

ul, li	{ color: #333; font-family: arial, helvetica, sans serif; font-size: 11px; line-height: 117%; font-weight: normal; list-style: disc; }
b 		{ color: #333; font-family: arial, helvetica, sans serif; font-size: 12px; line-height: 117%; font-weight: bold; }
i 		{ color: #333; font-family: arial, helvetica, sans serif; font-size: 12px; line-height: 117%; font-style: italic; }
a		{ text-decoration: none; }

h1		{ color: #070; font-weight: bold; font-family: arial, helvetica, sans-serif; font-size: 20px; line-height: 20px; margin-top: 0px; }





.menu { color: #333; font-weight: bold; font-size: 12px; line-height: 13px; font-family: arial, helvetica, sans-serif; }
.menu A:link  { color: #222; text-decoration: none; }
.menu A:active { color: #444; }
.menu A:visited { color: #333; }
.menu A:hover { color: #333; text-decoration: underline; }

.menu-ds { color: #333; font-weight: normal; font-size: 12px; line-height: 12px; font-family: arial, helvetica, sans-serif; }

.submenu { color: #333; font-weight: normal; font-size: 10px; line-height: 12px; font-family: Geneva, Verdana, Helvetica, sans-serif; }
.submenu A:link  { color: #23D; text-decoration: none; }
.submenu A:active { color: #00A; }
.submenu A:visited  { color: #606; text-decoration: none; }
.submenu A:hover { color: #00F; text-decoration: underline; }




#topbanner	{
 float: left;
 height: 80px;
 position: relative;
 margin: 0px;
 padding: 0px;
 background-image: url("/i/old_montreal_background.gif");
 background-position: left top;
 background-repeat: no-repeat;
}


#left	{
 float: left;
 width: 220px;
 position: relative;
 margin-left: 10px;
 z-index: 20;	/*  ???  */
 line-height: 4px; 
}

.divider_v	{ background-image: url('/i/oldmontreal-dots-v.gif'); background-repeat: repeat-y; background-position: top center; }
.divider_h	{ background-image: url('/i/oldmontreal-divider-gradient-ends-centerflourish.png'); background-repeat: no-repeat; background-position: top center; }
.divider_h	{ background-image: url('/i/oldmontreal-divider-gradient-ends-centerdot.gif'); background-repeat: repeat-x; background-position: top left; }






#boxedintro_rounded {
 border: solid;
 border-width: 1px;
 border-color: #CCC;
 padding: 10px 10px 10px 10px;
 margin: 5px 0px 0px 0px;
 border-radius: 4px; 
 -webkit-border-radius: 4px; 
 -moz-border-radius: 4px; 
 background:#F5F5F5; 
}

.boxedintro {
 border: solid;
 border-width: 1px;
 border-color: #CCC;
 padding: 10px 10px 10px 10px;
 margin: 5px 0px 0px 0px;
 border-radius: 4px; 
 -webkit-border-radius: 4px; 
 -moz-border-radius: 4px; 
 box-shadow: 0 1px 5px rgba(0,0,0,.25) ; 
 -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.25) ; 
 -moz-box-shadow: 0 1px 5px rgba(0,0,0,.25) ;
 background:#F7F7F7; 
}

.boxedintro_inset {
 border: solid;
 border-width: 1px;
 border-color: #CCC;
 padding: 10px 10px 10px 10px;
 margin: 5px 0px 0px 0px;
 border-radius: 4px; 
 -webkit-border-radius: 4px; 
 -moz-border-radius: 4px; 
 box-shadow: 0 1px 5px rgba(0,0,0,.25) inset; 
 -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.25) inset; 
 -moz-box-shadow: 0 1px 5px rgba(0,0,0,.25) inset;
 background:#F7F7F7; 
}

.rounded { 
border-radius: 4px; 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
box-shadow: 0 1px 3px rgba(0,0,0,.35); 
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.35); 
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.35);
background:#eee; 
}

.list_item {
 border: solid;
 border-width: 1px;
 border-color: #CCC;
 padding: 10px 10px 10px 10px;
 margin: 5px 1px 0px 1px;
 background-color: #f9f9f8;
 border-radius: 4px; 
 -webkit-border-radius: 4px; 
 -moz-border-radius: 4px; 
}

.header_img {
}

.nameaddr {
 float: left;
 width: 350px;
}

.telnos {
 float: right;
 width: 80px;
 // border: solid 1px grey;
}

.webaddr {
 float: left;
 width: 150px;
}


.item_name {
 float: left;
 width: 350px;
}

.prices {
 float: left;
 width: 100px;
}

.miniad {
 margin: 5px 5px 0px 0px;
}

.large_dg	{ color: #444; font-weight: bold; font-family: arial, helvetica, sans-serif; font-size: 14px; line-height: 15px; }





#sectname	{
 float: left;
 margin: 38px 0px 0px 14px;
}

.spread {
 color: #555; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 24px; letter-spacing: 5px; font-variant: small-caps; // text-transform: uppercase; 
}

.in {
 color: #AAA; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 18px; letter-spacing: 1px;
}


.sectionimage {
 padding-bottom: 7px;
}

.tested 	{ color: #333; font-weight: normal; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 10px; margin-left: 10px;}
.tested b	{ color: #333; font-weight: bold; font-family: arial, helvetica, sans-serif; font-size: 11px; line-height: 12px; margin-left: 10px;}





.show {
 border: solid 1px orange;
}



/*  


div {border: solid 1px red} 
span {border: solid 1px blue} 
table {border: solid 1px green}




STYLES FROM CURRENT PAGE:  */



.bkgd	{ background-repeat: repeat-x; background-position: top left; }

.bannerdivider	{
 width: 220px;
 height: 14px;
 background-image: url('/i/old_montreal_divider.gif');
 margin: 0px 0px 5px -10px;
 padding: 0px 0px 0px 10px;
}

.rightcorner	{
 float: right;
}

.leftcorner	{
 float: left;
}

.floatleft	{
 float: left;
}

.ctr	{
 float: left;
}

.whiteheadline	{
 float: left;
}

#top	{
 float: left;
 width: 100%;
 height: 80px;
 margin: 0px 0px 10px 0px;
}

#bottom	{
 width: 100%;
 margin: 0px auto;
 position: relative;
}

#logo	{
 float: left;
 position: relative;
}



#main	{
 float: left;
 width: 100%;
 margin: 0px auto;
 position: relative;
}



#right	{
 float: right;
 width: 160px;
 position: relative;
 margin: 0px 10px 0px 0px;
 z-index: 20;
 line-height: 4px; 
}

#middle	{
 position: relative;
}

#innerleft	{
 float: left;
 position: relative;
 margin-left: 10px;
 margin-right: 10px;
 background-color: #EEE;
 height: 520px;
}

#innerright	{
/* float: left; */
/* position: relative; */
 z-index: -10; 
/* background-color: #ffeecc; */
}

#mainmenu	{
 z-index: 20;
 top: 106px;
 left: 10px;
 width: 100px;
 }

#french	{
 float: right;
 z-index: 20;
 width: 175px;
 }

#bannerdividerright	{
 width: 220px;
 height: 14px;
 background-color: #f58811;
 margin: 0px 0px 5px -10px;
 padding: 0px 0px 0px 10px;
}

#bannerdividerleft	{
 width: 220px;
 height: 14px;
 background-color: #f58811;
 margin: 0px 0px 5px -10px;
 padding: 0px 0px 0px 10px;
}





#weather	{
 border: solid;
 border-width: 1px;
 border-color: #cccccc;
 padding: 5px 16px 5px 20px;
 margin: 20px 0px 0px 0px;
}

#prev	{ position: absolute; top: 800px; left: 100px; width: 100px; visibility: hidden }

#hilite	{ z-index: 10; top: 107px; left: -100px; width: 100px; height: 11px; visibility: hidden }

#art	{ position: absolute; top: 107px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#att	{ position: absolute; top: 119px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#bus	{ position: absolute; top: 131px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#edu	{ position: absolute; top: 143px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#emp	{ position: absolute; top: 155px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#ent	{ position: absolute; top: 167px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#eve	{ position: absolute; top: 179px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#fin	{ position: absolute; top: 191px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#fit	{ position: absolute; top: 203px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#gov	{ position: absolute; top: 215px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#hea	{ position: absolute; top: 227px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#leg	{ position: absolute; top: 239px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#lod	{ position: absolute; top: 251px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#med	{ position: absolute; top: 263px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#rea	{ position: absolute; top: 275px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#foo	{ position: absolute; top: 287px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#ret	{ position: absolute; top: 299px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#ser	{ position: absolute; top: 311px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#tec	{ position: absolute; top: 323px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#tou	{ position: absolute; top: 335px; left: 350px; width: 100px; height: 424px; visibility: hidden }
#tra	{ position: absolute; top: 347px; left: 350px; width: 100px; height: 424px; visibility: hidden }






/*  CONFLICTING STYLES 





*/