/*=======================================================================================*/
/*                                                                                                                                                                              */
/* Style sheet for the Mount Tolmie Community Association website.                                                                             */
/*                                                                                                                                                                              */
/* Originated: 24-Jan-2007  M. Adams                                                                                                                          */
/* Copyright: Mount Tolmie Community Association                                                                                                       */
/*                                                                                                                                                                              */
/*=======================================================================================*/

/*=======================================================================================*/
/*                                                                                                                                                                              */
/* following is the general style for the whole website                                                                                                     */
/*                                                                                                                                                                              */
/*=======================================================================================*/

body {
      background-color: white;
      color: blue;
      margin : 0 auto;
      font-family: Helvetica,Arial,Tahoma,Verdana,sans-serif;
     }

/*=======================================================================================*/
/*                                                                                                                                                                              */
/* following style is for dates and times in event listings                                                                                                 */
/*                                                                                                                                                                              */
/*=======================================================================================*/

.event-date-time {
      background-color: Gold;
      color: blue;
     }

/*=======================================================================================*/
/*                                                                                                                                                                              */
/* following style is for the border around particular articles (write-ups or events with long details)                                      */
/*                                                                                                                                                                              */
/*=======================================================================================*/

.article {
      border:1px solid blue;
      padding:5px;
     }

/*=======================================================================================*/
/*                                                                                                                                                                              */
/* following styles are for the page headers (title lines at top of each page)                                                                      */
/*                                                                                                                                                                              */
/*=======================================================================================*/

.top-title {font-weight: bold; font-size: 125%; color: blue; text-align: center; }
.footnotes {font-weight: normal; font-size: 85%; color: black; text-align: center;
            font-style: italic; }

/*=======================================================================================*/
/*                                                                                                                                                                              */
/* following styles are for the main menu (left) bar                                                                                                          */
/*                                                                                                                                                                              */
/*=======================================================================================*/

.menubar {position: fixed; font-size: 100%; }

#menubar table{
       /*     float: left; */
            border-style: solid; border-color: white; border-width: 0px;
            border-left: none;
            padding: 0px;
            margin-left: 0px; margin-right: 0px;
            background-color: white; }

/*#CCFFFF #F1F0DB*/

#menubar ul{list-style: none;
            float:left;
            padding: 0px;
            margin-left: 0px; margin-right: 0px;
            margin-top: 0px; margin-bottom: 0px;
           }

#menubar li{
            float:left;
           }

#menubar a{

float: left;
width: 8em;
text-decoration: none;
padding: 0.2em 0.3em;
border: 1px solid gray;
border-collapse: collapse;
}

#menubar a {font-weight: bold; color: blue; background-color: #EEFFFF; }
#menubar a:visited {font-weight: bold; color: blue; background-color: #EEFFFF; }
#menubar a:hover {font-weight: bold; color: white; background-color: blue; }
#menubar a:visited:hover {font-weight: bold; color: white; background-color: blue; }

/*=======================================================================================*/
/*                                                                                                                                                                              */
/* following styles are for the submenu bar(s)                                                                                                                */
/*                                                                                                                                                                              */
/*=======================================================================================*/

.submenu {position: fixed; font-size: 100%; }

#submenu table{
            float:left;
            border-style: solid; border-color: white; border-width: 0px;
            border-left: none;
            padding: 0px;
            margin-left: 0px; margin-right: 0px;
            background-color: #DDFFFF; }

#submenu tr{
            float:left;
            border-style: solid; border-color: blue; border-width: 0px;
            padding: 0px;
            margin-left: 0px; margin-right: 0px;
            background-color: #DDFFFF; }

/*
#submenu td{ 
            float:left;
            border-style: solid; border-color: blue; border-width: 0px;
            padding: 0px;
            margin-left: 0px; margin-right: 0px;
            background-color: #DDFFFF; }

*/

#submenu tr{border: none; } 

#submenu td{border: none; } 

#submenu ul{list-style: none;
            float:left;
            padding: 0px;
            margin-left: 0px; margin-right: 0px;
            margin-top: 0px; margin-bottom: 0.5em;
            background-color: #DDFFFF;
	    }

#submenu li{
            float: left;
            padding: 0px;
            vertical-align: top;
            border-right: 1px solid white;
       /*     width: 25%;  */
       /*     width: 10em; */
            text-align: left;
            border: none;
            border: 0px solid white;
	    background-color: #DDFFFF; 
           }
 
#submenu a{
float: none;
vertical-align: top;
/*width: 10em;*/
text-decoration: underline;
padding: 0.2em 0.3em;
border: none
}

#submenu a {font-weight: bold; color: blue; background-color: #DDFFFF; }
#submenu a:visited {font-weight: bold; color: purple; background-color: #DDFFFF; }
#submenu a:hover {font-weight: bold; color: blue; background-color: #DDFFFF; }
#submenu a:visited:hover {font-weight: bold; color: purple; background-color: #DDFFFF; }

/*=======================================================================================*/
/*                                                                                                                                                                              */
/* following styles are for the recreation schedule                                                                                                          */
/*                                                                                                                                                                              */
/*=======================================================================================*/

.recreation {position: fixed; font-size: 100%; }

#recreation table{
            float:none;
            border-collapse: collapse;
            border-left: none;
            border-right: none;
            border-top: none;
            border-bottom: none;
            padding: 0px;
            margin-left: 0px; margin-right: 0px;
            }

