*{margin:0;padding:0;} /*zeroes out margins so not controlled by browser*/

body {
    background: #ffffe0;
    background-image: url(background.gif);
    background-repeat: repeat-y;
    color: #295a31;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', Geneva, Verdana, sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 0;
    text-align: center;
}

#wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
}
        
#main {
    margin: 20px 0 20px 160px;
    padding: 0;
    text-align: center;
}        

#content {
    width: 600px; 
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background: #ffffee;
    border: 1px solid #295a31;
    text-align: center; 
}

#inner {
    padding: 10px 40px;
}

#inner div {  /* used to center divs within content */
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    text-align: center;
}

#table {
    width: 600px;  /* used for fixtures & results and league tables */
    background: #ffffe0;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    text-align: center;
}

#scoresheet {
    width: 920px;  /* used for scoresheet tables */
    background: #ffffe0;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    text-align: center;
}

#content-plain {  /* used for text below fixtures and league table */
    width: 600px; 
    background: #ffffe0;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;	
    padding: 0;
    text-align: center;
}

#rule {  /* adds rule to ground details pages */
    border-top: 1px solid #295a31;
    margin-top: 15px;
    padding-top: 15px;
}

/* ------------ home page styles ------------ */

#homepage {
    width: 600px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    text-align: center;
}

#homefooter {  /* styles for home page footer */
    width: 500px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    text-align: center;
}

table.home {
    width: 600px;
    background-color: #ffffe0;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    border-spacing: 0;
    text-align: center;
}

.home td {
    text-align: center;
}

.home h2 {
    font-style: italic;
    margin: 0 0 5px 0;
}

.home img {
    border: none;
}

table.news {
    width: 596px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    border: 2px solid #295a31;
    border-spacing: 0;
}

td.news {
    width: 50%;
    background-color: #ffffee;
    vertical-align: top;
    padding: 0;
}

td.news h3 {margin: 0 0 3px 0;}

img.news {
    border: 1px solid #295a31;
}

div.newsleft {
    width: 295px;
    margin: 10px 0 10px 0;
    
}

div.newsright {
    width: 295px;
    margin: 10px 0 10px 0;
    border-left: 1px solid #295a31;		/* provides vertical rule between news items NB: place in whichever div is longest. */
}

div.newsbottom {
    margin: 5px 20px 10px 20px;
    border-top: 1px solid #295a31;
}

div.newstop {
    margin: 5px 30px 5px 30px;
    padding-bottom: 0px;
    border-bottom: 0px solid #295a31;
}

div.ashesauction {										/* Temporary section for Ashes Auction */
    margin: 5px 30px 5px 30px;
    border-bottom: 1px solid #295a31;
}

div.ashesauction p {								/* Temporary section for Ashes Auction */
    text-align: center;
    margin: 3px 20px 5px 20px;
}

p.headline {
    text-align: center;
    margin: 3px 20px 10px 20px;
}

p.diary {
    text-align: left;
    margin: 3px 20px 3px 20px;
}

p.diary-center {
    text-align: center;
    margin: 3px 20px 3px 20px;
}

.date {
		color: #b22222;
		font-weight: bold;
}

p.highlight {
    color: red;
    font-weight: bold;
    text-align: center;
    margin: 3px 20px 3px 20px;
}

p.subhead {
    font-style: italic;
    font-weight: bold;
    text-align: center;
    margin: 3px 20px 10px 20px;
}

p.update {
    text-align: center;
    font-size: 10px;
    margin: 0;
}

p.star {
    text-align: center;
    font-size: 8px;
    color: #b22222;
    margin: 0;
}

table.dg {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
}

table.dg p {
		font-size: 9px;
		text-align: center;
		margin: 0;
		padding: 0;
}

p.copy {
    font-size: 8px;
    margin: 3px 0 0 0;
}

p.credit {
    text-align: right;
    font-size: 8px;
    margin: 3px 0 0 0;
}

img.valid-css {
    width: 62px;
    height: 22px;
    float: right;
    margin-top: 5px;
}

img.valid-xhtml {
    width: 62px;
    height: 22px;
    float: right;
    margin: 5px 5px 0 0;
}


/* ------------ navigation styles ------------ */

#menu {
    position: absolute;
    top: 0px; left: 0px;
    width: 160px; /* set width of menu */
} 

#menu ul { /* remove bullets and list indents */
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu a { /* style, color and size links and headings to suit */
    font: bold 13px/17px arial, helvetica, sans-serif;
    text-align: center;
    display: block;
    margin: 0;
    padding: 1px 0;
}

#menu a {
    color: #ffd700;
    background: #295a31;
    text-decoration: none;
}

#menu a:hover {
    color: #ffffaa;
    background: #295a31;
}

#menu li { /* make the list elements a containing block for the nested lists */
    position: relative;
} 

#menu ul ul ul {
    position: absolute;
    top: 0;
    left: 100%; /* to position them to the right of their containing block */
    width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#home a {
    padding-bottom: 34px;
    background-color: transparent;
    color: #ffd700;
    border: none;
    margin: 0;
}    

