/***********************************************/
/*    Lancashire Chess Association website     */
/*            CSS2 Style Sheet                 */
/*            Validated at W3C                 */
/***********************************************/

/*
    This file is divided into three sections.
    (i)    The styles associated with the pages on the main part of the site,
    (ii)   The styles associated with the Online Bulletin pages.
	(iii)  A few general-purpose classes.
*/

/* Section 1 - styles associated with the main part of the site */

body {
    margin: 0px;
    padding: 0px;
    text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main components of the page follow */

div#menu1 {
    position: absolute;
    top: 5px;
    left: 50px;
    z-index:100;
    width: 900px;
}

div#menu2 {
    position: absolute;
    top: 20px;
    left: 50px;
    z-index:100;
    width: 900px;
}

div#header {
    position: absolute;
    left: 5px;
    top: 37px;
    width: 995px;  /* Fits neatly at 1024 pixel resolution */
    background-color:#3472ad;
    height: 210px; /* To accomodate the "old man" image */
}

div#sidebar {
    position: absolute;
    top: 250px;
    left: 5px;
    width: 220px;
    font-size : 70%;
    height: 685px;
    text-align: left;
    border-width: 0px;
    margin: 0px 0px 0px 0px;
}

div#content {
    position: absolute;
    left: 240px;
    top: 250px;
    margin-right: 274px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: #000000;
    background-color : inherit;
    line-height: 140%;
    width: 683px;
    height: 440px;
    text-align: left;
	border-width:0px;
	margin: 0px 0px 0px 0px;
}

/* Components of the site navigation menu */

#menu1 dl, #menu1 dt, #menu2 dl, #menu2 dt {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #ffffff;
    background-color : inherit;
}

#menu1 dl, #menu2 dl {
    float: left;
    width: 12em;
    margin: 0 3px;
}

#menu1 dt, #menu2 dt {
    cursor: pointer;
    font-weight: bold;
    background: #3472ad;
    color: inherit;
    border: 0 none;
}


#menu1 dt a, #menu2 dt a {
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#menu1 dt a, #menu2 dt a {
    color: #ffffff;
    background-color : inherit;
}

#menu1 dt a:hover, #menu2 dt a:hover {
    color : #FF8040;
    background-color : inherit;
}

/* Components of the page header */

#header h1, #header h2 {
    text-align: center;
    color: #ADDFFF;
    padding-right:150px;  /* To keep the site title visible on 800 pixels wide screen */
}

#header h1 {
    font-size: xx-large;
    margin-top: 40px; /* Centre the site title vertically */
}

#header h2 {
    font-size: medium;
	margin: 0px;
}

#header img {
    float: left;
}

/* Components of the sidebar area */

#sidebar div.feature {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color : #666666;
    background-color : #fefefe;
    border : 1px solid #efefef;
    margin-bottom : 11px;
    padding : 10px;
    line-height : 140%;
}

#sidebar .feature ul {
    margin : 0;
    padding : 0;
    line-height : 180%;
    list-style-type: square;
    list-style-position: inside;
}

#sidebar .feature ul li {
    color : #105BAC;
    background-color : inherit;
    font-size: x-small;
}

#sidebar .feature ul li a {
    color : #115EAC;
    background-color : inherit;
    text-decoration : none;
}

#sidebar .feature ul li a:hover {
    text-decoration : underline;
}

#sidebar li {
    list-style: square inside;
    color:#06D3FF;
    background-color : inherit;
}

#sidebar h1 {
    font-size : 110%;
    margin : 0;
    padding : 0;
    color: #115EAC;
    background-color : inherit;
}

/* Components of the main content area. These atyles largely cover both the main site and the Bulletin */ 

#content .last_update, #bulletin_content .last_update {
    font-size: x-small;
    text-align: center;
}

#content h1, #bulletin_content h1 {
    background-color:#eeeedd;
    border-bottom:2px solid #ddc;
    width:100%;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 160%;
    color: #105BAC;
    font-weight: normal;
}
#content h2, #bulletin_content h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #105BAC;
    background-color : inherit;
    font-weight: normal;
    font-size: 120%;
	text-align: left;
}

#content ul, #bulletin_content ul {
    margin : 0;
    padding : 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 110%;
    display: block;
}

#content li, #bulletin_content li  {
    color : #000000;
    background-color : inherit;
    display: list-item;
    padding: 3px 0px;
    list-style-type: disc;
    list-style-position: inside;
}

#bulletin_content li {
    text-align: justify;
}

#content td, #bulletin_content td {
    vertical-align: top;
}

#bulletin_content p {
    text-align: justify;
}

#bulletin_content .games_button {
    background-color: #3472ad; 
    border-width: medium;
	border-color:#efefef;
	color: #ffffff; 
	font-weight: bold; 
	font-size: 120%; 
	text-align: center; 
	padding:3px;
} 

/* Section 2 - styles associated with the Online Bulletin part of the site */

div#bulletin_header {
    position: absolute;
    width: 100%;
    height: 189px;
    left: 3px;
    top: 3px;
    color: inherit;
    background-color: #3472ad;
}

div#bulletin_menu {
    position: absolute;
    top: 195px;
    left: 12%;
    z-index:100;
    width: 100%;
}

div#bulletin_content {
    position: absolute;
    top: 220px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: #000000;
    background-color : inherit;
    line-height: 140%;
    width: 90%;
    left: 5%;
    text-align: left;
}

/* Components of the Bulletin header */

#bulletin_header h1 {
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 200%;
    color: #ffffff;
    background-color : inherit;
}

/* Components of the Bulletin navigation menu */

#bulletin_menu dl, dt {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 90%;
    color: #ffffff;
    background-color : inherit;
}

#bulletin_menu dl {
    float: left;
    width: 12em;
    margin: 0 3px;
}

#bulletin_menu dt {
    cursor: pointer;
    font-weight: bold;
    background: #3472ad;
    color: inherit;
    border: 0 none;
}

#bulletin_menu dt a {
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    background-color : inherit;
}

#bulletin_menu dt a:hover {
    color : #FF8040;
    background-color : inherit;
}


/* A few general-purpose classes */

.centred {
    text-align: center;
}

.toLeft {
    text-align: left;
}

.toRight {
    text-align: right;
}

.redText {
    color: #ff0000;
    font-weight: bold;
}

/* Section 3 - some all-purpose styles */

/*
The next two classes go as a pair and are used to ensure that tables can be centred in all browsers. 
Centring with a DIV currently causes difficulties.
*/

div.centre_table
{
text-align: center;
}
div.centre_table table 
{
margin: 0 auto; 
}

/*   End of styles   */