/***********YUI's reset codes***********************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
/*ol,ul {list-style:none;}*/
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

html, body {
     margin: 0;
     padding: 0;
    height: 100%
}
body {
    background: #333333 url(images/bg.jpg) repeat-x top;
}
img {
    border: 0;
}
.alignleft {
    text-align: left !important;
}
.alignright {
    text-align: right !important;
}
:link:focus, :visited:focus {-moz-outline: 0px }
:hover, :hover:focus {-moz-outline: 0px }
/* CMS DEAFAULTS ------------------------------------------------------------- */
h1, h2, .heading1 {
    font-size: 22px;
    font-weight: normal;
    color: #810b22;
    text-transform: lowercase;
    margin: 0;
    padding: 20px 0 0 0;
}
h3, .heading2 {
    font-size: 28px;
    text-transform: lowercase;
    font-weight: normal;
    color: #cccccc;
    margin: 0;
    padding: 10px 0 0 0;
}
h4, .heading3 {
    font-size: 18px;
    font-weight: normal;
    color: #c08590;
    margin: 0;
    padding: 10px 0 0 0;
}
.smalltext {
    font-size: 10px;
}
.highlight {
    color: #c08590;
}

#wrapper {
    width: 100%;
}
#inner {
    width: 1000px;
    background: #810b22 url(images/content_bg_white.gif) repeat-y;
    margin: 0 auto;
    padding: 0;
}

/* HEADER IMAGES ------------------------------------------------------------- */
#randomimg {
    width: 958px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* HEADER and NAVIGATION ----------------------------------------------------- */
#header {
    background: url(images/nav.png) repeat-x center;
    height: 60px;
    width: 1000px;
    display: block;
    position: relative;
    top: -70px;
    z-index: 999;
    display: inline-table;
    margin-bottom: -60px;
/*    overflow: hidden;
      overflow: visible; */
}

#title {
    position: relative;
    float: right;
    right: 55px;
    width: 266px;
    height: 60px;
    background: url(images/chatswood-logo2.png) no-repeat;
}

#title h1 a {
    float: right;
    width: 266px;
    height: 60px;
/*    background: url(images/chatswood-logo2.png) no-repeat;*/
   margin: 0;
   padding: 0;
    display: block;
}
#title h1 a span {
	display: none;
}

#navigation {
    float: left;
    display: block;
    padding-top: 21px;
    padding-left: 30px;
    font: normal 14px Tahoma, Verdana, Helvetica, sans-serif;
    text-transform: lowercase;
}
#navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#navigation li {
    display: inline;
    list-style-type: none;
}
#navigation a {
    color: #ffffff;
    text-decoration: none;
    margin: 0 13px;
}
#navigation a:hover {
    color: #990033;
}

/* EDITABLE CONTENT ---------------------------------------------------------- */
#content {
    display: block;
    width: 958px;
    margin: 0 21px;
    padding: 0;
    position: relative;
    background: url('images/content_bg_inner.gif') no-repeat top left;
}
#contentsub {
    display: block;
    width: 958px;
    margin: 0 21px;
    padding: 0;
    position: relative;
}
#promoboxes img {
    margin-right: 11px;
}
#edcontent {
    font-family: Tahoma, Verdana, Helvetica, sans-serif;
    width: 640px;
    float: left;
    line-height: 1.4;
    padding: 10px 0 0 10px;
    margin: 0;
}
#content .edcontententry {
    padding-top: 15px !important;
}
#edcontent h2 {
    font-size: 22px;
    font-weight: normal;
    color: #810b22;
    text-transform: lowercase;
    margin: 0;
    padding: 10px 0 0 0;
}
#edcontent h3 {
    font-size: 28px;
    text-transform: lowercase;
    font-weight: normal;
    color: #cccccc;
    margin: 0;
    padding: 10px 0 0 0;
}
.edcontententry {
    font-size: 14px;
    color: #666666;
    padding: 0 10px 25px 10px;
}
#edcontent .contentheader {
    width: 70%;
}
#edcontent .contentheaderb {
    width: 30%;
}
#edcontent table td {
    vertical-align: top;
   
}
#edcontent .contententry {
    width: 95%;
}
#edcontent a, #edcontent .contententry a {
    color: #c08590 !important;
}
#edcontent a:hover, #edcontent .contententry a:hover {
    color: #810b22 !important;
}

