/*
 * Styles for the COGCOA web site.
 *
 * 1) Styles are arranged in sections.  Please put new styles in the proper
 *    section.
 * 2) Comment each style.
 * 3) Use as few fonts as practical and use the same fonts for similar 
 *    purposes (titles, body text, etc.).
 *
 * Current font types:
 * Body text: "Times New Roman", Georgia, serif;
 * Titles: "Trebuchet MS", Arial, helvetica, sans-serif;
 */

/*****************************************************************************/
/*           TAG STYLES -- customised styles for actual XHTML tags           */
/*****************************************************************************/

/*
 * Default body style
 */
html, body {
	margin: 0px;
	background: white url(images/background.jpg);
	color: #000000;
	font-family: "times new roman", serif;
	font-size: 12pt;
	font-weight: normal;
	}

/*
 * Fancy horizontal divider
 * Adapted from http://www.sovavsiti.cz/css/hr.html
 */
div.hr	{
	height: 16px;
	background: #fafaf2 url(images/hr.jpg) no-repeat scroll center;
 }
div.hr hr {
	display: none;
	}

/*
 * Make sure there's some room around images
 */
img	{
	margin: 1px 4px 1px 4px;
	}

p	{
 	font-family: "Times new roman", serif;
	font-weight: normal;
	font-size: 12pt;
	color: #000000;
	}

th	{
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	color: #000000;
	background: #00cc00;
	}

td	{
	font-family: "Times new roman", serif;
	font-weight: normal;
	font-size: 12pt;
	color: #000000;
	vertical-align: top;
	}

acronym	{
	border-bottom: dotted 2px #666666;
	}

/*
 * Header styles
 */
h1	{
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 24pt;
	text-align: center;
	color: #000000;
	}

h2	{
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 20pt;
	text-align: center;
	color: #000000;
	}

h3	{
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 17pt;
	text-align: left;
	color: #666666;
	}

h4	{
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 15pt;
	text-indent: 2em;
	color: #999999;
	}

/*
 * Different bullets for different list levels
 */
ul	{
	font-weight: normal;
	}

ul li	{
	font-weight: normal;
	list-style-image: url(images/bullet1.gif);
	}

ul li li {
	font-weight: normal;
	list-style-image: url(images/bullet2.gif);
	}

ul li li li {
	font-weight: normal;
	list-style-image: url(images/bullet3.gif);
	}

/* Numbered lists */
ol	{
	font-weight: bold;
	}

ol li	{
	font-weight: normal;
	}

/*****************************************************************************/
/*       GENERAL CLASSES -- customisations of particular tag instances       */
/*****************************************************************************/

/*
 * First line of statistics in the bottom matter
 */
.stat	{
	border-bottom: solid 2px #00cc00;
	background-color: #ffffdd;
	padding: .2em .3em .2em .3em;
	width: 33%;
	color: #000000;
	}

/*
 * Hit statistics in the bottom matter
 */
.stat2	{
	border-bottom: solid 2px #00cc00;
	background-color: #ffffdd;
	padding: 0;
	width: 33%;
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #888888;
	}

/*
 * Copyright notice
 */
.copy	{
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	}

/*
 * Container for information boxes (centred)
 */
.box	{
	position: relative;
	margin: 1em;			/* space around outside of box */
	border: 2px solid #00cc00;	/* border description */
	padding: 1em .2em .4em .2em;	/* padding around content */
	background-color: #ffffdd;	/* background colour */
	text-align: center;		/* content is centred */
	font-weight: normal;
	font-size: 12pt;
	}

/*
 * Container for information boxes (left justified)
 */
.abox	{
	position: relative;
	margin: 1em;			/* space around outside of box */
	border: 2px solid #00cc00;	/* border description */
	padding: 1em .2em .4em .2em;	/* padding around content */
	background-color: #ffffdd;	/* background colour */
	text-align: left;		/* content is left justified */
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12pt;
	}

/*
 * Label text on admin page
 */
.admin	{
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	color: #000000;
	}

/*
 * Put a box around some letters. Sort of a cheap button
 */
.boxit	{
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	border: 2px solid #00cc00;
	padding: 2px;
	background: #ffffdd;
	}


/*****************************************************************************/
/*          SPECIFIC CLASSES -- customisations of particular tags            */
/*****************************************************************************/

/*
 * Library help topic
 */
td.help1 {
	width: 20%;
	border-right: 2px solid #00cc00;
	font-family: "Times New Roman", serif;
	font-weight: bold;
	font-size: 12pt;
	vertical-align: top;
	}

/*
 * Library help text
 */
td.help2 {
	width: 80%;
	font-family: "Times New Roman", serif;
	font-weight: normal;
	font-size: 12pt;
	text-align: left;
	vertical-align: top;
	}

/*
 * Sitemap images
 */
img.site {
	margin: 0px;
	width: 10px;
	height: 25px;
	vertical-align: middle;
	padding-left: 6px;
	}

/*
 * Calendar table
 */
table.cal {
	border: 1px solid black;
	}

/*****************************************************************************/
/*****************************************************************************/

.dbtime	{
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	}

.list	{
	vertical-align: top;
	text-align: left;
	}

/*
 * Author styling in a blockquote
 */
.author	{
	text-indent: 10em;
	font-style: italic;
	}

.linkcheck {
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	}

/*
a:before {
	content: url(images/link.gif);
	}
*/

a:link	{
 	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-size: 11pt;
	color: #006600;
	}

a:visited {
 	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #7700ff;
	text-decoration: none;
	}

a:link#menu {
	color: #ffffee;
	}

a:visited#menu {
	color: #6600ff;
	}

a:link.mbox {
	color: #004400;
	}

a:visited.mbox {
	color: #6600ff;
	}

/*
 * Code to put a round-cornered green box around title text
 * From http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-boxes.shtml
 */
.bl	{
	position: absolute;
	display: inline;
	top: -10pt;			/* space from box top */
	left: 0.5em;			/* space from box left */
	background: url(images/bl-8x8.gif) 0 100% no-repeat #00cc00;
	}

.br	{
	background: url(images/br-8x8.gif) 100% 100% no-repeat;
	}

.tl	{
	background: url(images/tl-8x8.gif) 0 0 no-repeat;
	}

.tr	{
	background: url(images/tr-8x8.gif) 100% 0 no-repeat;
	padding: 2px 5px 2px 5px;
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	font-size: 12pt;
	}

.clear	{
	font-size: 1px;
	height: 1px;
	}

div div div div a:link {
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-size: 12pt;
	color: #009900;
	}

/*****************************************************************************/