/* -------------------------------------------------------------------------------------------*/
/* STANDARD PHP Style sheet
/* -------------------------------------------------------------------------------------------*/
/* 9.11.03 - CB - Added VersignBrand styles for showing Verisign Confirmation Icon
/* 1.28.06 - CB - Added Cascading Menu styles

/* -------------------------------------------------------------------------------------------*/
/* GENERAL SYLE GUIDELINES OF THIS STYLE SHEET
/* -------------------------------------------------------------------------------------------*/
/* Use Padding when it's inside the border, margins when it's outside the border
/* Body Container Cells provide padding to the right and bottom.  
/* Body Cells and Paragraphs provide padding to the top and left.
/* Pixels are used for indent and outdent of text blocks
/* Top Bottom padding is 6 pixels.
/* Left Right Padding is 8 pixels.
/* Ems (a relative sizing attribute) are used for vertical spacing

/* -------------------------------------------------------------------------------------------*/
/* FONT MAPPINGS
/* -------------------------------------------------------------------------------------------*/
/*  8pt -  70%
/* 10pt -  80%
/* 12pt - 100%
/* 14pt - 120%
/* 16pt - 150%

/* -------------------------------------------------------------------------------------------*/
/* COLOR PALLETTE
/* -------------------------------------------------------------------------------------------*/
/* #53007E	Dark Purple		Visited Links (was 660099)

/* #880000  Dark Red		Page Title, Active Link
/* #CC3300  Medium Red		Validations
/* #FFDDDD	Pale Red		Background - Form Validation

/* #444444	Darkest Grey	H1, H2, Sub Titles STRONG

/* 06.21.04 - CB - Changed taupe palette
/* rgb(148,148,140)			(-48) Header / Foooter Font
/* rgb(208,208,204)			(-32) Darker Taupe 	Borders
/* rgb(224,224,220)			(-16) Dark Taupe	Header
/* rgb(240,240,234)			(+00) Medium Taupe	Background Menu from XP toolbar
/* rgb(248,248,246)			(+10) Pale Taupe 	Background Table & Sidebar

/* #0041CE	Dark Blue		Menu Items, Unvisited Links
/* #DDFFFF	Pale Cyan		Background - Data Table Highlight

/* #107910	Medium Green	Page Titles
/* #DFFFDD	Pale Green		Background - Misc

/* #F6FBBB	Pale Yellow		

/* -------------------------------------------------------------------------------------------*/
/* GENERIC ELEMENTS */
/* -------------------------------------------------------------------------------------------*/

/* No Border because:
/* MSIE 6 puts a border outside the scrollbar
/* Netscape 7 ignores border
/* Opera puts the border inside the scrollbar 	 */
body 
{
	border: 0px solid white;
	/* 8.14.06 - CB - Added background color */
	background-color: rgb(240,240,234);
	color: black;
	/* These fonts are the same as USEIT.COM */
	font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	font-weight: normal;
	font-size: 100%;
	/* Pixels, not ems so that font resizing doesn't change the page margins */
	margin: 12px 24px 12px 24px;
	padding:0px;
}