/* EVENTS CALENDAR ----------------------------------------------------------- */
.eventscal {
/*   background: url(images/calendar_bg.png);
   background-color: #67484d;                */
   width: 240px;
   margin: 10px auto 0;
   padding: 8px 0;
}
#calendar {
   width: 225px !important;
   color: #ffffff;
   text-align: center;
   margin: 0 auto;
   font-family: Tahoma, Verdana, Helvetica, sans-serif
}
#calendar a {
   color: #ffffff;
   text-decoration: none;
}
#calendar td {
   text-align: center !important;
  
}
td.calendartitle {
   width:100px !important;
   padding-bottom: 3px;
}
.calendarmonth {
   font: 14px Tahoma, Verdana, Helvetica, sans-serif;
}
.calendarheading {
   font: 16px Tahoma, Verdana, Helvetica, sans-serif;
   background: #990033 url(images/cal_h.jpg) repeat-x;
   padding: 2px 3px;
}
.calendartext {
   font: 12px Tahoma, Verdana, Helvetica, sans-serif;
   padding: 3px 5px;
}
.calendardays {
   background-color: #333333;
}
.calendareventday {
   background-color: #444444;
}

/* TEASERS ------------------------------------------------------------------- */
#teaser{
   width: 266px;
   color: #ffffff;
   text-align: center;
   float: right;
   margin-top: 15px;
   margin-right: 39px;
   padding: 0;
}

.teaserbox {
/*   margin-top: 95px;
   margin-bottom: 0;          */
   padding: 5px 30px 0px 30px;    /* temp bottom fix */
   font-family: Tahoma, Helvetica, Arial, sans-serif;
   text-align: left;
   text-transform: lowercase;
   margin-bottom: 15px
}


#teaser h3, .teaserbox h3 {
   margin: 0;
   padding: 0 0 5px 0;
   font-size: 18px;
   font-weight: normal !important;
   letter-spacing: .05em;
   background: url(images/h_bg.gif) repeat-x left bottom;
   color: #ffffff !important;
}

.teaserbox a {
   color: #ffcccc;
   text-decoration: none;
}
.teaserbox ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.teaserbox ul li {
   margin: 0 0 3px 0;
   padding: 0 0 5px 0;
   color: #ffcccc;
   font-size: 13px;
   background: url(images/li_bg.gif) repeat-x left bottom;
   clear: both;
}
.teaserbox a:hover {
   color: #ffffff;
}
.teaserbox a.current {
   color: #ffffff;
}
.teaserboxb {
/*   padding: 5px 30px 5px 30px;    /* temp bottom fix */
   font-family: Tahoma, Helvetica, Arial, sans-serif;
   text-align: left;
   background: #67484d;
   margin: 8px 22px;
   padding: 2px;
}
.teaserboxtext {
   font-size: 11px !important;
   color: #ffcccc;
}

.teaserboxb form {
   margin: 0;
   padding: 0;
}
.teaserboxb fieldset {
   border: 0;
   padding: 0 0 10px 0;
   margin: 0;
   text-align: left;
}
.teaserboxb legend, .teaserboxb .pollid {
   font-size: 14px;
   font-weight: normal;
   text-align: left;
   text-transform: lowercase;
   color: #ffffff;
   padding-top: 5px;
}
.teaserboxb ul {
   font-size: 11px;
   list-style-type: none;
   margin: 0;
   padding: 0 0 0 10px;
   color: #ffcccc;
}

