/* IPEC CSS from Cascade Server */

/* Basic Page Template Styles */
/* Standard iPEC Colors:
iPEC Blue: #095ba6
iPEC Leadership darker blue: #05438c
Gold Left menu link: #ffd911
Orange Gold text hover: #ffb321
Pale Yellow dropdown flyout: #fdf5b6
Blue visited link: #0000ff
Charcoal: #444
Med dk gray: #777
Med gray: #999
Light gray: #d5d5d5
Light blue: #a1d1ff
Pale blue: #c3e3ff
*/

body, ul, li {      /* critical zeroing rule */
	padding: 0;
	margin: 0;
	list-style: none;
	}

body {
	font-family: Arial, Tahoma, Verdana, Trebuchet MS, sans-serif;
font-size: 10pt;
	margin: 0;
	background: url("../files/images/bodyfill2.jpg") repeat-y;
	}

a img {
border: 0;
}

p {
	color: black;
font-size: .9em;
	}

p a:link {
	color: #095ba6;
	text-decoration: underline;
	}

p a:visited {
	color: #05438c;
	text-decoration: underline;
	}

p a:hover {
	color: #ffb321;
	text-decoration: none;
	}

p a:active {
	color: #ffb321;
	text-decoration: none;
	}

h1 {
	color: #000;
	font-size: 1.3em; /* black */
	margin: 0;
	}

h2 {
	color: #000; /* black */
	font-size: 1.2em;
	margin: 0 0 10px 0;
	}

h3 {
	color: #095ba6; /* iPEC blue */
	font-size: 1.1em;
	margin: 0 0 10px 0;
	}

h3.traininglist {
	margin: 15px 0 5px 0;
	}

h4 {
	color: #444; /* charcoal gray */
	font-size: 1em;
	margin: 10px 0 0 10px;
	}

#header {
	width: 100%;
	height: 128px;
	background-color: #095ba6; /* iPEC blue */
	}

#headerleadership {
width: 100%;
height: 128px;
background-color: #05438c; /* iPEC Leadership darker blue */
}

#globalmenu {
position: absolute;
left: 0;
top: 128px;
	width: 100%;
	height: 24px;
	background: url("../files/images/globalmenu-fill.jpg") repeat-x;
	border-top: 1px solid #999; /* med gray */
	border-bottom: 1px solid #999; /* med gray */
	z-index: 10;
	}


div#localmenu, div.localmenu {
	position: absolute;
	left: 0;
	top: 156px;
	width: 170px;
	min-height: 400px;
	text-wrap: normal;
	color: #fff;
	/*background: url("../files/images/bodyfill2.jpg") repeat-y;*/
	}

div#localmenu ul li a:link, div.localmenu ul li a:link {
color: #fff;
}

/* ====== MAIN CONTENT STYLES ====== */

#maincontent {
	position: absolute;
	left: 170px;
	top: 156px;
	width: 530px;
	min-height: 400px;
	background: #fff;
	float: left;
        padding: 0 15px 0 15px;
	}

div#maincontent div#pagecontent {
width: 100%;
height: auto;
}

div#maincontent form, div#maincontent form table td {
font-size: 1em;
}

div#maincontent ul, div#utilcontent ul {
/*list-style-image: url("../files/images/bluebullet.gif");*/
margin-left: 25px;
padding-left: 25px;
}

div#maincontent ul li, div#utilcontent ul li {
list-style-image: url("../files/images/bluebullet.gif");
padding: 0 0 0 5px;
}

p.highlight {
padding: 15px;
background: #c3e3ff;
}

p.border {
padding: 15px;
border: 1px solid #095ba6;
}

p.border-light {
padding: 15px;
border: 1px solid #c3e3ff;
}

.smaller {
font-size: .9em;
}

.red {
color: red;
}

.quotesignature {
margin-left: 50px;
}

#maincontent table td ul {
margin: 0;
}

#maincontent table td {
font-size: 9pt;
}

li.checklist {
list-style-image: url("../files/images/check_mark.gif");
padding: 0 0 5px 0;
}

#breadcrumbs {
font-size: .8em;
color: #999;
font-weight: bold;
width: 100%;
height: 15px;
margin: 5px;
}

#breadcrumbs a:link, #breadcrumbs a:visited {
color: #777;
text-decoration: none;
}

#breadcrumbs a:hover {
color: #000;
text-decoration: underline;
}

#eventlist {
width: 90%;
height: auto;
}

/*===== END MAIN CONTENT STYLES ====== */


/*===== SIDEBAR STYLES =====*/

