/*      CHATSWOOD RSL

        HOMEPAGE CSS

*/

/* MAIN STYLES --------------------------------------------------------------- */

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 EDITOR defaults ------------------------------------------------------- */

body /* for CMS editor */{
    font: normal 14px Tahoma, Verdana, Helvetica, sans-serif;
    color: #999999;
}
/* TOP ----------------------------------------------------------------------- */

#top {
    width: 100%;
}

#top span {
    display: block;
    width: 1000px;
    height: 91px;
    background: #71424b url(images/content_top.gif) no-repeat bottom;
    margin: 0 auto;
    padding: 0;
}

/* WRAPPER ------------------------------------------------------------------- */
#wrapper {
    width: 100%;
}
#inner {
    width: 1000px;
    background: #810b22 url(images/content_bg_grey.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;
}
*:lang(en) #header {    /* FF hack */
    margin-bottom: -70px !important;
}
#header:empty {
    margin-bottom: -70px !important;
    overflow: hidden !important;
}

#title {
    position: relative;
    float: right;
    right: 55px;
    width: 266px;
    height: 60px;
    background: url(images/chatswood-logo2.png) no-repeat;
}
#title:empty {
   right: 0 !important;
}
#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;
/*    padding-right: 25px;*/
}
#navigation a {
    color: #ffffff;
    text-decoration: none;
    margin: 0 13px;
}
#navigation a:hover {
    color: #990033;
}

/* EDITABLE CONTENT ---------------------------------------------------------- */
#content {
/*    background: #333333 url(images/content_bg_grey.gif) repeat-y;*/
    width: 956px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    padding: 0;
}
#edcontent {
    font: normal 14px Tahoma, Verdana, Helvetica, sans-serif;
    color: #cccccc;
    width: 620px;
    height: 370px;
    margin: 10px 0 0 15px;
    overflow: hidden;
    line-height: 1.4;
}
#edcontent a {
    color: #cccccc;
}
#edcontent img {
	border: 0;
}
#content p.smalltext {
	font-size: 10px !important;
	color: #999999;
	clear: both;
	padding-top: 10px;
}

/* TEASERS ------------------------------------------------------------------- */
#teaser, #teaser:empty {
    width: 266px;
    background: #810622;
    background: url(images/teaser_bg.png) ;
    color: #ffffff;
    text-align: center;
    position: relative;
    top: -795px;
    right: 37px;
    z-index: 3;
    display: inline-table;
    float: right;
    margin-bottom: -795px;
    overflow: hidden;
    padding: 0;
}
*:lang(en) #teaser {    /* FF hack */
    top: -855px !important;
    margin-bottom: -855px !important;
}

.teaserbox {
   margin-top: 95px;
   margin-bottom: 0;
   text-align: left;
   padding: 0 15px 20px 15px;    /* temp bottom fix */
   font-family: Tahoma, Helvetica, Arial, sans-serif;
}
*:lang(en) .teaserbox {    /* FF hack */
    margin-top: 100px !important;
}

#teaser h3, .teaserbox h3 {
   margin: 0;
   padding: 0 0 5px 0;
   font-size: 18px;
   font-weight: normal !important;
   letter-spacing: .05em;
   background: url(images/m_h_bg.gif) repeat-x left bottom;
}
.teaserbox ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
.teaserbox ul li {
   clear: both;
   margin: 0 0 3px 0;
   padding: 0 0 5px 0;
   color: #ffcccc;
   font-size: 13px;
   background: url(images/m_li_bg.gif) repeat-x left bottom;
}
.teaserbox ul li a {
   color: #ffcccc;
   text-decoration: none;
}
.eventtime {
   width: 50%;
   display: inline;
   float: left;
}
.eventname {
   width: 47%;
   display: block;
   float: right;
   clear: right;
   text-transform: none !important;
}
.teaserbox ul li br {
  clear: both;
}


/* EVENTS CALENDAR ----------------------------------------------------------- */
.eventscal {
   background: url(images/calendar_bg.png);
   width: 240px;
   margin: 10px auto 0;
   padding: 8px 0;
}
#calendar {
   width: 225px !important;
   color: #ffffff;
   text-align: center;
   margin: 0 auto;
}
#calendar a {
   color: #ffffff;
   text-decoration: none;
}
#calendar td {
   text-align: center !important;
   width: 20px;
}
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;
}

/* FOOTER -------------------------------------------------------------------- */
#footer {
    width: 100%;
/*    border: 1px solid #999999;*/
}
#footerb {
    display: block;
    width: 1000px;
    height: 72px;
    margin: 0 auto;
    background: #52232c url(images/content_foot.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;
}
/* LOGO LINKS ---------------------------------------------------------------- */
p.link-logos {
    margin: 15px 0 0 0;
}
p.link-logos a {
    text-indent: -9999em;
    display: block;
    width: 120px;
    height: 50px;
    float: left;
    background-image: url(../../site_files/s1001/images/logos.jpg);
    background-repeat: no-repeat;
    background-position: top left;
}
p.link-logos a.espn {
    background-position: 0 0;
}
p.link-logos a.fox {
    background-position: -120px 0px;
}
p.link-logos a.keno {
    background-position: -240px 0px;
}
p.link-logos a.sky {
    background-position: -360px 0px;
}
p.link-logos a.tab {
    background-position: -480px 0px;
}
p.link-logos a.espn:hover {
    background-position: 0 -50px;
}
p.link-logos a.fox:hover {
    background-position: -120px -50px;
}
p.link-logos a.keno:hover {
    background-position: -240px -50px;
}
p.link-logos a.sky:hover {
    background-position: -360px -50px;
}
p.link-logos a.tab:hover {
    background-position: -480px -50px;
}