/* Style sheet for CLAG website */
/* home page (index.html) has its own modifications */

body {background-color: #D3D3D3;} /* was C0C0C0 */
body {margin: 15px 10px 10px 15px} /* bottom was auto */

.bgc11 {background-color: #FFFFFF}
.bgc10 {background-color: #F5F5F5}  /* now no longer used */
.bgc12 {background-color: #F2F2F2}
.bgc14 {background-color: #EDEDED}  /* used on front page and beam-annex3 at the moment */
.bgc13 {background-color: #DCDCDC}
.bgc09 {background-color: #D3D3D3} /* currently not used, except for page background */
.bgc01 {background-color: #CCCCCC} /* CCCCCC is used in the box style */
.bgc02 {background-color: #C0C0C0} /* no longer used */
.bgc03 {background-color: #B7B7B7} /* currently not used */
.bgc04 {background-color: #979797} /* currently not used, except on greybox */
.bgc05 {background-color: #00FFFF} /* currently not used */
.bgc06 {background-color: #99FFFF}
.bgc07 {background-color: #e9967a} /* currently not used, except on greyboxsalmon */
.bgc08 {background-color: #666666} /* currently not used */

.box {background-color: #CCCCCC; padding: 5px}

p, td, li, a {font-family: Arial; font-style: normal; font-size: 1.05em} /* was 1em */
.small {font-family: Arial; font-style: normal; font-size: 0.9em} /* was 0.83em */

sup {margin-left: 2px}
sub {margin-left: 0px}

.footer {width: 100%; background-image: url("../pics/logos/bottom-shade.gif")}
.footer tr {text-align: center}
.footer td {padding: 5px}
.footer {font-size: 0.95em; color: #FFFFFF} /* was 8pt */
.footer a {font-size: 0.95em; color: #FFFFFF} /* was 8pt */
.footer td {font-size: 0.95em; color: #FFFFFF}  /* was 8pt */
/* footers also used on the top and bottom of the front page */

.wrapper {
     max-width: 960px;
     margin-left: auto;
     margin-right: auto}

.contents-return {font-family: Arial; font-size: 0.75em; line-height: 1em; text-align: right;} /* 9pt and 10pt (now 12pt) respectively */
/* .contents-return a {color: #808080} provides a grey link */

h1, h2, h3, h6 {font-family: Arial; font-style: normal; font-weight: bold;}

h1 {font-size: 2em} /* 24pt */
h2 {font-size: 1.5em} /* 18pt */
h3 {font-size: 1.17em} /* 14pt; 1.33em (16pt) is used on p4standards.html */
h6 {font-size: 1.17em; color: #330099} /* 14pt */

h1 {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px}
h2 {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px}
h3 {margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px}
h6 {margin: 3px 0px 20px 0px; padding: 0px 0px 0px 0px}

#greyboxsalmon {
   color: #ffffff; /* was font-family: Verdana */
   font-size: 1.05em; font-style: normal; font-weight: bold; /* was 0.85em */
   border: 2px solid;
   border-color: #e9967a;
   background-color: #979797;
   margin: 0.5em;
   padding: 6px;
   }

#greyboxsalmon a {color: #ffffff}

#hitbox {
   color: black; /* was font-family: Verdana */
   font-size: 0.9em; font-style: normal; font-weight: bold; /* was 0.83em */
   background-color: #99FFFF;
   margin: 0.5em;
   padding: 4px;
   }

#greybox {
   color: #ffffff; /* was font-family: Verdana */
   font-size: 1.05em; font-style: normal; font-weight: bold; /* was 0.75em */
   background-color: #979797;
   margin: 0em;
   padding: 7px;
   }

a:link {font-weight: bold; text-decoration: underline}
a:visited {font-weight: bold; text-decoration: underline}
a:hover, a:active {font-weight: bold; text-decoration: none}
/* colors were taken out of the above - they were: */
/* #0000FF for link */
/* #840084 (purple) for visited */
/* #0000FF for hover and active */

td {vertical-align: top}

ul {
	margin-left: 1.5em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	padding-left: 0em;
	list-style-type: disc
	}
/* the 1.5 measure looks to be ok for most cases, but can be varied locally */
/*-- should perhaps add 'inside' to follow after 'disc' */

img {border: none}
/* img {vertical-align: top} - seems to work ok on front page, but needs to be investigated further */

hr {margin: 1em 0; color: gray; height: 1px; text-align: left;}
/* a simple underscore looks better in IE8! */

.clearboth {line-height: 0; height: 0; clear: both;}

/* .clearer {clear: both; height: 1px; overflow: hidden; margin-top:-1px} - this clears without any space being added, but probably does not do anything different from the above clearboth structure */

.break {padding-top: 8px; padding-bottom: 8px; width: 100%}
/* .breakbig {padding-top: 20px; padding-bottom: 15px; width: 100%}  is now not used*/

.floatright {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	}

.floatleft {
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px
	}

table {border-collapse: collapse}
table.border {border: 1px solid; border-color: #808080} /* colour is superflous, but left in */
table.border td {border: 1px solid; border-color: #808080}
table.noborder {border-style: none} /* superflous, but left in */
table.noborder td {border-style: none}

table.cp0 td {padding: 0px}
table.cp2 td {padding: 2px}
table.cp3 td {padding: 3px}
table.cp4 td {padding: 4px}
table.cp5 td {padding: 5px}
table.cp7 td {padding: 7px}
table.cp8 td {padding: 8px}
table.cp10 td {padding: 10px}