#home a:hover {
    color: #ffffaa;
    background-color: transparent;
}
    
#email {
    background-image: url(nav_bg_btm.gif);
    margin-top: 8px;
    padding: 30px 0;
}
    
#email a {
    background-color: transparent;
    border: none;
}   

#email a:hover {
    background-color: transparent;
    border: none;
}


/* Styling for Expand */

#menu a.x, #menu a.x:visited{
    background: #295a31 url(expand.gif) no-repeat bottom right;
}



/* ------------ link styles ------------ */

a:link.plain {
        color: #295a31;
        text-decoration: none;
        }
        
a:link {
        color: blue;
        text-decoration: none;
        }

a:link.firebrick {
        color: #b22222;
        text-decoration: none;
        }

a:link.gold {
        color: #ffd700;
        text-decoration: none;
        }
        
a:visited {
        color: #b22222;   /* firebrick */
        text-decoration: none;
        }
        
a:hover {
        color: #ff9966;
        text-decoration: none;
        }
        
a:active {
        color: #b22222;   /* firebrick */
        text-decoration: none;
        }



/* ------------ paragraph styles ------------ */

p {
    font-size: 9px;
    text-align: left;
    line-height: 1.3em;
    margin: 1.0em 0em 1.0em 0em;
    padding: 0;
}

.right {
    text-align: right;
}
        
.center {
    text-align: center;
}
        
p.first {     
		margin-top: 0.25em;
}

p.lccfee {
		font-weight: bold;
		text-align: center;
		margin-top: 0.25em;
}

p.hkcafee {
		text-align: center;
		margin-top: 0.25em;
}

p.caption {
    font-size: 8px;
    text-align: center;
    color: #b22222;   /* firebrick */ 
    padding: 5px 0;
    margin: 0;
}      

p.footer {
    text-align: right;
    font-size: 8px;
    font-weight: bold;
    padding-top: 15px;
    border-top: 1px solid #295a31;  /* provides rule above page footer */
    margin-top: 15px;
}

p.footer-plain {  /* right-aligned footer without rule above, primarily for use below ruled footer */
    text-align: right;
    font-size: 8px;
    font-weight: bold;
    padding: 0;
    border: none;
    margin: 1.0em 0 1.0em 0;
}

p.footer-left-plain {  /* left-aligned footer without rule above */
    text-align: left;
    font-size: 8px;
    font-weight: bold;
    padding-top: 15px;
    border: none;
    margin: 0;
}

p.header {
    text-align: left;
    font-size: 8px;
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: 1px solid #295a31;   /* provides rule below page header */
    margin-bottom: 15px;
}

p.header-plain {
    text-align: left;
    font-size: 8px;
    font-weight: bold;
    padding-bottom: 15px;   /* header without rule */
    border: none;
    margin: 0;
}



/* ------------ heading styles ------------ */

h1, h2, h3, h4, h5 {
    font-family: arial, verdana, helvetica, sans-serif;
    color: #b22222;
}

h1 {
    font-size: 17px;
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em; /*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
}
        
h2 {
    font-size: 15px;
    text-align: center;
    margin: 1.2em 0em 0.6em 0em;
}

.rule {
    padding-bottom: 14px;
    border-bottom: 1px solid #295a31;
    margin-bottom: 15px;
}
       
h3 {
    font-size: 12px;
    text-align: center;
    margin: 1.2em 0em 1.2em 0em;
}

h3.member {
    margin-bottom: 0.25em;
}
       
h4 {
    font-size: 11px;
    text-align: center;
    margin: 1.2em 0em 1.2em 0em;
}

h4.para {
    text-align: left;
    margin: 1.2em 0 0 0;
}

h5 {
    font-size: 10px;
    text-align: left;
    margin: 1.2em 0em 0.25em 0em;
}


/* ------------ table styles ------------ */


th {
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}
        
td {
    text-align: center;
    vertical-align: middle;
}

td.left {
    text-align: left;
    vertical-align: middle;
}

.green {
    background-color: #295a31;
}


/* ------------ lists styles ------------ */

#inner ul {
list-style-position: inside;
}

#inner ul li {
font-size: 9px;
text-align: left;
}


/* ------------ Fixtures table styles ------------ */

.fixtures {
    width: 100%;
    background-color: #ffffee;
    font-size: 9px;
    text-align: center;
    margin-bottom: 5px;
    border: none;
    border-collapse: collapse;        
}

.fixtures th {
    padding: 5px;
    border: 1px solid #295a31;
    border-spacing: 0;
}

.fixtures td {
    padding: 5px;
    border: 1px solid #295a31;
    border-spacing: 0;
}

.fixtures td.center {
    text-align: center;
}

.green h3 {
    background: #295a31;
    color: #ffd700;   /* gold */
    margin: 0.2em 0em 0.1em 0em;
}

.green p {
    background: #295a31;
    color: #ffd700;   /* gold */
    font-size: 9px;
    text-align: center;
    margin: 0.2em 0em 0.2em 0em;
}

