/**
    Style sheet for Melville City Hockey Club web site

    #52344d   purple
    #775a68   lighter purple

    #414142   dark grey
    #d1d3d4   lighter grey
*/

body { margin: 0; padding: 0; color: #ffffff; background: #414142; font-family: Arial, sans-serif; font-size: 90%; }

#container { width: 950px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-left: 12px; padding-right: 12px; color: #000000; background: #414142 url(../images/layout/bg-page.gif) top center repeat-y; position: relative; min-height: 900px; }

h1 { margin: 0; padding: 0; height: 255px; color: #52344d; background: #ffffff url(../images/layout/bg-header.gif) top left repeat-x; font-weight: bold; font-family: Revue, sans-serif; }

h2 { color: #52344d; font-size: 1.63em; font-weight: normal; margin-top: 0; margin-bottom: 0; }
h3 { color: #52344d; font-size: 1.1em; font-weight: normal; margin-top: 1em; }

p.ndate { font-size: 0.9em; color: #808285; margin-top: 0; margin-bottom: 1em; }

/*
p#slogan { margin: 0; padding: 0; width: 243px; height: 0px; padding-top: 42px; overflow: hidden; color: #52344d; background: #ffffff url(../images/layout/slogan.gif) top left no-repeat; font-weight: bold; font-family: Revue, sans-serif; position: absolute; top: 10px; right: 12px; }
*/
p#slogan { display: none; }

#sponsorship { margin: 0; padding: 0; width: 210px; height: 170px; text-align: center; position: absolute; top: 64px; right: 24px; overflow: hidden; }
#sponsorship h2 { color: #52344d; font-weight: bold; text-align: center; font-size: 1em; margin-top: 0; margin-bottom: 0.5em; }
#sponsorship img { margin: 0; padding: 0; border: none; }

#sponsorship2 { margin: 0; padding: 0; width: 210px; height: 170px; text-align: center; position: absolute; top: 620px; right: 24px; overflow: hidden; }
#sponsorship2 h2 { color: #52344d; font-weight: bold; text-align: center; font-size: 1em; margin-top: 0; margin-bottom: 0.5em; display: none; }
#sponsorship2 img { margin: 0; padding: 0; border: none; }

#banner { position: absolute; top: 52px; left: 248px; height: 193px; width: 479px; overflow: hidden; }

#content { width: 439px; padding: 20px; color: #000000; background: #ffffff; margin-left: 236px; }
#content p { line-height: 130%; }

a { color: #005ab6; text-decoration: none; }
a:hover { color: #414142; text-decoration: underline; }

li { padding-bottom: 0.5em; line-height: 130%; }

ul.sublinks { list-style: none; margin-left: 0; padding-left: 0; }
ul.sublinks li { list-style: none; margin-left: 0; padding-left: 0; font-size: 1.1em; }

ul.ulright { margin-left: 0; padding-left: 0; list-style: none; padding-top: 2em; margin-top: 0; }
ul.ulright li { margin-left: 0; padding-left: 0; list-style: none; }

dt { padding-bottom: 0.5em; line-height: 130%; font-weight: bold; float: left; clear: left; width: 12em; }
dd { padding-bottom: 0.5em; line-height: 130%; font-weight: normal; margin-left: 13em; }

span.telephone { white-space: nowrap; }
td.telephone { white-space: nowrap; }

th { text-align: left; vertical-align: bottom; }
td { text-align: left; vertical-align: top; font-size: 0.83em; padding-bottom: 0.5em; padding-right: 1em; }
td.date { white-space: nowrap; }
td.year { white-space: nowrap; text-align: center; }
td.time { padding-right: 2em; }

tr.holidays td { font-style: italic; }

table.timeline td.year { text-align: left; padding-left: 2em; padding-right: 4em; }

table.contacts { padding-top: 1em; }

table.downloads { width: 95%; padding-top: 1em; }
table.downloads th { border-bottom: 1px solid #775a68; }

table.sponsors { padding-top: 1em; }
table.sponsors td { vertical-align: middle; }
table.sponsors td.sponsor { vertical-align: top; }
table.sponsors img { border: none; }

p.credit { font-size: 0.63em; font-style: italic; text-align: left; padding-right: 1.5em; margin-top: 0.5em; }


fieldset { margin: 0; padding: 0; border: none; }
fieldset span.label { display: block; width: 6em; float: left; }
fieldset p.instructions { margin-left: 7em; }
fieldset p.buttons { margin-left: 7em; }


img.imgleft { float: left; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 1em; }

div#uniformshop { clear: left; width: 260px; padding-bottom: 2em; }
div#uniformshop dl { font-size: 0.83em; }
div#uniformshop dt { width: 9em; }
div#uniformshop dd { margin-left: 10em; }
div#uniformshop p { font-size: 0.83em; text-align: center; }

div#uniformprices { float: right; width: 160px; margin-top: 1em; }
div#uniformprices th { font-size: 0.83em; vertical-align: bottom; }
div#uniformprices td { font-size: 0.83em; vertical-align: bottom; padding-bottom: 0; }


#latestnews { height: 80px; width: 405px; padding: 10px 15px 20px 15px; margin-top: 2px; margin-bottom: 25px; margin-left: auto; margin-right: auto; color: #52344d; background: #dccece url(../images/layout/bg-news.jpg) top left no-repeat; overflow: auto; font-size: 0.83em; }
#latestnews h2 { font-size: 1.44em; margin-top: 0; }
#latestnews ul { margin-top: 10px; margin-bottom: 0; margin-left: 0; margin-right: 0; padding: 0; list-style: none; }


/*#footer { width: 459px; padding: 10px; color: #000000; background: #ffffff; margin-left: 236px; border-top: 1px solid #b19ca2; }*/
#footer { width: 214px; padding: 10px; color: #000000; background: #d1d3d4; margin: 0; /*border-top: 1px solid #52344d;*/ position: absolute; top: 760px; left: 12px; }
#footer hr { display: none; }
#footer p { text-align: center; margin-top: 0; margin-bottom: 0.25em; font-size: 0.69em; }

#webmaster { padding-top: 7.5em; text-align: center; width: 151px; padding-left: 10px; font-size: 0.69em; }
#webmaster img { border: none; }
#webmaster a { color: #1d0906; }
#webmaster a:hover { color: #414142; text-decoration: underline; }


/* Long menu */

ul#longmenu { padding: 0; margin: 0; list-style: none; position: absolute; top: 210px; left: 37px; }
ul#longmenu li { padding: 0; margin: 0; width: 140px; }
ul#longmenu a { display: block; width: 115px; color: #52344d; background: #d1d3d4 url(../images/layout/menu-tick.gif) top right no-repeat; text-decoration: none; border-bottom: 1px dashed #ffffff; padding: 0px 35px 0px 10px; line-height: 30px; font-weight: normal; }
ul#longmenu a:hover { background-position: bottom right; }

ul#longmenu li#nav-home { padding-bottom: 40px; }
ul#longmenu li#nav-home a { color: #ffffff; background: transparent; border: none; }
ul#longmenu li#nav-home a:hover { color: #ffcc00; }

ul#longmenu li#nav-map { padding-top: 80px; width: 151px; }
ul#longmenu li#nav-map a { display: block; width: 131px; padding: 10px; color: #ffffff; background: #775a68 url(../images/layout/bg-button-grey.gif) top left no-repeat; text-decoration: none; border: none; line-height: 16px; text-transform: uppercase; text-align: center; font-size: 0.9em; font-weight: normal; }
ul#longmenu li#nav-map a:hover { color: #52344d; background-color: #cec1c4; background-position: bottom left; }


/* Header menu buttons */

ul#headermenu { padding: 0; margin: 0; list-style: none; position: absolute; top: 10px; left: 237px; }
ul#headermenu li { padding: 0; margin: 0; width: 145px; float: left; }
ul#headermenu a { display: block; width: 95px; color: #52344d; background: transparent url(../images/layout/menu-tick-large.gif) top left no-repeat; text-decoration: none; border: none; padding: 0px 10px 0px 40px; line-height: 42px; text-transform: uppercase; font-weight: bold; font-size: 1.2em; }
ul#headermenu a:hover { background-position: bottom left; }

ul#headermenu li#nav-register { width: 145px; }
ul#headermenu li#nav-register a {width: 95px; }

ul#headermenu li#nav-social { width: 120px; }
ul#headermenu li#nav-social a {width: 70px; }

ul#headermenu li#nav-turf { width: 105px; }
ul#headermenu li#nav-turf a {width: 55px; }

ul#headermenu li#nav-shop { width: 105px; }
ul#headermenu li#nav-shop a {width: 55px; }


/* Right sidebar menu buttons */

ul#sidebarmenu { padding: 0; margin: 0; list-style: none; position: absolute; top: 300px; right: 53px; }
ul#sidebarmenu li { padding: 0; margin: 0; width: 151px; padding-bottom: 15px; }
ul#sidebarmenu a { display: block; width: 131px; padding: 10px; color: #ffffff; background: #775a68 url(../images/layout/bg-button.gif) top left no-repeat; text-decoration: none; border: none; line-height: 16px; text-transform: uppercase; text-align: center; font-size: 0.9em; font-weight: normal; }
ul#sidebarmenu a:hover { color: #52344d; background-color: #cec1c4; background-position: bottom left; }