/* STYLES FOR PACE ACT TWO GUILD 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: #010;
	padding: 12px 0px 24px 24px;
	font-family: georgia, serif;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}

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

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

#masthead		{padding: 0px 0px 12px 0px;}

#masthead a		{text-decoration: none;}

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

#nav {
	padding-left: 0px;
}

#nav ul {
	list-style: none;
	margin: 0px; padding: 0px;
	padding-top: 24px; 
	margin-left: 2px;
}

#nav ul li {
	/* border: 1px solid green; */
	background-color: #f5fff3;	/* pale green */
	font: bold 11px/1 verdana, arial, helvetica, sans-serif;
	margin: 0px; padding: 3px;
	/* margin-top: 0px; */
}

#nav ul li.ext {
	background-color: #d9eed0;
}

#nav ul li a, #nav ul li.thispage li a, #nav ul li.thishome2 li a {
	text-decoration: none;
	color: rgb(0,51,0);			/* extra dark green */
	color: rgb(51,102,0);		/* dark green */
}

#nav ul ul {
	/* border: 1px solid green; */
	font-weight: normal;
}

#nav ul ul li, #nav ul ul li.thispage, #nav ul ul li.thishome {
	/* border: 1px solid green; */
	margin: 0px; padding: 3px;
	font-weight: normal;
}

#nav ul li a:visited {
	color: #583;	/* dark green, lightened and desaturated */
}

#nav a:hover, #nav a:active														{text-decoration: underline;}
#nav li.thispage a, #nav li li.thispage a, #nav li li.thispage a		{color: black;}
#nav li.thishome a																	{text-decoration: underline;}
#nav li.thispage a:hover, #nav li.thishome a:hover							{text-decoration: none;}
#nav li.thispage li a:hover														{text-decoration: underline;}
#nav li.thishome li.thispage a, .calloutright li.thispage a								{font-weight: bold; color: black; text-decoration: none;}
#nav li.thishome li a																{font-weight: normal;}
#nav li.thishome2 a, #nav li.thishome li.thishome a, #nav li li a:hover, #nav li li a:active			{text-decoration: underline;}

#welcome #nav .callout * {color: black}

#nav div, #nav p, #nav div a, #nav p a {
	font: normal 10px/1.2 verdana, arial, helvetica, sans-serif;
	color: #efe;
}

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

#main {
	width: 650px;
	background-color: #fff;
	/* background-color: #f8fff4; */
	padding: 12px;
}

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

a:visited {color: rgb(100,50,160);}
a:hover, a:active {text-decoration:none}

a:active {color: #ccc;}	/* 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: helvetica, geneva, arial, sans-serif; line-height: 105%} */
h1, h2, h3, h4, h5, h6	{font-family: "Trebuchet MS", Trebuchet, helvetica, geneva, arial, sans-serif; line-height: 105%; font-weight: normal}
h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6	{color: rgb(0,51,0)}

h1, .h1, #h1	{font-size: 22px; font-weight: bold;}
h2, .h2	{font-size: 18px; font-weight: bold;}
h3 ,.h3	{font-size: 16px; font-weight: normal}
body.execdir #maincallout h3	{font-size: 14px; font-weight: bold}
h4, .h4	{font-size: 14px; font-weight: normal}
.pr div#deck, #pr div#deck	{margin: 0.5em 0}
.pr #deck h4, #pr #deck h4	{margin-top: 0; font-weight: normal; line-height: 1.1; color: #333; letter-spacing: 0px}
.pr #deck h4 img, #pr #deck h4 img {/* border: 1px solid red; */ padding-bottom: 3px; padding-top: 2px}
h5, .h5, body.execdir h1.section, body.execdir h2	{font-size: 13px; font-weight: normal; letter-spacing: 1px; color: rgb(51,102,0)}
body.execdir h1.section {color: black}
h6, .h6	{font-size: 12px; font-weight: normal; letter-spacing: 1px;}

div#main h1 a, div#main h2 a, div#main h3 a {
	color: rgb(0,51,0);
	text-decoration: none;
}

div#main h1 a:hover, div#main h2 a:hover, div#main h3 a:hover {
	color: inherit;
	text-decoration: underline;
}

/* FOOTER */

#footer {padding-top: 4px}

#footer p {
	font: 11px/1.2 verdana, arial, helvetica, sans-serif;
	/* color: rgb(102,102,51); */
}

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

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