#sidebar {
	position: absolute;
	left: 730px;
	top: 156px;
	width: 180px;
	min-height: 400px;
	background: white;
	padding: 10px 0 0 0;
	}

#sidebar p {
font-size: 8pt;
}

.sidebaritem img.button {
padding: 0 0 10px 0;
}
div.sidebaritem {
	width: 165px;
	min-height: 35px;
	background: #fff url("../files/images/sidebar_itemfill.gif") no-repeat;
	background-position: bottom left;
	margin: 0 0 10px 0;
	float: left;
	clear: both;
	}



div#sidebar div.sidebaritem p {
	margin: 0;
	padding: 10px 5px 5px 20px;
	}

div#sidebar div.sidebaritem ul {
margin: 0;
padding: 10px 5px 5px 20px;
list-style: disc;
}

div#sidebar div.sidebaritem ul li {
list-style: disc;
margin: 0 0 0 10px;
padding: 0 0 0 0px;
}

.sidebaritem h3, .sidebaritem h4 {
margin-left: 15px;
}

.sidebaritem table {
font-size: 8pt;
margin-left: 15px;
}

.sidebartable input {
width: 100px;
}

/*===== END SIDEBAR STYLES ====== */

/* ===== HOME PAGE BOTTOM STYLES ====== */
div#pathways {
width: 520px;
clear: both;
}

div#pathways div img {
margin-bottom: 5px;
}

div#left {
width: 250px;
float: left;
}

div#left p {
padding: 5px;
}

div#right {
width: 250px;
float: left;
margin-left: 10px;
}

div#right p {
padding: 5px;
}

/*===== END HOME BOTTOM STYLES ===== */

div#footer {
margin-top: 25px;
border-top: 1px solid #777;
font-size: .8em;
}

div#footerhome a.footsmall {
font-size: .75em;
}

div.amazon {
margin-left: auto;
margin-right: auto;
padding: 25px;
clear: both;
}

div.amazon iframe {
width: 120px;
height: 250px;
float: left;
margin-right: 25px;
}

div#utilitymenu {
position: absolute;
left: 625px;
top: 110px;
height: auto;
width: auto;
white-space: nowrap;
color: #fff;
}

div#utilitymenu a:link, div#utilitymenu a:visited {
font-size: 8pt;
color: #fff;
text-decoration: none;
}

div#utilitymenu a:hover {
font-size: 8pt;
color: #fff;
text-decoration: underline;
}
/* ==== SITE MAP STYLES ==== */
div#sitemap {
padding: 0 0 0 50px;
}
#maincontent #sitemap ul,
#maincontent #sitemap ul li ul,
#maincontent #sitemap ul li ul li ul
{
list-style-image: url("../files/images/bluebullet.gif");
font-size: 8.5pt;
margin: 0;
padding: 0 0 0 25px;
}


#maincontent #sitemap ul li,
#maincontent #sitemap ul li ul li,
#maincontent #sitemap ul li ul li ul li
{
list-style-image: url("../files/images/bluebullet.gif");
padding: 5px 0 0 0;
}



#maincontent #sitemap ul li a:link,
#maincontent #sitemap ul li ul li a:link,
#maincontent #sitemap ul li ul li ul li a:link
{
color: #095ba6;
text-decoration: none;
}

#maincontent #sitemap ul li a:visited,
#maincontent #sitemap ul li ul li a:visited,
#maincontent #sitemap ul li ul li ul li a:visited
{
color: #05438c;
text-decoration: none;
}

#maincontent #sitemap ul li a:hover,
#maincontent #sitemap ul li ul li a:hover,
#maincontent #sitemap ul li ul li ul li a:hover
{
color: #000;
text-decoration: underline;
}

/*==== END SITE MAP STYLES ==== */

/*===== UTILITY PAGE STYLES ===== */

#utilheader {
	width: 100%;
	height: 128px;
	background-color: #095ba6; /* iPEC blue */
}

#utilcontent {
position: absolute;
left: 170px;
top: 128px;
padding: 10px;
}

/* Content Layout 1 col over 1 ============= */
div.content1 {
	width: 520px;
	margin: 15px auto 15px auto;
	min-height: 200px;
	border-bottom: 1px solid #095ba6;
	font-size: .9em;
	}

/* COLUMNAR
/* Content Layout 1 col over 2 ============= */
#content1a {
	width: 520px;
	margin: 15px auto 15px auto;
	min-height: 200px;
	border-bottom: 1px solid #095ba6;
	font-size: .9em;
	padding: 0 15px 0 0;
	}

