/* ======================================== */
/* GENERAL THINGS                           */
/* ======================================== */
#SiteTitle, #MainHeader, #footer{
display:none; }

#MainBody {
width: 825px;
}

#topper{display: none;}

#main a:hover, #ActionBox dl a:hover{
background: #555!important;
text-decoration: none!important;}


div#JoinStamp {
	height:48px;
	width:180px;
}

div#JoinStamp a {
	color:#fffffe;/**/
	font-weight:bold;
	font-size:1.4em;
	line-height:48px;
	text-align:center;
	display:block;
}


/* ======================================== */
/* SITE HEADER                              */
/* ======================================== */

#SiteHeader{
margin-top: 10px;
}

#SiteHeader h2{
text-align: right;
font-size: 1.6em;
padding: 15px 0;}


#CommunityHeader{
background: #eeedea url(../images_community/bg/bg_header.gif) no-repeat 0 0;
height: 90px;
margin-top:5px;
}

#CommunityHeader h1{
float: left;
margin: 12px 0 8px 22px;}

#CommunityHeader h1 a{
display: block;
height: 70px;
width: 225px;
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -99999px;}


#CommunityHeader ul{
padding-right: 12px;
float: right;}

#CommunityHeader ul li{
margin-bottom: 8px;
float: left;
background:url(../images_community/tabs/bg_btn_left.gif) no-repeat bottom left;}

#CommunityHeader ul li:hover, #CommunityHeader ul li.sfhover{color: #fffffe;/**/ background:url(../images_community/tabs/bg_btn_left.gif) no-repeat top left;}

#CommunityHeader ul li a{
display: block;
padding: 10px 10px 0 10px;
line-height: 72px;
font-size: 1.4em;
font-weight: bold;
text-decoration: none;
color: #747474;/**/
background: url(../images_community/tabs/bg_btn_right.gif) no-repeat bottom right;
}

#CommunityHeader ul li a:hover, #CommunityHeader ul li.sfhover a{
background: url(../images_community/tabs/bg_btn_right.gif) no-repeat top right;
color: #fffffe;/**/
}

/* active */
#CommunityHeader ul li#current{
background-repeat: no-repeat;
background-position: top left;}


#CommunityHeader ul li#current a{
background-repeat: no-repeat;
background-position: top right;
color: #fffff0;/**/}


/* ======================================== */
/* FRAME                                    */
/* ======================================== */

#wrap{background: url(../images_community/bg/bg_community.gif) repeat-y 0 0;
border:none;
padding-top: 0px; }

#EcoFooter{
background:#fff url(../images_community/bg/bg_communitybottom.gif) no-repeat 0 0;
padding-top: 40px;
color: #000001;}



#main{
width: 590px;
margin-right: 22px;
padding: 0;
display: inline; /*because IE double margin bug */
}

#SideBar{
padding: 7px 0 0 0;
margin: 0;
margin-left: 22px;
display: inline; /*because IE double margin bug */
}


.SignupSidebar h2{
  text-indent:-10000px;
  height:200px;
  width:325px;
  background: transparent url(/images_community/titles/community_signup_sidebar_title.png) top center no-repeat;
  margin:10px;
}

.SignupSidebar ul{
  text-indent:-10000px;
  height:330px;
  width:325px;
  background: transparent url(/images_community/titles/townlife_signup_sidebar_bg.png) top center no-repeat;
  position:relative;
}

.SignupSidebar ul span.donations {
  text-indent:10000px;
  display:block;
  margin:94px auto 0;
  width:100px;
  color:#FFFFFE;/**/
  font-weight:bold;
  font-size:22px;
  text-indent:0;
}
.testimonial {
  color:#666666;
  padding:0 20px;
  font-size:12px;
  text-align:justify;
}
  .testimonial em {
    font-size:11px;
  }
.testimonial h3 {
  font-size:18px;
  padding:6px 0;
}
.free_website {
  width:180px;
  float:left;
  border-right:1px solid #e3e3e3;
  padding:10px;
  margin-right:10px;
}
.paid_website {
  width:200px;
  float:left;
  padding-top:10px;
}
#TLSideBar_wide {
  width:420px;
  float:left;
  padding-top:60px;
  text-align:center;
}
#TLSideBar_wide h3 {
  font-size:22px;
  color:#EC6900;
  padding-bottom:10px;
  text-align:left;
  padding-left:10px;
}
.website_choices h5 {
  text-align:left;
  color:#666666;
}
  .free_website ul, .paid_website ul{
    text-align:left;
    font-size:11px;
    color:#333333;
    padding-bottom:20px;
  }
    .free_website em, .paid_website em {
      font-family:"Times New Roman", Times, serif;
      font-size:13px;
      font-weight:bold;
      color:#111111;
      padding-bottom:6px;
    }
.note {
  clear:both;
  padding-top:10px;
  font-size:11px;
  color:#666666;
}
.free_website li, .paid_website li {
  list-style-type:disc;
  margin-left:20px;
}
.free_trial {
  padding-top:50px;
}
.website_donations {
  clear:both;
  padding-top:20px;
}
/* ======================================== */
/* NAVBAR                                   */
/* ======================================== */

ul#NavBar{
background:#999!important;
}


#NavBar li a{
border-bottom:1px solid #faf9f6;
color:#faf9f6;
}

#NavBar li#btn_calendar{
display: block;
line-height:20px;
padding:2px 10px;
text-decoration:none;
font-weight:bold;
border-bottom:1px solid #fff;
color:#fffffe;
background:#000 url(/images/navbar/bg_Nav.gif) no-repeat top center !important;
}

