/* STYLES FOR PACE WEB SITE */

/* ================ BASIC ================

Note: only basic styles, as supported by older browsers, e.g. Netscape 4
Advanced styles, which are problematic in older browsers, are in a separate style sheet
Advanced style sheet is invoked via "@import" method, which effectively hides it from older browsers
*/

/* IMPORT ADVANCED STYLE SHEET */
/* this rule MUST be first declaration in style sheet */
/* N4 will ignore this rule, more advanced browsers will read it, but will give priority to *importing* (i.e. this) style sheet */
/* @import "pace_advanced_02.css"; */

/* GLOBAL CLASSES */
/* see advanced style sheet for positioning rules */
/* don't declare font attributes on body, as N4 won't recognise them, and may behave badly */

body,html	{margin: 0; padding: 0;} /* keep Opera happy */

body {
	background-color: #060000;	/* off black */
	/* background: url('images/PACE_logo_pt_48_green.gif') rgb(234,239,229) 28px 56px no-repeat; */
	/* padding: 12px 0px 24px 24px; */
	color: #fff;
}

#skipnav a {color: white;}

/* TEMPORARY STYLES */
/* note: use borders with caution in N4 */
/* 
#nav		{border: 1px dotted green}
#nav ul		{border: 1px dotted purple}
#main		{border: 1px solid yellow}
 */

/* MASTHEAD CONTAINING MAIN PAGE HEADING */
/* see advanced style sheet for positioning rules */

/* MAIN NAVIGATION BLOCK */
/* see advanced style sheet for positioning rules */

#logo img, #sponsor					{border: 1px solid #060000}
#sponsor									{padding: 4px;}
#logo img:hover, #sponsor:hover	{border: 1px solid #444}
#welcome #logo img:hover			{border: 1px solid #060000}

#nav {
	/* float: left; */
	/* border: 1px dotted green; */
	/* height: 800px; */
	padding-left: 2px;
}

#nav ul {
	/* margin: 0px; padding: 6px 0 0 0 ; */
}

#nav ul li {
	/* border: 1px solid green; */
	/* background-color: #F7FAF5; */
	margin: 0px; /* padding: 3px; */
	/* margin-top: 0px; */
}

#nav ul li a {
	font: bold 12px/13px verdana, arial, helvetica, sans-serif;
	color: #ccc; /* off-white */
}

#nav a:visited {color: #bbb}
#nav a:hover, #nav a:active {text-decoration: none; color: #fff}
#nav li.thispage a {color: #fff}

/* MAIN BODY DIV */
/* see advanced style sheet for positioning rules */

#main {
	width: 600px;
	/* margin-left: 200px; */
	padding: 18px 24px;
}

h1#dateline {
	color: #67b; background-color: #fff;
	font: bold 15px/30px verdana, arial, helvetica, sans-serif;
	/* font: bold 16px/31px "Trebuchet MS", verdana, arial, helvetica, sans-serif; */
	text-transform: uppercase;
}

body #main span.btop {
	display: block;
	text-align: right;
}

body #main span.btop a {
	font: normal 11px/11px verdana, arial, helvetica, sans-serif;
	color: white;
}

/* FOOTER */

#footer {padding-top: 4px}

#footer p {
	font: 11px/1.2 verdana, arial, helvetica, sans-serif;
}

#footer p.copy, #footer p.lastmod {font-size: 10px; line-height: 1.1}