#content1b {
	width: 40%;
	margin: 0 15px 15px 15px;
	float: left;
	min-height: 150px;
	border-right: 1px solid #095ba6;
	font-size: .9em;
	padding: 0 15px 0 0;
	}

#content1c {
	width: 42%;
	min-height: 150px;
	margin: 0 15px 15px 15px;
	float: left;
	font-size: .9em;
	padding: 0 15px 0 0;
	}

/* End Content Layout 1 col over 2 ===========*/
/* Content Layout 1 col over 2 unequal ============= */
#content2a {
	width: 520px;
	margin: 15px;
	min-height: 200px;
	border-bottom: 1px solid #095ba6;
	padding-right: 10px;
	font-size: .9em;
	float: left;
	clear: both;
	}

#content2b {
	width: 300px;
	margin: 0 15px 15px 15px;
	float: left;
	min-height: 150px;
	border-right: 1px solid #095ba6;
	padding-right: 10px;
	font-size: .9em;
	}

#content2c {
	width: 160px;
	min-height: 150px;
	margin: 0 10px 15px 10px;
	padding-right: 10px;
	float: left;
	clear: right;
	font-size: .9em;
	}

/* End Content Layout 1 col over 2 unequal ===========*/
/* IMAGES  ===========================================*/
.imageleft {
margin-right: 15px;
}

.imageright {
margin-left: 10px;
}



/* LOCAL MENU STYLES ======================= */

div.localnav {
padding: 15px;
}

.localnav ul {
	list-style: none;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: .9em;
	}

.localnav li {
	list-style: none;
	display: block;
	height: auto;
	border-bottom: 1px solid #94bce0;
	padding: 5px 0 5px 15px;
	margin: 0;
color: white;
	}


.localnav ul li.selected {
	background: #095ba6;
	padding: 5px 0 5px 15px;
	color: #ffd911;
	}

.localnav li a.left-nav-folder {
background: url("../files/images/flyout-arrow-white.gif") no-repeat;
padding-left: 15px;
}

table.contact {
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	}

table.contact td {
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	}

/* LEFT MENU LINK */
.localnav ul li a:link, .localnav ul li a:visited
{
	color: #fff;
	text-decoration: none;
	}

.localnav ul li a:hover {
	color: #ffd911;
text-decoration: underline;
	}

/* LEFT MENU SELECTED LINK */
.localnav li.selected a:link, .localnav li.selected a:visited {
	color: #ffd911;
	text-decoration: none;
font-weight: bold;
	}


.localnav ul li.selected a:hover {
	color: #000;
text-decoration: underline;
	}

/* ++++++++ Store iFrames ++++++++++ */

.frame {
float: left;
width: 30%;
text-align: center;
margin-bottom: 15px;
}


/* ===== GLOBAL MENU UL LI STYLES ====== */
/* 
	Hidden elements are positioned off the page to the left (-3000px).
	A visible dropdown is repositioned to 1px in from the left edge of its parent button.
	Flyouts are repositioned so that the left edge of the flyout 98% of the way to the right edge of the parent UL.

	Elements in play:
		
		#globalmenucontainer - container for all dropdown elements
		.system-folder - top level UL and its LIs, except LIs containing flyouts
		.system-subfolder - flyout LI only
		.system-page - applied to all ULs within LIs (dropdown and flyout container) 
*/


/* main dropdown container - all dropdown elements are in relation to their ULs*/
#globalmenucontainer UL {
	POSITION: absolute;
}
/* top level UL attributes */
#globalmenucontainer UL.system-folder {
	WIDTH: auto; HEIGHT: 24px;
}
/* top level element attributes */
LI.system-folder {
	BORDER-RIGHT: #999 1px solid; FONT-SIZE: 0.8em; 
	Z-INDEX: 10; 
	FLOAT: left; MARGIN: 0px; WIDTH: 105px; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none; POSITION: relative; HEIGHT: 24px;
}
LI.system-folder A {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; COLOR: #05438c; PADDING-TOP: 5px; ZOOM: 1; TEXT-ALIGN: center; TEXT-DECORATION: none;
}
LI.system-folder LI A {
	FLOAT: none !important; TEXT-ALIGN: left !important;
}
LI.system-folder A:hover {
	COLOR: #000; TEXT-DECORATION: underline;
}