#NavBar li a#all:hover, #NavBar li.on a#all{ background-color:#0091ff!important; color:#fff !important;}
#NavBar li a#Business:hover, #NavBar li.on a#Business{background-color:#82d200!important;  color:#fff !important;}
#NavBar li a#CommunityGroup:hover, #NavBar li.on a#CommunityGroup{ background-color:#ff8b00!important; color:#fff !important;}
#NavBar li a#SportingTeam:hover, #NavBar li.on a#SportingTeam{ background-color:#ff0100!important; color:#fff !important;}

#NavBar li a#Association:hover, #NavBar li.on a#Association{ background-color:#A50FAC!important; color:#fff !important;}
#NavBar li a#Municipality:hover, #NavBar li.on a#Municipality{ background-color:#A50FAC!important; color:#fff !important;}



/* ======================================== */
/* BOX                                      */
/* ======================================== */

.ResourceBox{
background:url(../images_community/bg/bg_box.gif) no-repeat bottom center ;
border: none;
width: 590px;
}

#main .ResourceBox h4{
background-repeat: no-repeat;
background-position: top center;
padding: 15px 15px 10px 15px;
margin: 0;
color: #fffffe!important;/**/
}

#main  .ResourceBox ul{
padding:10px!important;
}

#main .ResourceBox ul li:first-child{padding-top:5px!important;}

div.tallbox {
	background:url(/images_community/bg/bg.gif) top center repeat-y ;
	
}
/* SCROLL */

.ScrollBox{
min-height:200px;
overflow:auto;
position:relative;
margin: 0 4px 0px 5px!important;
}


#main .ScrollBox ul{
height:auto;
position:static;
/*padding:5px;*/
margin:0;
}

#main h6.more{
padding:0;
margin:0 4px 5px 5px;
border-top-width: 1px;
border-top-style:solid;
background:none;
text-align:right;
display:block;
padding:2px 5px;
color:#999998;/**/
font-weight:bold;
font-size: .9em;
}

#main h6.more a{
text-decoration:none;
margin:0px 0 0 0;
font-weight:bold;
}


/* ======================================== */
/* TOP BOX                                  */
/* ======================================== */

#TopBox {
	padding-bottom:20px !important;
	height:auto !important;
}


#main #TopBox ul {
padding-top:10px;
padding-left:15px !important;

height:auto ;
}

#TopBox ul li {
float:left;
margin-right: 10px;
border: none !important;
}

#TopBox ul li a {
display: block;
width:125px;
padding:5px 0;
}


/* ======================================== */
/* BOTTOM BOX                               */
/* ======================================== */

#BottomBox ul{
width:168px;
float:left;}

#BottomBox h4 a{
color: #fffffe;/**/}

/* ======================================== */
/* MIDDLE BOX                               */
/* ======================================== */

#BoxSet{
background-repeat: no-repeat;
background-position: bottom center;
clear: both;
margin: 0;
}

#BoxSet h4 a{
color: #fffffe;/**/}

#BoxSetBg{
padding: 15px 5px 5px 15px;
background: url(../images_community/bg/bg_bluebox_top.gif) no-repeat top center;

}

#main #BoxSet h6.more{margin:0;}

#main #BoxSet .ResourceBox  {
float: left;
background: transparent url(../images_community/bg/bg_box_boxes.gif) no-repeat bottom center;
width: 275px;
margin: 10px 10px 10px 0;
padding: 0;}

#main #BoxSet .ResourceBox h4{
background-repeat: no-repeat;
background-position: top center;
padding: 10px;
}


/* photo */

#main #BoxSet #PhotoBox{
width:560px;
margin:0px 0;
float: none;
clear: both;
background: transparent url(../images_community/bg/bg_box_photo.gif) no-repeat bottom center;
}

#main #BoxSet #PhotoBox h4{
background-repeat: no-repeat;
background-position: top center;
padding: 10px;
}


#BoxSet #PhotoBox ul {
clear:left;
margin:0px auto;
height:auto !important;
overflow: hidden !important;
}

#BoxSet #PhotoBox ul li{
float: left;
border-bottom:none;
padding-right:4px;
}

#BoxSet #PhotoBox ul li:first-child{padding-top: 0;}

/* ======================================== */
/* ERRO     404                             */
/* ======================================== */


#error{
background:#fffae2 url(/images/icons/fff/error_big.png) no-repeat 10px 50%;
padding: 20px 20px 20px 91px;
border: 1px solid #fff5c0;}


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

#ActionBox dl{
padding: 0 0 8px 0!important;
background: #fff url(../images_community/bg/bg_action_btn.gif) no-repeat bottom center;
border: none;
}


#ActionBox dd{
margin: 0 5px;}


#ActionBox dt{
background-repeat: no-repeat;
background-position: top center;
padding: 5px;}

/* --- Footer --- */


#BusinessBanners{
border:none;
padding:0;}

#EcoFooter ul li a {
	border-left:1px solid #555;
	color:#555556 !important;/**/
}

#EcoFooter a, #EcoFooter { color: #555556;/**/}
#EcoFooter a:hover, #EcoFooter ul li a:hover { color:#fffffe !important;/**/}
/* <li><a href="http://www.townlife.com/authenticate/login">Log In</a></li> */

.PhoneNumber {
  text-align:right;
  color:#787878;
  font-size:18px;
  font-weight:bold;
}
p.tos {
  margin-top:50px;
  font-size:12px!important;
}