/* GLOBAL ELEMENTS */
/* set default face, size and line-height for all standard elements */
body, p, td, ul, ol, li, dl, dt, dd 	{font: 12px/22px verdana, arial, helvetica, sans-serif; color: white; /* border-right: 1px solid red; */}
dt			{color: #bcf}
img		{display: block; border: 0}					/* fix whitespace problem with imgs in table cells */
td			{vertical-align: top}

/* GLOBAL LINK STYLES */
/* Correct order: link, visited, hover, active */
/* typical defaults: link="#00F" vlink="#639/909" (hover: n/a) alink="#F00" */

#main a		{color: #c22}
#main a:visited 	{color: #c77}
#main a:hover, a:active {text-decoration: none}

#main a:active {color: #d00;}	/* slightly "off-gray", same as grayed out */

a.inactive,
a.inactive:visited	/* links that need to be grayed out */ {
	color: #999; text-decoration: underline;
}

/* HEADINGS */
/* font faces & sizes only; see advanced style sheet for margins */

h1, h2, h3, h4, h5, h6	{font-family: "Trebuchet MS", Trebuchet, helvetica, geneva, arial, sans-serif; line-height: 105%; font-weight: normal}
h2, .h2, #main h2 a, #main h2 a:visited, h3, .h3, h4, .h4, h5, .h5, h6, .h6	{color: #abf}	/* pale blue */

h1, .h1, #h1	{font-size: 18px; line-height: 18px; font-weight: bold; color: #fb1}
h2, .h2	{font-size: 15px; font-weight: bold;}
h3, .h3	{font-size: 15px; font-weight: normal; color: #bcf}
h4, .h4	{font-size: 13px; font-weight: bold; color: #bcf}
h5, .h5  {font-size: 13px; font-weight: normal; letter-spacing: 1px; color: #cdf}
h6, .h6	{font-size: 11px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; color: #cdf}

/* GLOBAL MODIFIERS */
/* all standard font sizes specified last */
/* declare all properties on standard block-level tags, for N4's benefit (sigh) */
/* standard elements */

/* standard formatting classes - use with all elements to adjust size, white space, etc. */
/* see advanced style sheet for classes with margin declarations*/

.block 	{display: block}
.inline, .inline * 	{display: inline}

.indent		{margin-top: 0px; text-indent: 16px;}	/* first line indented by a small amount */

.inset, dd	{margin-left: 16px;}	/* entire block inset by a small amount */
.insetmore	{margin-left: 28px;}
.insetmost	{margin-left: 42px;}
.insetless	{margin-left: 10px;}
.left			{text-align: left;}
.center		{text-align: center;}
.right		{text-align: right;}

/* IE6 and earlier will *not* read this style */
html>body sup, html>body sub { vertical-align: text-top; }
/* 
sup		{vertical-align: text-top;}
sub		{vertical-align: text-bottom;}
 */
html>body .small sup, html>body .smaller sup, html>body .smallest sup 	{font-size: 9px; vertical-align: super}
html>body .small sub, html>body .smaller sub, html>body .smallest sub 	{font-size: 9px; vertical-align: sub}

.bold		{font-weight: bold}		/* make it bold */
.italic		{font-style: italic}	/* make it italic */
.normal		{font-weight: normal}	/* make it normal e.g. within Hn tags */

.serif		{font-family: georgia, serif}
.sans, sans-serif		{font-family: verdana, arial, helvetica, sans-serif}

/* custom colours */

.paleyellow		{color: #fafadc}	/* pale yellow */

.gray				{color: #999}					/* mid gray */
.black			{color: #060000}				/* off black (v. slightly!) */
.white			{color: white}

.blue				{color: #67b}		/* original blue, as in logo */
.midblue			{color: #abf}		/* lightened, to suit heading */
.red				{color: #c22}
.yellow			{color: #fb1}
.green			{color: #7b4}

/* MISC STYLES */

dt	{font-weight: bold;}

/* table formatting e.g. forms */
tr.hthick td		{padding-top: 1em}
tr.h td				{padding-top: 0.75em}
tr.n td				{padding-top: 0}	/* override 'h' e.g. in nested tables */
/* table.form td		{border: 1px dotted blue} */
/* table.form td		{vertical-align: bottom} */
table.form td.text	{text-align: right}
table.form td.left	{vertical-align: bottom; padding-right: 2px; white-space: nowrap; text-align: right}
table.form td.right	{text-align: left; vertical-align: bottom}
table.form td.top	{vertical-align: top}
table.form div.small	{line-height: 1.1}

th					{text-align: left; vertical-align: bottom; padding-top: 6px; font-size: 12px}
tr.underscore th	{border-bottom: 1px solid black}
td.numbers			{text-align: right; padding-left: 2px; white-space: nowrap}

span.required {color: red;}

.nowrap, .phone, .email		{white-space: nowrap;}
img.email						{display: inline; vertical-align: text-bottom; padding: 0 0 0 1px}
/* link information e.g. "(20KB PDF)" in smaller type (use only with default-sized text) */
.linkinfo	{font: 11px verdana, arial, helvetica, sans-serif; white-space: nowrap;}

div.none				{display: none}
.hidden			{visibility: hidden}

.border-black	{border: 1px solid black}
.border-666	{border: 1px solid #666}

#main p.breadcrumb {
	font: 10px/1.1 verdana, arial, helvetica, sans-serif;
}
	
#main p.breadcrumb a {
	white-space: nowrap;
}
	
div.imgright, div.imgleft, div.calloutright, div.calloutleft {
	/* border: 1px solid red; */
}

div.imgright, div.imgright p, div.imgleft, div.imgleft p, div.calloutright, div.calloutleft, div.calloutright p, div.calloutleft p, 
div.calloutright li, div.calloutleft li, #welcome #supportbox li {
	font: 11px/1.1 verdana, arial, helvetica, sans-serif;
	color: #ddd; /* gray */
}

div.calloutright, div.calloutleft, div.calloutright p, div.calloutleft p, div.calloutright li, div.calloutleft li, dl.schedule-letters p.more, #welcome #supportbox li {
	font: 11px/1.2 verdana, arial, helvetica, sans-serif;
	color: black; /* gray */
}

div.imgright .h4, div.imgright h4, div.imgleft h4, div.calloutright h4, div.calloutleft h4, #supportbox h4, .quicklinks h4, #newsnotes h4 {
	font-size: 13px; color: #030;
	margin-top: 0; margin-bottom: 4px;
	font-weight: bold;
}

div.imgright .copy, div.imgleft .copy, div.calloutright .copy, div.calloutleft .copy, div.calloutright p, div.calloutleft p {
	font-size: 11px; line-height: 1.2; color: black;
}

div.imgright .black, div.imgleft .black, div.calloutright .black, div.calloutleft .black {
	color: black;
}

div.calloutright, div.calloutleft {
	/* background-color: #FF2; */
}

/* USER-ADJUSTABLE FONT SIZES */
/* set font specs in pixels, for 4.0 browsers */
/* see advanced style sheet for keyword-based specs, which are user-adjustable in all 5+ browsers */
/* see global styles, for basic declarations */

/* NOTE: ADVANCED EQUIVALENTS NOT IN USE, OWING TO OBSOLESCENCE OF IE6 AND OLDER */

/* set font-size only for other elements */
.small, ul.small li, li.more-inset-small						{font-size: 11px; line-height: 1.4}
.x-small, .smaller, ul.smaller li		{font-size: 10px; line-height: 1.4}
.xx-small, .smallest, ul.smallest li	{font-size: 10px; line-height: 1.4}
.large									{font-size: 14px; line-height: 1.1}
.x-large, .larger						{font-size: 16px; line-height: 1.1}
.xx-large, .largest						{font-size: 18px; line-height: 1.1}

/*
.small		{font-size: 12px;}
.smaller	{font-size: 11px; line-height: 14px}
.smallest	{font-size: 10px; line-height: 12px}
.large		{font-size: 14px; line-height: 20px}
.larger		{font-size: 16px; line-height: 22px;}
.largest	{font-size: 20px; line-height: 28px;}
 */