/* set default face, size and line-height for all standard elements */
body							{font-family: verdana, arial, helvetica, sans-serif}
p, td, ul, ol, li, dl, dt, dd 	{font: 12px/1.35 verdana, arial, helvetica, sans-serif;}

img			{display: block; border: 0}					/* fix whitespace problem with imgs in table cells */
.inline 	{display: inline}							/* selectively override previous rule */
td			{vertical-align: top}

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

.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, .left *			{text-align: left;}
.center		{text-align: center;}
.right		{text-align: right;}
.flush		{list-style: none; margin-left: 0; padding-left: 0}

div.center, div.center * {
		text-align: center;
		margin-left: auto; margin-right: auto;
	}

sup, sub	{vertical-align: text-top;}
sub			{vertical-align: text-bottom;}

.small sup, .smaller sup, .smallest sup 	{font-size: 9px; vertical-align: super}
.small sub, .smaller sub, .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		{font-family: verdana, arial, helvetica, sans-serif}

/* custom colours */

.paleyellow		{color: rgb(250,250,220)}	/* pale yellow */

.palegreen, .bg		{background-color: rgb(234,239,229)}	/* 90-4-94 */
.palegreen2, .bg2	{background-color: rgb(241,245,237)}	/* 90-3-96: slightly lighter than .palegreen */
.midgreen		{color: rgb(102,153,51)}	/* PACE green */
.darkgreen		{color: rgb(51,102,0)}		/* dark green */
.xdarkgreen, .hgreen		{color: rgb(0,51,0)}		/* dark green */

.gray			{color: rgb(153,153,153)}	/* mid gray */
.bggray		{color: rgb(100,102,98)}		/* 40% gray, tinted bg green */
.black			{color: black}
.white			{color: white}

.border, .border-red	{border: 1px dotted red}

/* 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;}
#main a.email							{padding-top: 4px}
#main img.email, #main a.email img		{display: inline; vertical-align: text-bottom;}
/* 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: rgb(153,153,153); */ /* gray */
}

#welcome #nav .thanks {
	font: 9px/1.75 verdana, arial, helvetica, sans-serif;
	color: #aba;	/* 90-4-94 vs 255-255-240*/
}

#welcome #nav .thanksbox {
	font: 9px/1.5 verdana, arial, helvetica, sans-serif;
	color: #EAEFE5;
	background-color: #aba;	/* 90-4-94 vs 255-255-240*/
}

#welcome .quicklinks {
	/* border: 1px dotted red; */
	background-color: #F7FAF5;	/* v. pale green */
}

#welcome .quicklinks ul li {
	font: normal 11px/1.1 verdana, arial, helvetica, sans-serif;
	margin: 0px; padding: 2px;
}

#welcome .quicklinks ul li .linkinfo {
	color: #aba;
}

#welcome .quicklinks ul li a {
	text-decoration: underline;
}

#welcome .quicklinks ul li a:hover {
	text-decoration: none;
}

#welcome #supportbox .thanks {
	font: 9px/1.5 verdana, arial, helvetica, sans-serif;
	color: #bba;	/* 60-?-? vs 255-255-240*/
}

#welcome #midboxcontainer2 {
	border: 1px solid #996;
	color: #ffe;
	background-color: #bb9;	/* 90-4-94 vs 255-255-240*/
}

#welcome #midboxcontainer2 .thanks {
	/* border: 1px solid red; */
	font: 10px/1.5 verdana, arial, helvetica, sans-serif;
}

#pr h1 em, #pr h2 em, #pr h3 em {font-style: normal}

#thankscontainer {
	border: 1px solid #d9d9b8;
	color: #332;
	background-color: #f0f0e6;	/* 90-4-94 vs 255-255-240*/
}

#thankscontainer .thanks {
	/* border: 1px solid red; */
	font: 10px/1.5 verdana, arial, helvetica, sans-serif;
	color: #332;
}

#thankscontainer .thanks strong.voices {
	font-family: 'Trebuchet MS'; font-size: 110%; font-weight: bold;
}

div.calloutright, div.calloutleft, div.calloutright p, div.calloutleft p, div.calloutright li, div.calloutleft li, div.imgleft li, div.imgright 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: rgb(0,51,0);
	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: #F7FAF5;	/* v. pale green */
}

.caption {
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color: #666;
}

.caption-small {
	font: normal 10px verdana, arial, helvetica, sans-serif;
	color: #666;
}

/* 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 */

/* 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;}
 */