/* STYLES FOR KRAFT PALMER DAVIES 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 "kpd_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: #fff;
	/* background-color: #9bc; */
	/* 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}
 */

#skipnav {display: none}

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

#masthead {
	/* border: 1px dotted green; */
	padding: 0px;
	white-space: nowrap;
	text-align: top;
}

#masthead #key {
	display: none;
} 

#masthead a		{text-decoration: none;}

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

#nav {
	height: 70%;
}

#navbox {
	/* border: 1px solid blue; */
}

#nav ul {
	list-style: none;
}

#nav ul li {
	font: bold 11px/1 verdana, arial, helvetica, sans-serif;
}

#nav ul ul {
	font-weight: normal;
}

#nav ul ul li, #nav ul ul li.thispage, #nav ul ul li.thishome {
	font-weight: normal;
}

#nav-contact {
	font: normal 11px/1.1 verdana, arial, helvetica, sans-serif;
	color: #344;
}

#nav-contact dt {
	font-weight: bold;
}

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

#main {
	/* border: 2px dotted red; */
	width: 500px;
	background-color: white;
	/* margin-left: 200px; */
	padding: 0px 25px 20px 25px;
}

/* 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: rgb(204,204,204); text-decoration: underline;
}

a.hide								{text-decoration: none; color: inherit}
a.hide:hover, a.hide:active	{text-decoration: underline}

a img.link			{border: 1px solid transparent}
a img.link:hover	{border: 1px solid #468}

/* 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, h3, h4, h5, h6	{color: #023}	/* off black */

h1, .h1, #h1, h1 *, .h1 *, #h1 *	{color: #024}
h2, .h2, h2 *, h2 a:visited, 					{color: #035}
h3, .h3, h3 *, .h3 a:visited					{color: #047}
h4, .h4, h4 *, .h4 *					{color: #046}
h5, .h5, h5 *, .h5 *					{color: #046}	/* v dark blue */
h6, .h6, h6 *, .h6 *					{color: #046}

h1, .h1, #h1		{font-size: 22px; font-weight: bold;}
h2, .h2				{font-size: 18px; font-weight: normal;}
h3, .h3				{font-size: 16px; font-weight: normal;}
h4, .h4				{font-size: 14px; font-weight: normal;}
h5, .h5				{font-size: 13px; font-weight: normal;}	/* v dark blue */
h6, .h6				{font-size: 12px; 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; color: #333; letter-spacing: 0px}

/* FOOTER */

#footer {padding-top: 4px}

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

#footer #copyright, #footer #disclaimer, #footer #lastmod, #footer #credit {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;}
.insetless	{margin-left: 10px;}
.center		{text-align: center;}

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}

strong, .strong, .sans	{font-family: verdana, arial, helvetica, sans-serif; color: #023}
.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}
.caseref		{text-decoration: underline}

.none					{display: none}
.hidden, hide		{visibility: hidden}

/* custom colours */

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

.paleblue, .bg				{background-color: #9bc}	/* 200-25-80 */
.paleblue2, .bg2			{background-color: #acd}	/* 200-23-87: slightly lighter than .paleblue */
.midblue						{color: #379}					/* 200-67-60: strong mid blue */
.darkblue					{color: #046}					/* 200-100-40: dark blue */
.xdarkblue, .hblue		{color: #023}					/* 200-100-20: off black */

.gray				{color: rgb(153,153,153)}	/* mid gray */
.black			{color: black}
.white			{color: white}

/* MISC STYLES */

dt	{font-weight: bold;}


p.getacro	/* "get acrobat" text in sidebar */
	{
	font: 10px/1.2 verdana, arial, helvetica, sans-serif;
	color: #112;
	margin-top: 1em;
	}

/* 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; padding-right: 1em; font: bold 11px verdana, arial, helvetica, sans-serif;}
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;}
/* 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;}
.statusmessage *	{font: bold 11px verdana, arial, helvetica, sans-serif; color: red;}
ul.statusmessage, p.statusmessage {border: 1px solid red; margin: 0.5em 0;}
ul.statusmessage {padding: 0.5em 2em;}
ul.statusmessage li {/* border: 1px dotted grey */}
p.statusmessage {padding: 1em; margin: 0.5em 0}

#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 #supportbox .thanks {
	font: 9px/1.5 verdana, arial, helvetica, sans-serif;
	color: #bba;	/* 60-?-? vs 255-255-240*/
}

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.imgleft h4, div.calloutright h4, div.calloutleft h4, #supportbox 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 */
	/* background-color: rgb(234,239,229); */
	/* 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 */

/* set font-size only for other elements */
.small, ul.small li							{font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 1.4}
.x-small, .smaller, ul.smaller li		{font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; line-height: 1.4}
.xx-small, .smallest, ul.smallest li	{font-family: verdana, arial, helvetica, sans-serif; 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;}
 */