#recreation tr{
            float:none;
            border-collapse: collapse;
            border-left: none;
            border-right: none;
            border-top: none;
            border-bottom: none;
            padding: 0px;
            }

#recreation td{
            float:none;
            border-collapse: collapse;
            border-left: none;
            border-right: none;
            border-top: none;
            border-bottom: none;
            padding: 0px;
            }

#recreation a{
            float: none;
            vertical-align: none;
            border-collapse: collapse;
            border-left: none;
            border-right: none;
            border-top: none;
            border-bottom: none;
            text-decoration: underline;
            padding: 0px;
}

#recreation a {font-weight: normal; color: blue; background-color: white; }
#recreation a:visited {font-weight: normal; color: purple; background-color: white; }
#recreation a:hover {font-weight: normal; color: blue; background-color: white; }
#recreation a:visited:hover {font-weight: normal; color: purple; background-color: white; }

/*=======================================================================================*/
/*                                                                                                                                                                              */
/* following styles are for all items not in other style sections                                                                                         */
/*                                                                                                                                                                              */
/*=======================================================================================*/

.regular {position: left;
       text-align: left;
       font-size: 100%;
      }

#regular table{list-style: none;
     /*       float: none;  */
            border-style: solid; border-color: blue; border-width: 0px;
            padding: 0px;
            margin-left: 0px; margin-right: 0px;
           }

#regular tr{
            float: none;
            border-style: solid; border-color: blue; border-width: 0px;
            padding: 0px;
            margin-left: 0px; margin-right: 0px;
            background-color: white; }

#regular ul{list-style: disc;
            float:none;
/*            border-style: solid; border-color: blue; border-width: 0px;*/
            padding: 0px;
            margin-left: 0px; margin-right: 0px;
            margin-top: 0px; margin-bottom: 0px;
           }

#regular li{
            float:none;
            padding: 0px;
            background-color: white; 
            display: block;
            margin-top: 3px; margin-bottom: 3px;
           }

#regular a{
            float: none;
            padding: 0px;
            width: auto;
            text-decoration: underline;
            color: blue;
            background-color: white;
            border: none;
            border-collapse: separate;
}

#regular a {font-weight: normal; color: blue; background-color: white; }
#regular a:visited {font-weight: normal; color: purple; background-color: white; }
#regular a:hover {font-weight: normal; color: blue; background-color: white; }
#regular a:visited:hover {font-weight: normal; color: purple; background-color: white; }

/*=======================================================================================*/
/*                                                                                                                                                                              */
/* following styles are for items in the footer                                                                                                                  */
/*                                                                                                                                                                              */
/*=======================================================================================*/

.footer {position: left;
       text-align: left;
       font-size: 100%;
       color: black;
      }

#footer table{list-style: none;
            float:none;
            border-style: solid; border-color: blue; border-width: 0px;
            padding: 0px;
            margin-none: 0px; margin-right: 0px;
           }

#footer ul{list-style: none;
            float:none;
            border-style: solid; border-color: blue; border-width: 0px;
            padding: 0px;
            margin-none: 0px; margin-right: 0px;
            margin-top: 0px; margin-bottom: 0px;
           }

#footer li{
            float:none;
            padding: 0px;
            background-color: white;
           }

#footer a{
            float: none;
            padding: 0px;
            width: auto;
            text-decoration: underline;
            color: blue;
            background-color: white;
            border: none;
            border-collapse: separate;
}

#footer a {font-weight: normal; color: blue; background-color: white; }
#footer a:visited {font-weight: normal; color: purple; background-color: white; }
#footer a:hover {font-weight: normal; color: blue; background-color: white; }
#footer a:visited:hover {font-weight: normal; color: purple; background-color: white; }

/*=======================================================================================*/
/*                                                                                                                                                                              */
/* following styles are for testing only                                                                                                                           */
/*                                                                                                                                                                              */
/*=======================================================================================*/

/*=======================================================================================*/
/*                                                                                                                                                                              */
/* following styles are for all items not in other style sections                                                                                         */
/*                                                                                                                                                                              */
/*=======================================================================================*/

.tester1 {
       text-align: left;
       font-size: 100%;
       background-color: yellow;
      }

table.tester1  {
            list-style: none;
            float: none;
            border-style: solid; border-color: blue; border-width: 0px;
            padding: 0px;
            margin-left: 0px; margin-right: 0px;
           }

tr.tester1 {
            float: none;
            border-style: solid; border-color: blue; border-width: 0px;
            padding: 0px;
            color:orange;
            margin-left: 0px; margin-right: 0px;
            background-color: white; }

ul.tester1  { list-style: disc;
            float: none;
            border-style: solid; border-color: green; border-width:1px;
            color:red;
            padding: 5px;
            margin: 5px;
           }

li.tester1  {
            float: none;display:block; float:none; position:relative;
            padding: 5px;
            background-color: brown; 
            margin-top: 3px; margin-bottom: 3px;
           }

a.tester1  {
            float: none;
            padding: 0px;
            width: auto;
            text-decoration: underline;
            color: blue;
            background-color: white;
            border: none;
            border-collapse: separate;
}

a.tester1  {font-weight: normal; color: blue; background-color: white; }
a.tester1:visited {font-weight: normal; color: purple; background-color: white; }
a.tester1:hover {font-weight: normal; color: blue; background-color: white; }
a.tester1:hover {font-weight: normal; color: purple; background-color: white; }