/*  filename: iecc.css
	 This is the global style sheet for the IECC website.
	 It contains all the style rules for the whole site:
	 www.chess-iecc.org
*/

/*  body sets the default text and background colors for all pages. */
body {background-color: #F9FDDD;
		color: #327261;
		font-family: Arial,  Geneva, Sans-Serif;
		font-size: 10pt;
		min-width: 760px; }

h1 {
  text-decoration: underline;
}

/* 'a' sets the default font and color for all anchor tags in
	web pages, i.e. links. */
a    {text-decoration: none;
		font-family: Arial, Geneva, Sans-Serif;
		color: #20CA53; 
		font-size: 10pt; }

/* visited and active link colors are set here, and last but
	not least, the hover color is set to black. */
a:visited { color: #FFA4A4; }
a:active  { color: #053000; font-weight: bold; }
a:hover   { color: #000000; }

/* an extra large text link is used on the guidetranslations.html page */
a.large {text-decoration: none;
		font-family: Arial, Geneva, Sans-Serif;
		color: #20CA53; 
		font-size: 1.5em; }
a.large:visited { color: #FFA4A4; }
a.large:active  { color: #053000; font-weight: bold; }
a.large:hover   { color: #000000; }
		
/*	unnumbered lists are used throughout the site, and are set
	by default so that bullet points are not displayed. */
ul { list-style-type: none; }

/* an ordered list on the thematics page uses the 'thematics' class
  to display lower-case alphanumeric list items, with a slightly increased line spacing. for legibility */
ol.thematics	{
							 	list-style-type:			lower-alpha;
				 				line-height:					130%
							}

dt {
  font-weight: bold;
  color: brown;
  margin-top: 0.8em;
  margin-bottom: 0.2em;
}


/*	class style rules for the redtext style: displays selected
text in red. */
.redtext  { color: red; }

/* the small class displays text at 8pt size.
	Used at the top of the whatsnew page. */
.small { font-size: 8pt; }

/* the footer class is used for all page footers,
	centering the text and displaying it at 8pt size. */
.footer {text-decoration: none;
		 	text-align: center;
	    	font-family: Arial, Geneva, Sans-Serif;
	    	font-size: 0.8em;
	    	clear: both;
}

.footer a {
  font-size: 0.8em;
}

/* the center class is for centering text. */
.center {
  text-align: center;
}

img.center {
  margin-left: auto;
  margin-right: auto;
}


/* 'table.whatsnew' selects the table on the whatsnew page, only.
	the first line sets border spacings for the table.
	line 2 selects the contents of all table data tags in the
	whatsnew table, setting the cell padding to 3px all round,
	and in the following line, resetting the padding at the
	bottom of the cell to 15px, to create a distinct gap before
	displaying the next date header.
	finally, 'table.whatsnew td.date' selects only the table data
	tags of the 'date' class in tables of the 'whatsnew' class,
	and sets the dark green background and yellow text of the
	date bars in the whatsnew table and resetting the bottom
	padding to 3px so that there is no large gap between the
	date bar and its following news item. */
table.whatsnew 			{border-spacing: 4px 4px;}
table.whatsnew td			{padding: 3px;
  			 					 padding-bottom:	15px;}
table.whatsnew td.date	{color: #ffff80;
  								 background-color: #28755c;
  								 padding-bottom:	3px;}
								 
.indent30			{margin-left:	30px;}

table.contacts th {
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  text-decoration: underline;
}

table.contacts td {
  padding-bottom: 2em;
}

body.contact_us {
  text-align: center;
  min-width: 600px;
  background-color: #F9FDDD;
}

/* Style rules for the Contact Us Page */

#forms_wrapper {
  width: 600px;
  margin: 0 auto;
  text-align: left;
}

#forms_wrapper a {
  text-decoration: none;
  font-family: Arial, Geneva, Sans-Serif;
  color: #20CA53; 
  font-size: 10pt;
}

#forms_wrapper a:visited { color: #FFA4A4; }
#forms_wrapper a:active  { color: #053000; font-weight: bold; }
#forms_wrapper a:hover {
  color: #ffffff;
  background-color: #28755C;
}

#games {
  width: 48%;
  float: left;
  border-width: 1px;
  border-color: #28755c;
  border-style: solid;
}

#other {
  width: 48%;
  float: right;
  border-width: 1px;
  border-color: #28755c;
  border-style: solid;
}

#games h3, #other h3 {
  margin: 20px 0px 0 0px;
  color: yellow;
  background-color: #28755c;
  padding-left: 15px;
}

#games ul, #other ul {
  background-color: #F9FDDD;
  margin: 0 20px 20px 20px;
  padding: 10px 0 10px 10px;
}

/* increasing the gaps to make the 'other' box the same height as 'games' */
/*see also the li gaps, below*/
/*#other ul {
  padding-bottom: 11px;
}*/

#games li, #other li {
  padding: 5px;
}
/* increasing the gaps to make the 'other' box the same height as 'games' */
#games li {
  padding-bottom: 7px;
}

#footer {
  clear: both;
  padding: 20px 0 0 0;
  text-align: center;
}

/* Style rules for forms */

label {
  width: 20em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block
}

legend {
  font-weight: bold;
}

.submit {
  color: #fff;
  background: #28755c;
  border: 2px outset #d7b9c9
  display: block;
  margin-left: 23em;
}

.reset {
  color: #fff;
  background: #28755c;
  border: 2px outset #d7b9c9;
}

.confirm label {
  font-weight: bold;
  color: #28755c;
  text-align: left;
}

.confirm input {
  text-align: left;
}

.affiliate {
  float: left;
  margin: 20px;
}

.affil_list {
  margin-left: 137px;
}

.outdent {
  padding-left: 5em;
  text-indent: -5em;
  font-size: 1.2em;
}
.guidelines_indent {
  padding-left: 5em;
  font-size: 1.2em;
}

.bold {
  font-weight: bold;
}