/* ------------ Scoresheet table styles ------------ */

table.scoresheet {
    background: #ffffe0;
    margin: 0;
    padding: 0;
}

.scoresheet td.match {
    font-size: 10px;
    text-align: center;
    padding: 5px;
}

.scoresheet td {
    vertical-align: top;
    padding: 5px;
}

.head {
    background-color: #B8D9DA;
    color: #295a31;
    font-size: 9px;
    font-weight: bold;
    margin: 0.2em 0em 0em 0em;
}

.left {
    text-align: left;
}


table.innings {     /* ------ Batting table styles ------ */
    width: 450px;
    background-color: #ffffee;
    font-size: 8px;
    margin-bottom: 10px;
    border: none;
    border-collapse: collapse;        
}

.innings th, td {whitespace: nowrap;}

.innings th {
    padding: 3px;
    border: 1px solid #295a31;
    border-spacing: 0;
}

.innings td {
    padding: 3px;
    border: 1px solid #295a31;
    border-spacing: 0;
}

.innings td.player {
    text-align: left;
    font-weight: bold;
}

.innings td.extras {
    background-color: #ffffe0;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    border: none;
}

td.score {
    font-weight: bold;
}


table.wickets {     /* ------ FOW table styles ------ */
    width: 350px;
    background-color: #ffffee;
    font-size: 8px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    border: none;
    border-collapse: collapse;
}

.wickets th, td {whitespace: nowrap;}

.wickets th {
    padding: 3px;
    border: 1px solid #295a31;
    border-spacing: 0;
}

.wickets td {
    padding: 3px;
    border: 1px solid #295a31;
    border-spacing: 0;
}

.wickets td.player {
    text-align: left;
    font-weight: bold;
}

.wickets td.extras {
    background-color: #ffffe0;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    border: none;
}


table.bowling {     /* ------ Bowling table styles ------ */
    width: 350px;
    background-color: #ffffee;
    font-size: 8px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    border: none;
    border-collapse: collapse;
}

.bowling th, td {whitespace: nowrap;}

.bowling th {
    padding: 3px;
    border: 1px solid #295a31;
    border-spacing: 0;
}

.bowling td {
    padding: 3px;
    border: 1px solid #295a31;
    border-spacing: 0;
}

.bowling td.player {
    text-align: left;
    font-weight: bold;
}


table.extras {     /* ------ Extras table styles ------ */
    width: 150px;
    background-color: #ffffee;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #295a31;
    border-collapse: collapse;
}

.extras td {
    font-size: 8px;
    padding: 1px;
    border: 1px solid #295a31;
}



/* ------------ League table styles ------------ */

table.league {
    width: 450px;
    font-size: 9px;
    margin-top: 2em;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    text-align: center;
    border: 1px solid #295a31;
    border-collapse: collapse;
    background-color: #ffffee;
}

table.league th {
    padding: 5px;
    border: 1px solid #295a31;
    border-spacing: 0;
}

table.league td {
    padding: 5px;
    border: 1px solid #295a31;
    border-spacing: 0;
}

.lamma {background-color:#ffea4b;}
 
p.gold {
    color: #ffd700;
    text-align: center;
}


/* ------------ News Archive and Photo Gallery index page styles ------------ */

div.block-left {
        padding: 10px 70px 10px 30px;
        margin: 10px;
        }

div.block-right {
        padding: 10px 30px 10px 70px;
        margin: 10px;
        }



/* ------------ image placement styles ------------ */


div.image-right {
    float: right;
    padding: 0 0 0 10px;
    margin: 0;
}

div.image-left {
    float: left;
    padding: 0 10px 0 0;
    margin: 0;
}

div.newsleft div.image-left {
		padding-right: 2px;
		margin-left: 30px;
}

div.image {  /* used in conjunction with centering of divs within content above */
    padding: 5px 0;
}

div.profile {
    float: right;
    padding: 0 0 10px 10px;
    margin: 0;
}

div.caption-right {
    float: right;
    padding: 0;
    margin: 0;
}

div.caption-left {
    float: left;
    padding: 0;
    margin: 0;
}

div.caption {
    padding: 0;
    margin: 0;
}


/* ------------ image styles ------------ */

img {
    border-width: 1px;
    border-style: solid;
    border-color: #295a31;
}


img.plain {
    border: none;
}

img.border {
    border-width: 1px;
    border-style: solid;
    border-color: #295a31;
}


/* ------------ popup styles ------------ */

div#newspops {
    margin-top: 1.0em;
}

div#newspops p {			/* --- class headline --- */
    text-align: center;
    margin: 3px 20px 3px 20px;
}

div#newspops p a span {
		display: none;
		position: fixed;
		top: 100px;
		left: 350px;
		width: 450px;
		padding: 10px 15px;
		margin: 0;
		z-index: 100;
		color: #295a31;
		background: #ffffe0;
		font: 10px Verdana, sans-serif;
		text-align: left;
		border: 3px solid #ff8d31;
}

div#newspops p a:hover span {
		display: block;
}
		
}