/* =============================================== */
/*            1. UNIVERSAL THINGS                  */
/* =============================================== */

@import url("reset.css"); /* resets all browser */

body{
color:#555;
font-size:8pt;
width:auto;
margin:0 5%;
background:#fff!important;
font-family:Arial, Helvetica, sans-serif;
}

p{
font-size:1.2em;
margin:10px 0;
font-style:normal;
}

a{color:#777;}

a:hover{ color:#000001;/**/}

li.NoBorder a{border:none!important;}

#admin, #AdminHeader, #TopBar, #NavigationBar, #SiteNavBar, #topper {display:none;}

#EditTools{
display:none!important;}


/* =============================================== */
/*            2. MAIN HEADER                       */
/* =============================================== */


#MainHeader h1{
background:#ccc;
font-size:3em;
padding:10px;
}

/* =============================================== */
/*             3. BREADCRUMBS                      */
/* =============================================== */

#breadcrumb li{
display: inline;
margin-left: 10px;
}



/* =============================================== */
/*             4. SYSTEM MESSAGE                   */
/* =============================================== */

#SystemMessage {
display:none;
}

#SystemMessage h3{
font-size:1.2em;
padding-bottom:5px;
border-bottom:1px solid #fef1b5;}

/* =============================================== */
/*        5. ORGANIZATION HEADER                   */
/* =============================================== */

#SiteHeader H2{
clear:both;
background:#ccc;
font-size:2.4em;
padding:10px;
}

/* =============================================== */
/*          6. SITE TITLE HEADER                   */
/* =============================================== */

#SiteTitle H3{
clear:both;
background:#000;
font-size:2.6em;
padding:10px;
color: #fffffe;/**/
text-align:center;
}



/* =============================================== */
/*                   7. WRAP                       */
/* =============================================== */
#wrap{
clear:both;
background:#fff;
border-bottom:1px solid #999;
border-top:1px solid #999;
}


/* =============================================== */
/*                8. SIDEBAR                       */
/* =============================================== */

#SideBar, #NavigationBar, #TopBar, #SystemMessage{ display: none; }

/* --- Serach Box --- */

.SearchBox {
display:none;
}


/* --- Main Menu --- */

ul#NavBar{
display:none
}


/* --- Site Menu --- */

#SiteNavBar{
display:none;
}


/* -- MEMBER COUNT --*/

#MemberCount{
background: url(http://cloud.townlife.ca/images/structure/stamp.gif) center center no-repeat transparent;
line-height:48px;
text-align:center;
margin-bottom:10px;
}

#MemberCount a{
color:#fffffe;/**/
font-size:1.2em;
text-decoration:none;
}

#MemberCount a:hover{text-decoration:underline}


/* -- HELP BOX --*/

#HelpBox{
background:#fffff8 url(http://cloud.townlife.ca/images/structure/bg_help.gif) repeat-x 0 0;
border:1px solid #ccc;
padding:10px;}

#HelpBox h5{
font-weight:bold;
color:#f90;
font-size:1.1em;
}

/* -- Business banners --*/

#BusinessBanners{
color:#cccccd;/**/
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
padding:5px 0;
margin:10px 0;}

#BusinessBanners h3{
padding:0 0 5px 0;}


#BusinessBanners img, #SiteHighlight img{
max-width: 180px;
max-height: 100px;
}

/* =============================================== */
/*                   9. MAIN                       */
/* =============================================== */


#main{
padding:0px 10px 0px 20px;
margin:0 0 0 00px;
}

#main a{}

#main a:hover{color:#fffffe;/**/ text-decoration:none;}

/* --- Banner --- */

#banner{padding:0px 0 0px 0; margin:10px 0;}

#banner img{
max-width: 550px;
max-height: 100px;
}


/* --- Action Box --- */

#ActionBox{
display: none;
}



/* --- text and font elements --- */


#main h1{font-size:2.2em;}
#main h2{font-size:2em;}
#main h3{font-size:1.8em;}

#main h1, #main h2, #main h3{ margin:10px 0}


#main h4{
margin:10px 0;
color:#fffffe;/**/
padding:2px;
font-size:1.4em;
}

#main h5{
padding:2px;
background:none;
font-size:1.4em;
border-bottom-width:1px;
border-bottom-style:solid;
}

#main h6{
background:#fffedb;
border-bottom:1px dotted #b0aea2;
padding:5px 2px;
font-size:1.2em;
color:#000001;/**/
text-align:left;
margin:10px 0;}

#main ul, #main ol{
padding-left:10px;
margin:10px 0;}

#main ul li, #main ol li{
font-size:1.2em;
list-style:disc inside;
padding:2px 0;
}

#main ol li{list-style:decimal inside;}

#BoxSet{margin-right:0px;}/* to crrect margin on the last box*/

.ResourceBox{
float:none;
width:auto;
margin:20px 0;
border-bottom:1px solid #999;
}

#main .ResourceBox h4{
border-bottom:1px solid #999;
padding:5px;
color:#000001;/**/
font-weight:bold;
font-size:1.2em;
margin:0;
display:block;
}

.ResourceBox h4 span{font-weight:normal;}

#main .ResourceBox ul{
height: auto;
overflow:hidden;
position:static;
margin:0;
padding:5px;
}

#main .ResourceBox ul li{
padding:5px 0;/* resets */
list-style:none outside;
border-bottom:1px solid #f1f1f1;
}

#main .ResourceBox ul li:first-child{padding-top:0;}

