/*=====================================================*/
/* CSS2 Style Sheet for TTCS Central Region website    */
/*=====================================================*/

@import url(core.css);


/*-------------------------------------*/
/* Elements                            */
/*-------------------------------------*/

A, A:link, A:active, A:hover { color: blue; }

A:visited { color: green; }

H1 {
    font-size: 36px;
    font-weight: bold;
    color: white;
}

H2 {
    padding: 40px 20px 20px 20px;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
}

H3 {
    padding: 15px 0px 15px 0px;
    font-size: 18px;
    font-weight: bold;
}

SUP { font-size: 0.8em; }


/*-------------------------------------*/
/* Classes                             */
/*-------------------------------------*/

.authorcredit, .date, .editornote, .emailnote, .lastupdated { font-style: italic; }

.headline { padding: 15px 0px 15px 0px; }

.clickable { cursor: pointer; }

.link_greenbox {
    margin: 10px 0px 25px 1px;  /* top right bottom left */
    height: 35px;
    text-decoration: none;
    border-bottom: 1px solid black;
}

.link_greenbox A {
    display: block;
    height: 35px;
    color: black;
    font-weight: bold;
    text-decoration: none;
}

.link_greenbox A:link {
    background-color: #cae08d;
    color: black;
    text-decoration: none;
}

.link_greenbox A:visited {
    background-color: #cae08d;
    color: black;
    text-decoration: none;
}

.link_greenbox A:active {
    background-color: #36c0cb;
    color: black;
    text-decoration: none;
}

.link_greenbox A:hover {
    background-color: #36c0cb;
    color: black;
    text-decoration: none;
}

.link_greenbox .currentpage A {
    background-color: #cae08d;
    color: white;
    text-decoration: none;
} 

.link_horizbar { 
    width: 175px;
    margin: 10px 10px 0px 10px;
}

.link_horizbar A { width: 165px; }  /* 10 less than above so horizontal black underline extends a bit */

.link_sidebar {
    width: 134px;
    margin: 10px 10px 0px 0px;
}

.link_sidebar A { width: 124px; }  /* 10 less than above so horizontal black underline extends a bit */

.loc_branch {  /* loc = location */
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.loc_branch P { padding: 10px 0px 10px 0px; }

.loc_branch .loc_note { font-weight: normal; }

.loc_satellite { padding: 10px 10% 10px 10%; }

.loc_satellite P { padding: 5px 0px 5px 0px; }

.map { text-align: center; }

.photo { border: 1px solid black; }

.photocredit, .smalltext { font-size: 0.5em; }


/*-------------------------------------*/
/* IDs                                 */
/*-------------------------------------*/

#aboutus_photo, #contactus_photo { text-align: center; }

#aboutus_photo IMG, #contactus_photo IMG {
     margin: 10px 10px 10px 10px;  /* top right bottom left */
}
 
#aboutus_table, #contactus_table { 
    display: block;
    table-layout: fixed;
}

#aboutus_table TD, #contactus_table TD {
    vertical-align: top;
}

#banner {
    margin: 10px 10px 0px 10px;    /* top right bottom left */
    background: white url("images/blackdot.png") 144px 0px repeat-y;
}

#bannerleft {
    width: 145px;  /* banner1.png width */
    height: 154px;
    background-image: url(images/banner1new.png);
    background-repeat: no-repeat;
}

#bannerleft IMG, #bannermid H1 { position: relative; top: -10px; }

#bannermid {
    height: 154px;  /* banner2new.png height */
    background-image: url(images/banner2new.png);
    background-repeat: repeat-x;
    padding-left: 20px;
}

#bannerright {
    width: 18px;    /* banner3new.png width */
    height: 154px;    /* banner3new.png height */
    background-image: url(images/banner3new.png);
    background-repeat: no-repeat;
}

#canadamap { text-align: center; }

#home_sec1 {    /* Welcome */
    padding: 15px 0px 10px 0px;       /* top right bottom left */
}

#home_sec2 {     /* images */
    float: right;
    width: 290px;  /* image-width + image-padding, see .photo_home */
    padding: 15px 0px 0px 10px;       /* top right bottom left */
}

#home_sec2 IMG {
     margin: 0px 10px 10px 0px;  /* top right bottom left */
}

#home_sec3 {      /* Highlights */  
    float: right;
    width: 25%;
    margin: 15px 3% 10px 10px;       /* top right bottom left */
    padding: 10px;
    border: 5px solid #36c0cb;
    color: #36c0cb;
    font-weight: bold;
}

/* The idea of the structure of the following CSS "main" sections,
is from Petr Stanicek and is described at the following website:
http://www.pixy.cz/blogg/clanky/css-3col-layout/
The features are: table-less layout, no positioning of divs, no
hacks, the content area can either be longer or shorter than
the sidebar and the thin vertical black line behaves properly.
Works in modern browsers but not older ones. */

#mainclear {
    clear: both;
    height: 1px;
    font-size: 1px;
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
}

#maincontent {
    margin: 0px 5% 0px 5%;
}

#maincontentwrapper {
    margin: 0px 0px 0px 145px;
}

#mainfooter { 
    clear: both;
    margin: 0px 10px 0px 10px;
    padding: 5px 0px 10px 145px;  /* centered horizontally within the "maincontent" area */
    font-size: 0.75em;
    font-style: italic;
    text-align: center;
    border-top: 1px solid black;
}

#mainhorizbar A:link { background-color: #cae08d; }

#mainhorizbar A:visited { background-color: #cae08d; }

#mainhorizbar A:active { background-color: #36c0cb; }

#mainhorizbar A:hover { background-color: #36c0cb; }

#mainsidebar { 
    float: left;
    width: 145px;
    margin: 0;
    padding: 0;
    background: white url("images/blackdot.png") 144px 0px repeat-y; 
}

#mainwrapper {
    margin: 0px 10px 0px 10px;  /* top right bottom left */
    padding:0;
    background: white url("images/blackdot.png") 144px 0px repeat-y; 
}

#table_bannerlinks #col_2 { padding-left: 10px; }

#table_contactus TD { vertical-align: top; }

#table_listing TD { width: 30%; }

#table_workshops {
    table-layout: fixed;
    border: 1px solid black;
    margin-top: 10px;
}

#table_workshops TD {
    border: 1px solid black;
    background-color: #cae08d;
}

#table_workshops .tablecol_date { width: 15%; }

#table_workshops .tablecol_place { width: 45%; }

#table_workshops .tablecol_event { width: 40%; }

#table_workshops .tablecol_month {
    padding: 8px;
    text-align: center;
    font-weight: bold;
    background-color: #36c0cb;
}

#webmasteremail { text-align: center; }