/* Framework CSS */
/*
 * Framework elements are split into five categories, in order of priority:
 * 1. core - should not be changed lest it breaks cross-browser support
 * 2. careful - core feature that can be modified to a certain extent, be careful!
 * 3. standard - follows general Corporate Communication standards
 * 4. recommended - a recommended style that should work in most circumstances
 * 5. custom - style that pertains to an individual web portal, mostly harmless
 */

/* WHOLE PAGE */

a
{
	color: #0000ff;
}
a:visited
{
	color: #0000ff;
}
a:hover
{
	text-decoration: underline;
}

body
{
	/* core */
	font-size: 76%; /* ensures proper resizing cross-browser */ /* standard */
	color: Black;
	background-color: White;
	font-family: Arial, Helvetica, Geneva, Sans-Serif;
	margin: 0;
	padding: 0;
	border: 0; /* custom */
	background-image: url(image/left_nav_gradient.jpg); /* background gradient for left menu */
	background-position: left bottom;
	background-attachment: scroll;
	background-repeat: repeat-y;
}
/* body */

/* divisions, by default, should have no margins, padding, or borders */
div
{
	/* recommended */
	margin: 0;
	padding: 0;
	border: 0;
}
/* div */

div.page
{
	/* core */
	width: 100%;
}
/* div.page */

/* END WHOLE PAGE */
/* HEADING SECTION */