.teaserboxb ul li ul {
   margin: 0;
   padding: 0;
}
.teaserboxb input.formfield {
   border: 0;
   background: #ffffff;
   font: 9px Tahoma, Helvetica, Arial, sans-serif;
   color: #999999;
   width: 85%;
   padding: 3px 2px;
   margin: 0;
}
.teaserboxb .formdiv {
   width: 92%;
   margin: 0 auto;
}
.teaserboxb .formdivb {
   background: url(button.gif) no-repeat right bottom;
}

.pollform {
   padding-right: 10px;
}
.pollresult {
   padding: 5px 0;
}
.pollresult ul {
   width: 85%;
   margin: 0 auto;
}
.eventtime {
   display: block;
   width: 50%;
   float: left;
}
.eventname {
   width: 47%;
   display: block;
   float: right;
   clear: right;
   text-transform: none !important;
}

/* FORMS --------------------------------------------------------------------- */
.edcontententry fieldset {
   width: 80%;
   margin: auto;
   border: 0;
}
.edcontententry fieldset ul {
   list-style-type: none;
}
.edcontententry legend {
    font-size: 22px;
    font-weight: normal;
    color: #810b22;
    text-transform: lowercase;
    margin: 0;   
}
.edcontententry label {
    display: block;
    float: left;
    clear: left;
    width: 120px;
}
.edcontententry input {
    background-color: #ffffff !important;
}
.edcontententry input.formfield {
    width: 325px !important;
    border: 1px solid #c08590;
}
.edcontententry input.formfile {
    width: 300px !important;
    border: 1px solid #c08590;
}
.edcontententry textarea {
    width: 325px;
    border: 1px solid #c08590;
}
.edcontententry button {
    border: 1px solid #c08590;
    background: #fafafa;
    font: 12px Tahoma, Verdana, Helvetica, sans-serif;
    color: #333333;
}
/* CONTENT CALENDAR ---------------------------------------------------------- */
.edcontententry .eventscal {
   width: 480px;
   margin: 10px auto 0;
   padding: 8px 0;
}
.edcontententry  #calendar {
   width: 480px !important;
   color: #333333;
   text-align: center;
   margin: 0 auto;
   font-family: Tahoma, Verdana, Helvetica, sans-serif
}
.edcontententry  #calendar a {
   color: #c08590;
   text-decoration: none;
}
.edcontententry  #calendar td {
   text-align: center !important;
}
.edcontententry td.calendartitle {
   width:100px !important;
   padding-bottom: 3px;
   font: 22px Tahoma, Verdana, Helvetica, sans-serif !important;
}
.edcontententry  .calendarmonth {
   font: 22px Tahoma, Verdana, Helvetica, sans-serif !important;
}
.edcontententry  .calendarheading {
   font: 16px Tahoma, Verdana, Helvetica, sans-serif !important;
   background: #990033 url(images/cal_h.jpg) repeat-x;
   padding: 2px 3px;
   color: #ffffff !important;
   text-align: center !important;
}
.edcontententry  .calendartext {
/*   font: 12px Tahoma, Verdana, Helvetica, sans-serif;*/
   padding: 3px 5px;
   text-align: center !important;
}
.edcontententry  .calendardays {
   background-color: #ffffff;
}
.edcontententry  .calendareventday {
   background-color: #fafafa;
}
/* FOOTER -------------------------------------------------------------------- */
#footer {
    width: 100%;
/*    border: 1px solid #999999;*/
}
#footerb {
    display: block;
    width: 1000px;
    height: 72px;
    margin: 0 auto;
    background: #52232c url(images/content_foot_sub.gif) no-repeat center top;
    padding-top: 21px;
}
#footer p {
    background: url(images/clube_logo.gif) no-repeat top right;
    text-align: right;
    float: right;
    margin: 0;
    padding: 0;
}
#footer a {
    display: block;
    width: 185px;
    height: 25px;
    text-decoration: none;
}
#footer span {
    visibility: hidden;
}
/* GENERAL STYLES ------------------------------------------------------------ */
.clear {
    clear: both;
    height: 0 !important;
}