#main .ResourceBox ul li:last-child{
border-bottom:none;
padding-bottom:0;}

#main .ResourceBox ul li a{display:inline-table; color:#777; padding:0; margin:0}

#main .ResourceBox ul li a:hover{color:#fffffe;/**/}

#main .ResourceBox ul li a img{
border:1px solid #ccc;
padding:1px;
}

#main .ResourceBox ul li a{ background:none;}

#main .ResourceBox ul li a:hover img{border:1px solid #333;}

#main h5.more{
display:none;
}

#main h5.more a{
color:#fffffe;/**/
text-decoration:none;
margin:0px 0 0 0;
font-weight:bold;
}

#main h5.more a:hover{text-decoration:underline;}

/* -- back to top -- */

h6#top {
display:none;
}

#main h6#top a{
padding:0 0 0 16px;
background:url(http://cloud.townlife.ca/images/icons/bullet_arrow_top.gif) no-repeat left center;
text-decoration:none;
font-size:.9em;
/*color:#999;*/
}
#main h6#top a:hover{background:url(http://cloud.townlife.ca/images/icons/bullet_arrow_top.gif) no-repeat left center;/*color:#555;*/ text-decoration:underline}


/* -- regular table -- */

table.RegularTable{
width:100%;
font-size:1.2em;
}

table.RegularTable caption{
font-weight:bold;
padding:5px 0;
border-top:2px solid #999;
text-align:left;
}

table.RegularTable, table.RegularTable td, table.RegularTable th{
border-collapse:collapse;
border:1px solid #999;
}

table.RegularTable td{padding:2px 5px;}

table.RegularTable th{
/*color:#fff;*/
text-align:left;
padding:5px;
border-left-color:#fff;
border-right-color:#fff;}

table.RegularTable tr.alt{}



/* =============================================== */
/*                  10. FOOTER                     */
/* =============================================== */



/* =============================================== */
/*                  11. ECOFOOTER                  */
/* =============================================== */


#EcoFooter{
display:none;
}



/* =============================================== */
/*             12. CALENDAR TABLE                  */
/* =============================================== */

table#calendar{
width:100%;
}

table#calendar caption{
font-size:1.4em;
font-weight:bold;
padding:5px 0;
border-top:2px solid #999;
text-align:left;
}

table#calendar, table#calendar th, table#calendar tr, table#calendar td{
border-collapse:collapse;
border:1px solid #999;
vertical-align:top;
}

table#calendar th, table#calendar td{padding:5px;}

table#calendar td{width:14%; font-weight:bold;}

table#calendar td#today{background:#ffffe0;}

table#calendar td ul {
margin:5px 0 0 0;
padding:0;
border-top:1px solid #ccc;
}

table#calendar td ul li{
font-weight: normal;
list-style:none;
border-bottom:1px solid #ccc;
padding:2px 0;
margin:0;
}

table#calendar td ul li a{display:block;}



/* =============================================== */
/*                13. CLEARFIX                     */
/* =============================================== */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */






#wrap{ padding-bottom:10px;}

/*#SystemMessage, #footer{
display:none;}*/


/* --- Main Menu --- */

ul#NavBar{
display:none;
}

/* --- Big Box --- */


#BoxSet{
background:none;
margin:10px 0 0px 0;
padding:10px 5px 10px 5px;
border:none;
}

#BoxSet .ResourceBox{ 
margin: 0;
padding:0;
width:auto;
border:none!important;
background:none;
}



#BoxSet #photoBox{width:auto;}


#BigBox, #Boxes
{margin:10px 0 0 0;
float:none;
width:100%;
}


.ScrollBox{
height:auto;
overflow:hidden;
}

#main #BigBox .ResourceBox{
width:100%;
float:none;
margin:0;
}

.LimitList{
width:auto;
float:none;
}

.WebsiteList{
width:auto;
float:none;}

#main #BigBox #ScrollBox ul, #main #BigBox #ScrollBoxLimit ul{
height:auto;
position:static;
padding:5px;
margin:0;
}

#main #BigBox #ScrollBoxLimit ul{}



/* --- Action Box --- */

#ActionBox{
width:180px;
}
#ActionBox dl{margin:0 0 10px 0px;}

#ActionBox dt{ background:#000;}


/* --- SiteHeader --- */


#SiteHeader{
display:none;
}

#SiteHeader h1{
float:left;
margin:12px 0 0 10px;}

#SiteHeader h1 a{
display:block;
height:45px;
width:181px;
background:none;
}


#SiteHeader h6{
font-size:1.4em;
margin:5px 0 10px 0;}

#SiteHeader h6, #TabMenu{
clear:right;
float:right;
}

 #TabMenu{ width:450px;}

#SiteHeader ul{
margin-bottom:-1px;
font-size:1.2em;
float:right;
}

#SiteHeader ul li{
float:none;
}

#SiteHeader ul li a{
display:block;
padding:17px 7px 10px 7px;
margin:0 0 0 2px;
background:none;
/*color:#fff;*/
text-decoration:none;
font-weight:bold;
display:inline-block;
}

#SiteHeader ul li#current a{
background-position:0 0;
padding-right:0;
margin-right:7px;
/*color:#000;*/
}
#SiteHeader ul li#current{background:none;}



#BusinessBanners{
display: none;}

#EcoFooter{
display: none;}


/* <li><a href="http://www.townlife.com/authenticate/login">Log In</a></li> */