div.header
{
	/* core */
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
/* div.header */

div.logo
{
	/* core */
	position: absolute; /* careful */
	left: 0;
	top: 0; /* custom */
	width: 353px;
	height: 67px;
	background-image: url(image/shp_logo.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
/* div.logo */

div.search
{
	/* core */
	position: absolute; /* careful */
	right: 0;
	top: 0; /* standard */
	width: 168px; /* custom */
	padding: 0px;
	padding-top: 0px;
}
/* div.search */

/* END HEADING SECTION */
/* TOP NAVIGATION */

div.topNav
{
	/* core */
	width: 100%;
	position: absolute; /* careful */
	top: 67px;
	left: 0px;
	height: 38px; /* custom */
	background-color: #000066;
	color: White;
	font-weight: bold;
}
/* div.topNav */

div.topNav a
{
	/* custom */
	color: White;
	text-decoration: none;
}
/* div.topNav a */

div.topNav a:visited
{
	/* custom */
	text-decoration: none;
}
/* a:visited */

div.topNav a:hover
{
	/* custom */
	text-decoration: underline;
}
/* a:hover */

ul.printctl
{
	/* custom */
	float: right; /* Hide from IE5 Mac \*/
	position: relative;
	right: -5px; /* This comment resumes IE 5 Mac parsing. Right value must match right padding of presentation. */
}

.asterisk
{
	background-image: url(../images/asterisk.gif);
	background-repeat: no-repeat;
	background-position: 0 4;
	height: 8px;
	width: 10px;
}
.asteriskoffset /* for lining up totals that have had the asterisk applied */
{
	background-image: url(../images/blankdot.gif);
	background-repeat: no-repeat;
	background-position: 0 4;
	height: 8px;
	width: 10px;
}
.space
{
	height: 8px;
	width: 10px;
}
ul.topLink
{
	/* core */
	display: block; /* recommended */
	margin: 10px 0 0 5px;
	padding: 0;
	border: 0;
}
/* ul.topLink */

ul.topLink li
{
	/* core */
	list-style: none;
	display: inline;
	background-image: none; /* This is the value for IE 5 and IE 5.5 Windows */ /* since IE 5 does not support padding, margins, or borders for inline 		items, we cannot apply bullets as we've designed them here */ /* careful */
	padding: 0 0 0 16px; /* 16 pixels creates space for bullet image */
	margin: 0 3px; /* 3 pixels right and left spaces out list items */
	background-position: left center; /* places bullet left side, vertically centered */
	background-repeat: no-repeat; /* non-repeating background */
}
/* ul.topLink li */

ul.topLink li /* IE 5 and 5.5 ignores this */
{
	/* core */
	voice-family: "\"}\"";
	voice-family: inherit; /* custom */
	background-image: none; /* This is the correct value. */
}
/* ul.topLink li */

html > body ul.topLink li /* IE 5 and 5.5 ignores this */
{
	/* custom */
	background-image: none; /* Put the correct value here as well. */
}
/* html>body u.topLink */

div.topLogin
{
	/* core */
	float: right; /* recommended */
	margin: 10px 5px 0 0;
}
/* div.topLogin */

/* END TOP NAVIGATION */

/* THREE COLUMNS */
/* LEFT NAVIGATION */

.leftNav
{
	/* core */
	padding: 0; /* careful */
	position: absolute;
	top: 105px;
	left: 0px;
}

.leftNav UL
{
	/* core */
	margin: 0;
	padding: 0;
	border-style: none;
	list-style-type: none;
}

.leftNav LI
{
	/* core */
	display: inline; /* For IE 6.0 - Must be set if displaying without a bottom border */
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}

.leftNav LI A
{
	/* core */
	display: block;
	width: auto;
}

.leftSubNav
{
	/* core */
	padding: 0;
}

.leftSubNav UL
{
	/* core */
	margin: 0;
	padding: 0;
	border-style: none;
	list-style-type: none;
}

.leftSubNav LI
{
	/* core */
	display: inline; /* For IE 6.0 - Must be set if displaying without a bottom border */
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}

.leftSubNav LI A
{
	/* core */
	display: block;
	width: auto;
}

/* END LEFT NAVIGATION */
/* MIDDLE COLUMN */

div.presentation
{
	/* core */
	position: absolute; /* careful */
	top: 105px;
	left: 175px;
	padding-right: 175px; /* note this must exceed the width of the right nav */ /* custom */
	padding-top: 5px;
}
/* div.presentation */

div.footer
{
	/* custom */
	text-align: center;
	margin-top: 124px;
}
/* div.footer */

div.PrintHeader /* For Print */
{
	display: none;
}
/* div.PrintHeader */

div.PrintFooter /* For Print */
{
	display: none;
}
/* div.PrintFooter */

/* END MIDDLE COLUMN */
/* RIGHT NAVIGATION */

div.rightNav
{
	/* core */
	position: absolute; /* careful */
	right: 0;
	top: 105px; /* standard */
	width: 168px; /* recommended */
	margin: 0;
	padding: 0 0 0 0;
	border: 0;
}
/* div.rightNav */

/* END RIGHT NAVIGATION */
/* END THREE COLUMNS */
/* HELP PAGES */
#HelpBody
{
	background-image: none;
}

#HelpContainer .logo
{
	position: static;
}

#HelpContainer
{
	text-align: left;
	margin: 0 auto;
}

#HelpHeader
{
	width: 100%;
	line-height: 2.5em;
	text-align: right;
	padding-right: 1.25em;
}
#HelpFooter
{
	width: 100%;
	line-height: 2.5em;
	text-align: right;
	padding-right: 1.25em;
}

#HelpContent
{
	padding: 10px;
}

#HelpContent h2
{
	font-size: 1.0em;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#HelpContent h2 a
{
	font-size: 1.0em;
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#HelpContent p
{
	margin-top: 0px;
}

#HelpContent h1
{
	margin-top: 0px;
}

/* END HELP PAGES */
/* DEBUG */
/* Forces trace information further down the page. */
#__asptrace
{
	position: absolute;
	top: 1400px;
	left: 0px;
	background-color: White;
}
/* END DEBUG */

/* Classes used by the basic schema and style sheetsheet 
	08.10.2005 Ruchira Kumarasinghe

	[updates]
	mm.dd.yyyy Author
*/
.caption
{
	font-family: Georgia;
	color: #666666;
	font-size: 90%;
}

.dataTableWithBorder
{
	border-color: Black;
	border-collapse: collapse;
}
.dataTableWithoutBorder
{
}

.normalCellColor
{
	border-color: Black;
}
.alternatingCellColor
{
	border-color: Black;
}

.headerCell
{
	font-weight: bold;
	border-color: Black;
}
.smallText
{
	font-size: 85%;
}

/* End of classes used by the basic schema and stylesheet */

