/* 

This style sheet was designed so that when jsps and html are linked to it, 
its styles are autoamatically applied to HTML structural tags (p, td, etc.).
This has the advantage of degrading nicely if the style sheet is unavailable, or 
if the page is displayed on devices that don't support CSS (assistive readers, etc).

Classes with a . in fron of the name (.smaller) must be applied intentionally, either as a
span tag <span class="smaller"> or within another existing HTML tag <p class="smaller">.

Text sizes are specified using relative keywords (small, etc.) primarily so that the text size is
user-adjustable on IE/Win32. Keywords also respect the default text settings of the user's browser.
This method has a cost in that the text appears at sometimes dramatically different sizes across 
browsers/platforms. This can be controlled using a browser sniffing javascript approach, as was done for
CTL seb site, which we could adopt pretty easily if the needs or desire arises.

Text color was chosen to approximate an 80% contrast with the white background to improve readability.

Link colors were chosen to to fit the TRAILS color scheme.

Mike Griffin | 3 Sep 2004

*/

p, ol, td {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
}
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #333333;
	list-style-type: square;
}
li {
	padding-bottom: 6px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

th {
    background-color: #FFFFCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
	color: #333333;
}

.smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.highlight {
	background-color: #FFFF99;
}
.login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #FF99CC;
	padding: 5px;
}

a:link { color: #FF6600; text-decoration: underline; } 
a:visited { color: #FF6600; text-decoration: underline; }
a:active { color: #FF6600; text-decoration: underline; } 
a:hover { color: #FF6600; text-decoration: underline; }

a.offtab:link { color: #000000; text-decoration: none; } 
a.offtab:visited { color: #000000; text-decoration: none; }
a.offtab:active { color: #FF6600; text-decoration: underline; } 
a.offtab:hover { color: #000000; text-decoration: underline; }
table.offtab {
	background-color: #FF9900;
	background-image: url(expresso/components/gorp/images/tab100-orange.gif);
}

.ontab {
	color: #000000;
	font-size: x-small;
}
.offtab {
	font-size: x-small;
}
table.ontab {
	background-color: #CCCCCC;
	background-image: url(expresso/components/gorp/images/tab100-white.gif);
}

.error { font-family: Verdana, Tahoma, Helvetica,sans-serif; font-size: 90%; color: red; font-weight: bold }