* {
   margin: 0;
   padding: 0;
}

body {
   font-family: Arial, Helvetica, sans-serif;
   background: #ffffff;
   font-size: 1.2em;
   line-height:1.5;
}
 
a:link {color:#0000FF;text-decoration: none}
a:visited{color:#eeeeee;text-decoration: none}
a:hover {color: #000;text-decoration: underline;}
a:focus {outline:none;}

#container {
   width:100%; /* any width including 100% will work */
   color: inherit;
   background:#FFF;
}
#header {
   width: 100%;
   height: 120px;
   background: #3266cc url('images/aat1.jpg') no-repeat center center;
}
#divider {
   background: #666666;
   height:25px;
   padding:10px 0;

}
#content {/* use for left sidebar */
    background: inherit;
    color: #000;
    float: right;
    margin: 0 0 0 -250px; /* adjust margin if borders added */
    width: 100%;
   /*font-size: 20px;*/
 }
#content .wrapper {
    background: #FFF;
    margin: 0 0 0 250px;
    overflow: hidden;
    padding: 10px;
}
#sidebar {
   background: inherit;
   color: inherit;
   float: left;
   width: 230px;
   padding: 10px;
}
.clearer {
   height: 1px;
   font-size: -1px;
   clear: both;
}
#divider p a, .divider p a:visited {
   font-weight: bold;
   text-align:center;
   color:#fff;
   font-size:1.2em;
}
#footer {
   clear: both;
   border-top: 5px solid #666666;
   text-align: center;
   font-size: 80%;
   font-weight: bold;
   background:#4b78d2;
}
#footer p {
   padding: 10px 0;
}
div#nav {
width:210px;
background:#4b78d2;
padding:10px;
}

div#wrap {
width:98%;
background:#eee;
padding:10px;
}

/*-----Sidebar menu-----*/
.menu {
position:relative;
z-index:1000;
font-size:100%;
font-weight: bold;
margin:0; /* this page only */
padding-top:32px;
}
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:210px;
position:relative;
background:#4b78d2;
}
.menu li {
background:transparent;
height:33px;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

.menu a, .menu a:visited {
display:block;
text-decoration:none;
height:32px;
line-height:32px;
width:210px;
color:#fff;
text-indent:5px;
border-bottom:1px solid #000;
background:transparent;
}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#4b78d2;}
.menu :hover > a {
color:#000;
background:#4b78d2;
text-decoration:underline;
}
.menu ul ul {
visibility:hidden;
position:absolute;
width:210px;
top:-1px;
left:180px;
border-left:1px solid #000
}
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
background:#4b78d2;
}
.menu ul.top3 {top:66px; margin:0 15px;}
.menu ul.top4 {top:99px; margin:0 15px;}
.menu ul.top5 {top:132px; margin:0 15px;}
.menu ul.top10 {top:297px; margin:0 15px;}

/*-----Main content-----*/

h2 {
text-align:center;
border-bottom:1px solid #000;
padding-bottom:10px;
margin-bottom:10px;
}
ul.serv {list-style:none; margin-bottom:10px;}
ul.serv li { padding-left:20px;}
ul.serv li.fun {width:110px; text-align:center; font-size:0.80em; margin:10px 0;}
.row{list-style:none;}
.row {
overflow:hidden;
width:1040px;
padding-bottom:5px;
margin:0 auto 20px;
}
.row li {
float:left;
width:170px;
position:relative;
text-align:center;
margin:1px;
padding:2px;
display:inline;
}
.text img {
float:left;
margin:0 10px 10px 0;
}
.detail {
clear:both;
text-align:center;
}
.detail span{text-decoration:underline;}

/*-----Header-----*/
.test{
text-align:right;
white-space:nowrap;
}
.test span{float:left;width:153px;text-align:left;}

/*-----Attractions pages-----*/
.bowl {
height:135px;
margin-bottom: 10px;
padding-bottom:10px;
text-align:justify;
border-bottom:1px dashed #aaa;
}
.bowl img {
float:left;
margin:0 15px 0 0;
border: 1px solid #ddd;
}
.bowl span {
font-weight:bold;
}

.cup { padding-bottom:20px;
height:155px;
}

.spoon { padding-bottom:20px;
height:200px;
}

address {text-align:center;}

.detail top
a:link {color:#000;text-decoration: none}
a:visited{color:#000;text-decoration: none}
a:hover {color: #000;text-decoration: underline;}
a:focus {outline:none;}


/*-----Events Calendar pages-----*/
.style22 {color: #FF0000}
.style23 {color: #000000}

#events {width:90%; margin:0; border-collapse:collapse;text-align:left;}
#events td {text-align:left;}
#events .odd {text-align:left; font-size:1.2em; background:#ddd;}

/*.text img {
float:left;
margin:0 10px 10px 0;
}*/ 

/*-----Toronto attractions-----*/
dl{
width:90%;
margin:0;
border-bottom:1px dashed #ccc;
padding:10px;
overflow:hidden;
}
dl dd{overflow:auto}
dt strong{
padding:0;
}
dt img{
float:left;
margin:0 10px 0 0;
border:1px solid #000;
}
* html dd{height:1%}/* 3px jog*/

.rright dl{
width:90%;
margin:0;
border-bottom:1px dashed #ccc;
padding:10px;
overflow:hidden;
}
.rright dl dd{overflow:auto}
.rright dt strong{
padding:0;
}
.rright dt img{
float:right;
margin:0 0 0 10px;
border:1px solid #000;
}
* html .rright dd{height:1%}/* 3px jog*/

/*-----Group meals-----*/

dl{
width:90%;
margin:0;
border-bottom:1px dashed #ccc;
padding:10px;
overflow:hidden;
}
dl dd{overflow:auto}
dt strong{
padding:0;
}
dt img{
float:left;
margin:0 10px 0 0;
border:1px solid #000;
}
* html dd{height:1%}/* 3px jog*/

.rleft dl{
width:90%;
margin:0;
border-bottom:1px dashed #ccc;
padding:10px;
overflow:hidden;
}
.rleft dl dd{overflow:auto}
.rleft dt strong{
padding:0;
}
.rleft dt img{
float:left;
margin:10px 10 0 0;
border:1px solid #000;
}
* html .rleft dd{height:1%}/* 3px jog*/