/* Default Link Colors - more subdued than HTML defaults */
a:link 		{ color: #0041CE; }
a:visited	{ color: #53007E; }
a:active	{ color: #880000; }
a:hover		{ background-color: rgb(240,240,234); }

/* Generic Table Elements have no padding or margins 
/* This way they can be used to contain other elements with no spacing

/* Be sure to include cellspacing="0" on all tables */
table, tr, th, td 
{
	border:	0px solid rgb(208,208,204);
	/* CSS 2.0 - Fixes NS hiding the bottom row*/
	empty-cells: show;			
	margin:	0px;
	padding: 0px;
	vertical-align: top;
}

/* Form should have not padding or margin */
form 
{
	border:	0px solid #AAAAAA;
	margin:	0px;
	padding: 0px;
}
	
/* -------------------------------------------------------------------------------------------*/
/* PAGE FRAMING ELEMENTS
/* 
/* The Basic Construct of a Page is:
/* <table.Page>
/* <tr><td colspan=2>
/* 		<table.Header><tr><td.Left><td.Center><td.Right></tr></table>
/* </td></tr>
/* <tr><td.Menu><td.ColumnTR></tr>
/* <tr><td colspan=2>
/* 		<table.Footer><tr><td.Left><td.Center><td.Right></tr></table>
/* </td></tr>
/* -------------------------------------------------------------------------------------------*/

/* Ensure the span the whole page */
/* Added Content which replaces Page */
table.Content, table.Header, table.Footer { width: 100%; }
table.Content	{ background-color: white }
table.Header	{ }

/* Menu column */
td.Menu 
{
	background-color: rgb(240,240,234);	/* Medium Taupe */
	border-width: 1px 0px 1px 1px;
	height: 500px;				/* Mininimum height for sidebar to look good on 800x600 */
}

/* Header and Footer Cells */
/* These are just examples.  Most webs will roll their own cells */
td.HeaderLeft, td.HeaderCenter, td.HeaderRight 
{ 
	color: rgb(148,148,140);
	padding-bottom:	.5em; 
	vertical-align: bottom;
}
td.FooterLeft, td.FooterCenter, td.FooterRight 
{ 
	color: rgb(148,148,140);
	font-size: 70%;
	padding-top: .5em; 
}
td.HeaderLeft, td.FooterLeft 		{ text-align: left; }
td.HeaderCenter, td.FooterCenter 	{ text-align: center; }
td.HeaderRight, td.FooterRight 		{ text-align: right; }

/* Header and Footer links should use same font colors */	
a.Header:link, a.Header:visited, 
a.HeaderS:link, a.HeaderS:visited, 
a.Footer:link, a.Footer:visited	
{ 
	color: #888888;
	text-decoration: none;
}
a.HeaderS:link, a.HeaderS:visited
{
	font-weight: bolder;
}
	
/* -------------------------------------------------------------------------------------------*/
/* CONTENT AREA CELLS - Contained by <td.Content>
/* -------------------------------------------------------------------------------------------*/

/* PAGE COLUMNS Used to layout a column  */
td.Column, 
td.ColumnT, 
td.ColumnR, 
td.ColumnL, 
td.ColumnTR, 
td.ColumnTB, 
td.ColumnTRB, 
td.ColumnTRBL,
td.ColumnTRL,
td.ColumnTBL 
{ 
	padding: 0px 12px 1em 12px;
}

td.ColumnT		{ border-width: 1px 0px 0px 0px; }
td.ColumnR		{ border-width: 0px 1px 0px 0px; }
td.ColumnL		{ border-width: 0px 0px 0px 1px; }
td.ColumnTR		{ border-width: 1px 1px 0px 0px; }
td.ColumnTB		{ border-width: 1px 0px 1px 0px; }
td.ColumnTRB	{ border-width: 1px 1px 1px 0px; }
td.ColumnTRBL	{ border-width: 1px 1px 1px 1px; }
td.ColumnTRL	{ border-width: 1px 1px 0px 1px; }
td.ColumnTBL	{ border-width: 1px 0px 1px 1px; }

/* -------------------------------------------------------------------------------------------*/
/* HEADINGS
/* -------------------------------------------------------------------------------------------*/

/* Page Title */
h1.Title, h1.TitleBar
{
	border: 0px solid rgb(208,208,204);
	color: #107910;			/* Medium Green */
	font-size: 150%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: .5em 6px .5em 6px;
	text-align: left;
}

/* Sidebar Column Headers */
h1.CH
{
/*	background-color: rgb(248,248,246); */
	border: 0px solid rgb(208,208,204);
	border-bottom-width: 1px;
	color: #444444;
	font-size: 110%;				
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: .5em 6px .3em 6px;
	text-align: left;
}

/* Page Headings and Subheadings */
/* Make sure that h1 & h1.Bar stay in synch with td.CG and td.CGBar */
/* 2.4.04 - CB - Top Padding from 3 to 6 to keep Chuck happy 8-) */
h1, h1.Bar, h1.Right, h1.RightBar, h2, h3, h4, h5, h6 
{
	border: 0px solid rgb(208,208,204);
	color: #444444;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: .5em 6px .3em 6px;
	text-align: left;
}
h1, h1.Bar, h1.Right, h1.RightBar	{ font-size: 120%; }
h1.Bar, h1.RightBar					
{ 
	border-top-width: 1px; 
	margin-top: .5em;
}
h1.Right, h1.RightBar				{ text-align: right; }

h2	{ padding-left: 18px; font-size: 100%; font-weight:bolder;}
h3	{ padding-left: 30px; font-size: 90%; font-weight:bolder;}
h4	{ padding-left: 42px; }
h5	{ padding-left: 54px; }
h6	{ padding-left: 66px; }
	
/* -------------------------------------------------------------------------------------------*/
/* PARAGRAPHS
/* Try to use Padding instead of Margin in case you want borders (e.g., h1.TitleBar)
/* -------------------------------------------------------------------------------------------*/
pre, p, td.p, td.Small	
{
	border: 0px solid red;			/* Set to 1 for testing */
	color: black;
	font-size: 80%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: .3em 6px .3em 6px;
}
/* 10.8.03 - CB - Added p.Small and p.SmallCenter for home page news bulletin column */
td.Small, p.Small, p.SmallCenter, span.Small{ font-size: 70%; }
pre.Center, p.Center, p.SmallCenter { text-align: center; }
pre.P0, p.P0	{ padding-left: 0px; } /* Use in a container that providers left padding
pre.P1, p.P1	{ }	/* Functionally equivalent to P */
pre.P2, p.P2	{ padding-left: 18px; }
pre.P3, p.P3	{ padding-left: 30px; }
pre.P4, p.P4	{ padding-left: 42px; }
pre.P5, p.P5	{ padding-left: 54px; }
pre.P6, p.P6	{ padding-left: 66px; }

/*	Monospace Paragraphs for Code Examples 
	Mono and Mono1 are functionally equivalent */
pre, p.Mono, p.Mono1, p.Mono2, p.Mono3, p.Mono4, p.Mono5, p.Mono6 
{
	font-family: "Courier New", Courier, Monaco, monospace;
	font-size: 80%;
}
p.Mono2	{ padding-left: 18px; }
p.Mono3	{ padding-left: 30px; }
p.Mono4	{ padding-left: 42px; }
p.Mono5	{ padding-left: 54px; }
p.Mono6	{ padding-left: 66px; }

/* Used for Image Captions */
td.Caption, p.Caption 
{
	font-size: 8pt;			/* Fixed size since photos are too */
	height: 1em;
	padding: 0px 0px 3px 0px;
	text-align: center;
}
	
/*	Menus 1-n where n is the level of indent 
	Menu and Menu1 are functionally equivalent 
	11.11.03 - CB - added Menu*S is for the Selected version of the menu */
p.Menu, p.Menu1, p.Menu2, p.Menu3, p.Menu4, p.MenuS, p.Menu1S, p.Menu2S, p.Menu3S, p.Menu4S 
{
	color: #888888;
	font-size: 70%;
	font-weight: bold;
	margin: 6px 0px 2px 0px;	/* 11.25.03 - CB - added 1px B */
	padding: 0px 6px 1px 6px;
}
p.Menu2, p.Menu3, p.Menu4, p.Menu2S, p.Menu3S, p.Menu4S 
{ 
	font-weight: normal;
	margin: 0px 0px 2px 0px;
	padding: 0px 6px 1px 12px; 
}
p.Menu3, p.Menu3S 	{ padding: 0px 6px 0px 24px; }
p.Menu4, p.Menu4S 	{ padding: 0px 6px 0px 30px; }
p.MenuS, p.Menu1S, p.Menu2S, p.Menu3S, p.Menu4S 
{
	background-color: rgb(208,208,204);	/* Darker Taupe */
	border-width: 0px 0px 0px 0px;
	color: #53007E;		/* visited link color since you have to visit to select */
}

p.MenuIcon	
{ 
	color: #888888;
	font-size: 60%;
	text-align: center; 
}
	
/* Used for Menu Bars that go accross the screen */
p.MenuBar 
{
	background-color: rgb(240,240,234);	/* Light Taupe */
	border-color: rgb(208,208,204);		/* Dark Taupe */
	border-width: 0px 0px 1px 0px;
	color: #888888;
	font-size: 70%;
	font-weight: bold;
	padding: 1px 6px 3px 6px;
	text-align: center;
}

p.DebugFooter 
{
	font-size: 70%;
	font-weight: normal;
	text-align: center; 
}	

/* For loggin noticeable messages to the screen */
p.Debug 
{
	color: #880000;
	background-color: #DDFFFF;
	font-weight: bolder;
}
	
/* Monospace character tag */
tt 	{ font-family: "Courier New", Courier, Monaco, monospace; }
	
/* Bold character tag */
b, strong { color: #444444; }
	
/* -------------------------------------------------------------------------------------------*/
/* LISTS
/* Lists are always indented by their containers, ol, ul
/* NS + IE are very consistent.
/* Unfortunately Opera doesn't pad the list-style-image the same way as NS and IE.
/* This results in the bullet being too close to the text
/* -------------------------------------------------------------------------------------------*/
ol 
{
	list-style-type: decimal;
	margin: 0px 0px 0px 0px;
	padding: 3px 6px 0px 40px;
}
ul 
{ 
	list-style-type: disc;	/* In case URL can't be found */
	list-style-image: url(../lib/bullet.gif);
	margin: 0px 0px 0px 0px;
	padding: 3px 6px 0px 32px;
}
ul.None
{ 
	list-style-type: none;
	list-style-image: none;
}
 
li, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6	
{
	border: 0px solid red;			/* Set to 1 for testing */
	color: black;
	font-size: 80%;
	font-weight: normal;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 0px 6px;
	vertical-align: middle;
}
/* These get overridden by the Page object in std/page.php for Opera */
li.L2	{ margin-left: 18px; }
li.L3	{ margin-left: 30px; }
li.L4	{ margin-left: 42px; }
li.L5	{ margin-left: 54px; }
li.L6	{ margin-left: 66px; }

/* -------------------------------------------------------------------------------------------*/
/* CONTAINMENT TABLES
/* With tables, you need to use margin for indenting
/* -------------------------------------------------------------------------------------------*/

/* Container Tables - used to indent a containter with no margins */
/* IOW, the objects inside (e.g., <p> <img.L>) must provide all the margins and padding */
table.C1 {}	/* same as plaing <table> */
table.C2 { margin: 0px 0px 0px 12px;}	
table.C3 { margin: 0px 0px 0px 24px;}	
table.C4 { margin: 0px 0px 0px 36px;}	
table.C5 { margin: 0px 0px 0px 48px;}	
table.C6 { margin: 0px 0px 0px 60px;}	

/* Data Tables that flow with Paragraphs */
table.P1 { margin: 3px 6px 3px 6px;}
/* 06.21.04 - CB - Changed left marging from 6 to 12 */
table.P2 { margin: 3px 12px 3px 18px;}	
table.P3 { margin: 3px 12px 3px 30px;}	
table.P4 { margin: 3px 12px 3px 42px;}	
table.P5 { margin: 3px 12px 3px 54px;}	
table.P6 { margin: 3px 12px 3px 66px;}	

/* Centered */
table.Center { margin: 3px 0px 3px 0px; }	
	
/* -------------------------------------------------------------------------------------------*/
/* DATA TABLES
/* With tables, you need to use margin for indenting
/* -------------------------------------------------------------------------------------------*/

/* Table Headers */
th.TRL, th.TR, th.R 
{
	color: #555555;
	font-size: 70%;
	font-weight: bolder;
	padding: 2px 4px 2px 4px;
	background-color: rgb(224,224,220);			/* Dark Taupe */
	vertical-align: middle;						/* So multi-line headers look good */
}
th.TRL	{ border-width: 1px 1px 0px 1px; }
th.TR	{ border-width: 1px 1px 0px 0px; }
th.R	{ border-width: 0px 1px 0px 0px; }

/* Table Data.  "H" is for a highlighted cell, "L" is for a Label Cell*/
td.TRBL,   td.TRB,   td.TRL,   td.TR,   td.R, 
td.H-TRBL, td.H-TRB, td.H-TRL, td.H-TR, td.H-R,
td.L-TRBL, td.L-TRB, td.L-TRL, td.L-TR, td.L-R 
{
	font-size: 80%;
	vertical-align: top;
	padding: 2px 4px 2px 4px;
}

td.TRBL,   td.TRB,   td.TRL,   td.TR,   td.R	{ background-color: rgb(248,248,246); }	/* Pale Taupe */
td.H-TRBL, td.H-TRB, td.H-TRL, td.H-TR, td.H-R	{ background-color: #DDFFFF; } 			/* Pale Cyan */
td.L-TRBL, td.L-TRB, td.L-TRL, td.L-TR, td.L-R	{ background-color: rgb(224,224,220); } /* Dark Taupe */

td.TRBL, td.H-TRBL, td.L-TRBL					{ border-width: 1px 1px 1px 1px; }
td.TRB,  td.H-TRB,  td.L-TRB					{ border-width: 1px 1px 1px 0px; }
td.TRL,  td.H-TRL,  td.L-TRL					{ border-width: 1px 1px 0px 1px; }
td.TR,   td.H-TR,   td.L-TR						{ border-width: 1px 1px 0px 0px; }
td.R,    td.H-R,    td.L-R						{ border-width: 0px 1px 0px 0px; }

/* Bottom Row of Table */
td.Bottom 
{
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	font-size: 1pt;
	padding: 0px 0px 0px 0px;
}

/* Sidebar Table */
/* Wrap this up in a DIV tag to reduce the font of the sidebar */
table.Sidebar 
{
	background-color: rgb(248,248,246);			/* Pale Grey */
	float: right;
	border-width: 1px 1px 1px 1px;
	margin: 6px 6px 3px 14px;
}
p.SidebarTitle 
{
	background-color: rgb(224,224,220);	/* Dark Taupe */
	border-color: rgb(208,208,204);		/* Dark Taupe */
	border-width: 0px 0px 1px 0px;
	color: #555555;
	font-size: 70%;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
}

/* -------------------------------------------------------------------------------------------*/
/* IMAGES
/* -------------------------------------------------------------------------------------------*/

/* Use border="1" on the IMG tag to turn on a gray border */
/* A plain image has no border or padding */
img, img.L, img.R, img.FL, img.FL2, img.FR, iframe.FR
{
	border-color: rgb(208,208,204);		/* Darker Taupe */
	font-size: 70%;
	color: black;
	margin: 0px 0px 0px 0px;
}

/* Left and Right justified images - with floating equivalents */
/* In IE, there is a bug where the bottom margin does not display on a floating image */
/* Top margin is set to 6 to allow it to align better with text whose top margin is 3 */
img.L				{ margin: 6px 6px 3px 0px; }
table.FL, img.FL	{ margin: 6px 6px 3px 6px;	float: left; }
img.FL2				{ margin: 6px 6px 3px 18px;	float: left; }
img.R				{ margin: 6px 0px 3px 6px; }
table.FR, img.FR, iframe.FR	{ margin: 6px 6px 3px 6px;	float: right; }

/* An Image that appears inline in a paragraph */
img.Inline 
{
	margin: 0px 0px 0px 0px;
	vertical-align: baseline;
}
/* Logo at the top of the Menu */	
img.MenuLogo 
{
	border-color: rgb(208,208,204);		/* Darker Taupe */
	margin: 3px 0px 0px 0px;
}
/* An image that appears in a Bar Graph */
img.BarGraph 
{
	border: 0px solid blue;		/* Set to 1 for testing */
	vertical-align: middle;
}

/* -------------------------------------------------------------------------------------------*/
/* Picture Thumbnails
/* -------------------------------------------------------------------------------------------*/
table.Thumb 
{
	float: left;
	margin: 6px 0px 3px 6px;
}
td.Thumb, td.Folder
{
	border-color: rgb(208,208,204);			/* Darker Taupe */
	background-color: rgb(248,248,246); 	/* Light Taupe */
	border-width: 1px 1px 1px 1px;
	font-size: 8pt;
	padding: 6px 0px 6px 0px;				/* Left and right are controlled by cell width */
	text-align:center;
}
td.Folder
{
	font-size: 90%;
}

/* -------------------------------------------------------------------------------------------*/
/* FORM Controls
/* -------------------------------------------------------------------------------------------*/
/* 11.28.03 - CB - Converted all to use nowrap */
table.Form { margin: 0px 6px 3px 6px;}	

/* Help Table - 11.29.03 - CB - Added */
span.FormHelp 
{
	font-size: 80%;
	font-style: italic;
/*	font-weight: bolder; */
}

/* td.CG* emulates H1 */
td.FormHeader, td.FormHeaderBar 
{
	background-color: white;			
	color: #444444;
	font-size: 120%;
	padding: 6px 0px 6px 0px;
	vertical-align: middle;
}
td.FormHeader 		{ border-width: 0px 0px 0px 0px; }
td.FormHeaderBar	{ border-width: 1px 0px 0px 0px; }

td.FormComment, p.FormComment 
{
	background-color: white;			
	color: black;
	font-size: 80%;
	padding: 0px 0px 6px 0px;
}
	
td.FormOverflow 
{
	background-color: white;			
	color: #444444;
	padding: 0px 0px 0px 0px; 
	width:100%			/* Forces the form to be as compact as possible */
}

td.FormBullet, td.FormBulletTop, td.FormBulletEnd, 
td.FormLabel, td.FormLabelTop, td.FormLabelSpan, 
td.FormPreControl, td.FormControl, td.FormControlTop,
td.FormValidation 
{
	background-color: rgb(248,248,246);
	font-size: 80%;
	padding: 2px 4px 2px 4px;
	vertical-align: middle;
	white-space: nowrap;		/* 11.28.03 - CB - Added */
}
/* Bullet Column - top allows for vertical alignment to the top */
td.FormBullet, td.FormBulletTop	
{ 
	background-color: white;
	border-width: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 2px 6px 2px 12px; 
} 
td.FormBulletTop 
{ 
	vertical-align: top; 
}
/* Used for a blank bullet cell next to a td.Bottom */
td.FormBulletBottom	
{ 
	background-color: white;
	border-width: 0px 0px 0px 0px;
	font-size: 1pt;
	padding: 0px 0px 0px 0px;
} 
/* Field Label Cell - top allows for vertical alignment to the top */
td.FormLabel, td.FormLabelTop
{ 
	border-width: 1px 0px 0px 1px;
	padding: 2px 16px 2px 4px;
} 
td.FormLabelTop { vertical-align: top; }

/* Field Label Cell that spans 2 columns - for checkboxes and textarea inputs */
td.FormLabelSpan	
{ 
	border-width: 1px 1px 0px 1px;
	padding: 2px 4px 2px 4px;  
} 
/* The prefix for the control (e.g., $ for currency) */
td.FormPreControl	
{ 
	border-width: 1px 0px 0px 0px;
	padding: 2px 4px 2px 0px;  
	text-align: right;
}
/* The widget control */
td.FormControl, td.FormControlTop
{ 
	border-width: 1px 1px 0px 0px;
	padding: 2px 4px 2px 0px;  
}
td.FormControlTop { vertical-align: top; }
/* Validation Row */
td.FormValidation	
{ 
	border-width: 0px 1px 0px 1px;
	color: #CC3300;		/* Red Medium */
	font-style: italic;
	padding: 0px 4px 2px 3px;  
	white-space: normal;		/* 11.28.03 - CB - Added */
} 
/* Button Row*/
td.FormButtons	
{ 
	background-color: white;
	padding: 6px 0px 3px 0px;  
} 
/* Custom Control Para */
p.CustomControl
{
	color: black;
	font-size: 80%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 3px 6px 3px 0px;
}

/* Debug - to enable add the end comment to this line
td.FormBullet,
td.FormLabel, td.FormLabelSpan, 
td.FormPreControl, td.FormControl, 
td.FormValidation 
{	
	border: red solid 1px;
}
/* End Debug */

/* 1.27.06 Added input.* so that we can touch them up */
input, input.radio, input.text, textarea, select 
{
	color: black;
	font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	font-size: 95%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}
input.text, textarea { 	margin: 1px 0px 1px 0px; }

/* Use by PHP HTMLForm Class */
/* Though functionally equivalent to Button, the styles in Opera & NS are different from IE */
input.Submit 
{
	font-size: 80%;
	margin: 0px 6px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Used by PHP URLButton Class */
/* 7.9.03 - CB - Added */
button 
{
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	margin: 0px 6px 0px 0px;	/* Uses container's margin and padding */
	padding: 0px 0px 0px 0px;
}

/* Additional Validation Styles */
span.Validation			{ color: #CC0000; }
A.validation:link		{ color: #CC0000; }
A.validation:visited	{ color: #CC0000; }

/* -------------------------------------------------------------------------------------------*/
/* News Bulletins
/* -------------------------------------------------------------------------------------------*/
/* Headings within the Bulletin Body */
h1.news	{ font-size: 90%; }
/* Dates on News Bulletins */
p.NewsDate 
{
	font-weight: bold;
	margin-top: 6px;
	text-align: center;
}

/* -------------------------------------------------------------------------------------------*/
/* Advertisements */
/* -------------------------------------------------------------------------------------------*/
table.Ad 
{
	border: 1px solid rgb(208,208,204);
	background-color: rgb(248,248,246);
	margin: 6px 12px 6px 6px;		/* 6px bottom for better separation on collapse */
}
td.AdTitle 
{
	font-size: 80%;
	font-weight: bolder;
	padding: 1px 6px 1px 6px;
}
td.AdDescriptor, td.AdDescriptorBar
{
	color: #333333;
	font-size: 70%;
	padding: 0px 6px 1px 6px;
}
td.AdDescriptorBar { border-top-width: 1px; }
td.AdSubDescriptor 
{
	color: #666666;
	font-size: 70%;
	padding: 0px 6px 1px 6px;
}

/* -------------------------------------------------------------------------------------------*/
/* Commerce - Used to Display the Verisign Brand
/* The verisign bran logo is in ../libplus.  The image is 103px wide.
/* -------------------------------------------------------------------------------------------*/
table.VerisignBrand 
{
	border: 1px solid #888888;
	background-color: rgb(248,248,246);
	float: right;
	margin: 6px 6px 6px 6px;	/* top margin 6 (not 0) to display before web confirmation */
	width: 103px;
}
td.VerisignBrand 
{
	font-size: 8pt;		/* fixed point size since verisign brand image is fixed */
	padding: 3px 3px 3px 3px;
	text-align: center;
}

/* -------------------------------------------------------------------------------------------*/
/* CASCADING MENUS
/* -------------------------------------------------------------------------------------------*/

/* Menu Div Style */
#Menu 
{
	text-align:left;
}

#Menu ul 
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

#Menu li
{
	font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
}

#Menu a
{
	border-width: 0px;
	border-style: solid;
	border-color: rgb(208,208,204);
	display: block;
	margin: 0;
	text-decoration: none;
	white-space: nowrap;
}

#Menu a.Top		{ border-width: 0px 0px 0px 1px; }
#Menu a.TopEnd	{ border-width: 0px 0px 0px 0px; }
#Menu a.Top, #Menu a.TopEnd
{
	/* 8.14.06 - CB - Made blue to match background */
	color: rgb(56,104,123);
	padding: .2em .6em .2em .6em;
}

#Menu a.Sub		{ border-width: 1px 1px 0px 1px; }
#Menu a.SubEnd	{ border-width: 1px 1px 1px 1px; }
#Menu a.Sub, #Menu a.SubEnd
{
	background-color: rgb(224,224,220); 
	/* Padding and width in ems to size dynamically with text */
	padding: .4em .6em .4em .6em;
	width: 15em;
}

#Menu a:hover 
{
	color: #B23600;
	background-color: rgb(224,224,220);
}

#Menu a.Top:hover, #Menu a.TopEnd:hover
{
	background-color: rgb(224,224,220); 
}

#Menu li { position: relative; }

#Menu ul ul 
{
	position: absolute;
	z-index: 500;
}

#Menu ul ul ul 
{
	position: absolute;
	top: 0;
	left: 100%;
}

div#Menu ul ul,
div#Menu ul li:hover ul ul,
div#Menu ul ul li:hover ul ul
{ display: none; }

div#Menu ul li:hover ul,
div#Menu ul ul li:hover ul,
div#Menu ul ul ul li:hover ul
{ display: block; }