/* second level container (dropdown) - selects only those top level LIs that contain ULs*/
LI.system-folder UL {
	BORDER-RIGHT: #888 1px solid; BORDER-TOP: #888 1px solid; BACKGROUND: #fdf5b6; 
	LEFT: -3000px; /* hides all dropdown and flyout containers */
	BORDER-LEFT: #888 1px solid; WIDTH: 16em; BORDER-BOTTOM: #888 0px solid; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: auto;
}
/* third level container (flyout) */
LI.system-folder UL UL {
	PADDING-RIGHT: 0px; MIN-WIDTH: 12em; PADDING-LEFT: 0px; BACKGROUND: #fdf5b6; 
	LEFT: -3000px; /* hides all flyouts */
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; POSITION: absolute; width: 12em;
}
/* this rule affects all LIs in the globalmenuncontainer */
#globalmenucontainer LI {
	VERTICAL-ALIGN: bottom; POSITION: relative;
}
/* this rule affects all As in LIs in the globalmenuncontainer */
#globalmenucontainer LI A {
	VERTICAL-ALIGN: bottom;
}

/* this rule affects all LIs contained in LIs */
* HTML #globalmenucontainer LI LI {
	BORDER-BOTTOM: white 1px solid;

}
#globalmenucontainer LI LI A {
	BORDER-BOTTOM: #888 1px solid;
}

/* hides dropdown container when mousing away from top level LI */
#globalmenucontainer LI.system-folder UL.system-page,
#globalmenucontainer LI.system-subfolder UL.system-page {
	LEFT: -3000px;


}

/* show dropdown UL */
#globalmenucontainer LI:hover UL,
#globalmenucontainer LI.system-folder:hover UL.system-page,
#globalmenucontainer LI.system-subfolder:hover UL.system-page {
	LEFT: -1px;
	BORDER-BOTTOM: white 1px solid;

}


/* selects all LIs that contain ULs - JS only */
#globalmenucontainer LI.sfhover UL {
	LEFT: -1px;
}

/* hides flyout container when hovering over top level LI */
#globalmenucontainer LI.system-folder:hover UL UL.system-page,
#globalmenucontainer LI.system-folder:hover UL UL {
	LEFT: -3000px;
}

/* hides flyout container when hovering over any LI - JS only */
#globalmenucontainer LI.sfhover UL UL {
	LEFT: -3000px;
}

/* show flyout when hovering over dropdown LI */
#globalmenucontainer LI LI:hover UL {
	LEFT: 98% !important; TOP: 3px;
	z-index: 1500 !important;
}

/* JS only - show flyout when hovering over dropdown LI (also selects LIs within flyout UL, but should do nothing) */
#globalmenucontainer LI LI.sfhover UL {
	LEFT: 98%! important; TOP: 3px;
	z-index: 1500 !important;

}

/* selects all dropdown containers */
LI.system-folder UL {
	Z-INDEX: 10; POSITION: relative; HEIGHT: auto;
}

LI.system-subfolder UL {
	Z-INDEX: 1500; POSITION: relative; HEIGHT: auto;
}

/* selects all dropdown LIs (might also select flyout LIs) */
LI.system-folder  UL LI
 {
	Z-INDEX: 1500;
}


/* selects all LIs containing flyouts */
LI.system-page,
LI.system-subfolder
{
	BACKGROUND: url(../files/images/dd-l1-shading.gif) repeat-x left bottom;
}

/* this doesn't select anything, because there are no UL.system-subfolder elements
	don't know the purpose of this rule */
UL.system-subfolder LI.system-subfolder UL.system-page LI.system-page {
	BACKGROUND-IMAGE: none;
}

/* selects A elements for dropdown entries containing flyouts  - draws the flyout arrow*/
LI.system-subfolder A {
	PADDING-LEFT: 15px; BACKGROUND: url(../files/images/flyout-arrow.gif) no-repeat;
	white-space: normal;
}

/* select As within flyout and dropdown containers */
LI.system-subfolder LI.system-page A {
	PADDING-LEFT: 5px; BACKGROUND-IMAGE: none;
}

/* formats links for most, but not quite all A links */
LI.system-folder UL.system-page LI.system-page A:link {
	FONT-WEIGHT: normal; COLOR: #095ba6; WHITE-SPACE: normal; TEXT-DECORATION: none;
}
LI.system-folder UL.system-page LI.system-page A:visited {
	FONT-WEIGHT: normal; COLOR: #095ba6; WHITE-SPACE: normal; TEXT-DECORATION: none;
}
LI.system-folder UL.system-page LI.system-page A:hover {
	FONT-WEIGHT: normal; COLOR: #000; WHITE-SPACE: normal; TEXT-DECORATION: underline;
}

UL.system-folder LI.system-subfolder A {
	FONT-WEIGHT: bold; WHITE-SPACE: normal;
}


/* ===== END GLOBAL MENU LINK STYLES ===== */