/*
	TITLE: PESI
	DATE:  11-7-06	
*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form,
img{
	margin: 0;
	padding: 0;
	border: 0;
}

/*
 MAIN 
-----------------------------------------------*/
body{
	font-family: Verdana;
	font-size: 12px;
	margin: 0px;
	line-height: 16px;
	background: #252420 url('images/MainBG.jpg') repeat-x;
}

/* links */	
a{
	font-weight: bold;
	color: #000;	
}
a:hover{
	text-decoration: underline;
}

/* heading */
h1{
	font-size: 1.4em;	
	margin: 2px 0px;
	padding: 5px 0px;
}
h2{
	font-size: 1.6em;	
	margin: 2px 0px;
	padding: 2px 0px;
}
h3{
	font-size: 1.4em;	
	margin: 2px 0px;
	padding: 3px 0px;
}
h4{
	font-size: 1.2em;	
	margin: 2px 0px;
	padding: 3px 0px;
}
h5{
	font-size: 1.0em;	
	margin: 2px 0px;
	padding: 3px 0px;
}
h6{
	font-size: .9em;	
	margin: 2px 0px;
	padding: 1px 0px;
	font-weight: normal;
}

/* para-list */
p{
	margin: 5px 0px;
	padding: 3px 0px;	
}
br{
	margin: 0px 0px 0px 0px;
}

/*
 LAYOUT.
-----------------------------------------------*/

/* mirror * DELETE */
body#home #mirror{/*
	width: 777px;
	margin: 0 auto;	
	background: url('images/home.gif') no-repeat;	*/
}
body#insideBlue #mirror{/*
	width: 777px;
	margin: 0 auto;
	background: url('images/inside-blue.gif') no-repeat;	*/
}


#frame{
	width: 777px;
	margin: 0 auto;	
}

/* Header */
body#home #header{
	width: 777px;
	height: 120px;
	background: url('images/header101.gif') no-repeat;
}
/* Headers */
body#inside #header{
	width: 777px;
	height: 91px;
}
body#inside.Blue #header{background: url('images/header102.gif') no-repeat;}
body#inside.Green #header{background: url('images/header103.gif') no-repeat;}
body#inside.Yellow #header{background: url('images/header104.gif') no-repeat;}
body#inside.Red #header{background: url('images/header105.gif') no-repeat;}

/* Nav */
body#home #mainNav{
	width: 777px;
	height: 38px;
	background: url('images/mNav-red.jpg') repeat-x;	
}
body#inside #mainNav{
	width: 777px;
	height: 38px;	
}
body#inside.Blue #mainNav{background: url('images/mNav-blue.jpg') repeat-x;}
body#inside.Green #mainNav{background: url('images/mNav-green.jpg') repeat-x;}
body#inside.Yellow #mainNav{background: url('images/mNav-yellow.jpg') repeat-x;}
body#inside.Red #mainNav{background: url('images/mNav-red.jpg') repeat-x;}


	/* top Nav */
	
	#topNav{
		width: 455px;
		padding: 11px 0 0 0;
		float: right;
		color: #54524e;
	}
	#topNav a{
		color: #54524e;
		text-decoration: none;	
	}
		#topNavMain{
			width: 200px;
			float: left;	
		}
			#topTextSize{
				width: 125px;
				float: left;	
			}
				#topTextSize ul{}
				#topTextSize li{
					list-style: none;
					float: left;
					font-size: .9em;	
				}
					#topTextSize li#label{
						padding: 0 5px 0 0;	
					}
					#topTextSize li#smallT{
						padding: 0 0px;
						font-weight: bold;
						border: 1px solid #54524e;	
					}
					#topTextSize li#meduimT{
						padding: 0 0px;
						font-weight: bold;
						border: 1px solid #54524e;	
						border-left: 0;	
					}
					#topTextSize li#largeT{
						padding: 0 0px;
						font-weight: bold;
						border: 1px solid #54524e;		
						border-left: 0;
					}
			#topLinks{
				width: 70px;
				float: right;	
				font-size: .9em;
			}
		#topNavSub{
			width: 175px;
			float: right;
			padding: 0 0 0 75px;	
		}
			#topNavSub{
				float: left;
				display: inline;	
			}
			#topSearch .searchInput{
				width: 99px;
				height: 18px;
				float: left;
				margin-right: 5px;
				border: 0;
				padding: 2px;
				background: #fff url('images/textField.gif') no-repeat;	
			}
			#topSearch input.searchButton{
				float: left;	
				width: 55px;
				height: 22px;
				font-size: 0;
				border: 0;
				cursor: pointer;
				background: url('images/iButton.gif') no-repeat;
			}
		
	
#intro{
	width: 777px;	
	height: 200px;
}
	#intro .text {
		width: 225px;
		height: 200px;
		float: left;
		padding: 14px 16px;	
		background: url('images/intro.jpg') no-repeat;
	}
	#intro .text h1{
		color: #264f60;
		font-size: 2.2em;
		line-height: 1.2em;	
		font-family: 'trebuchet MS';
		font-weight: bold;
	}
	#intro .text h2{
		font-size: 1.5em;
		padding: 6px 0;
		color: #801717;
		font-family: 'Myriad Pro','trebuchet MS';
		letter-spacing: -0.05em;	
	}
	#intro .text h2 a{
		color: #801717;
	}
	#intro .flash{
		width: 520px;
		height: 200px;
		float: right;	
		display: inline;
	}
#actions{
	width: 777px;
	margin: -17px 0 18px 0;	
	* margin:8px 0 18px 0;
	_ margin: -17px 0 18px 0;
	color: #e3d8bd;
	float: left;
}
	/* actions */
	#actionsMain{
		width: 527px;
		float: left;
	}
		#actionsMain p{
			margin: 0;
			padding: 0;	
		}
		.leftAction{
			width: 232px;
			margin: 0px 23px 0px 1px;
			padding: 5px 0;
			float: left;	
			display: inline;
		}
			.leftAction .image{
				padding: 0 0 8px 0;
				border-bottom: 9px solid #93a0ad;	
			}
			.leftAction .text{
				padding: 0 0 0 13px;
			}
			.leftAction .text h1{
				font-size: 1.2em;
				color: #93a0ad;
			}
			
		.middleAction{
			width: 232px;
			margin: 0px 21px 0px 0;
			padding: 5px 0;
			float: right;
			display: inline;
		}
			.middleAction .image{
				padding: 0 0 8px 0;
				border-bottom: 9px solid #64896b;		
			}
			.middleAction .text{
				padding: 0 0 0 13px;	
			}
			.middleAction .text h1{
				font-size: 1.2em;
				color: #9eb7a3;
			}
			
	#actionsSub{
		width: 250px;
		float: right;
	}
		.rightAction{
			width: 232px;
			margin: 0px 0px 0px 18px;
			padding: 5px 0;	
		}
			.rightAction .image{
				padding: 0 0 8px 0;
				border-bottom: 9px solid #ac8e48;		
			}
			.rightAction .text{
				padding: 0 0 0 13px;	
			}
			.rightAction .text h1{
				font-size: 1.2em;
				color: #d3b76c;
			}
	
#container{
	width: 777px;
	background: #262421;
}
body.admin #container{
	width: 737px;
	padding: 20px;
	background: #fff;	
}
#mainCol{
	width: 569px;
	float: right;
	font-size: 1em;
	background: url('images/insideContainer.gif') right repeat-y;
}
	#mainCol .images{
		width: 569px;
		/* height: 126px; */
		float: left;
		margin: 0 0 0 1px !important;
		display: inline;
		/* background: url('images/bg-images.gif') no-repeat; */
	}

			.images li#imageLeft{
				width: 170px;
				/*height: 126px;*/
				float: left;
				list-style: none;
				display: inline;
				_margin: 0 0 0 1px;
			}
			.images li#imageMiddle{
				width: 233px;
				/*height: 126px;*/
				float: left;
				list-style: none;
			}
			.images li#imageRight{
				width: 165px;
				/*height: 126px;*/
				float: left;
				list-style: none;
			}
			
	#mainCol .text{
		width: 525px;
		float: left;
		color: #69665f;
		line-height: 16px;
		padding: 10px 20px 35px 24px;	
	}
	#mainCol .text h1{
		font-size: 1.8em;
		line-height: 1.1em;
		letter-spacing: -0.05em;	
	}
		body#inside.Blue #mainCol .text h1{color: #93a0ad;}
		body#inside.Green #mainCol .text h1{color: #64896b;}
		body#inside.Yellow #mainCol .text h1{color: #ac8e48;}
		body#inside.Red #mainCol .text h1{color: #821321;}
		
	#mainCol .text h2{
		color: #42403b;
		font-size: 1.4em;
		padding: 10px 0 0 0;
		margin: 0;
		letter-spacing: -0.05em;
	}
	#mainCol .text ul{
		padding: 10px 10px 10px 16px;	
	}
	#mainCol .text li{
		list-style: none;
		padding: 2px 10px 2px 15px;
		background: url('images/mainColStyle.gif') 0px 6px no-repeat;	
	}
#subCol{
	width: 200px;
	float: left;
	background: url('images/insideContainer.gif') left repeat-y;	
}
	#sideNav{
		width: 175px;
		float: left;	
		padding: 20px 5px 20px 20px;
	}
	#sideNav h1{
		color: #fff;
		font-weight: normal;	
	}
	body#inside #sideSection{
		float: left;
		display: inline;
		color: #fff;
		line-height: 1.2em;
		width: 153px;
		margin: 0 0px 0 20px;
		padding: 5px 8px;
		background: #4e575f;
		font-family: 'Times New Roman';
		font-weight: bold;
		font-size: 1.1em;	
	}
	body#inside.Blue #sideSection{background: #4e575f;}
	body#inside.Green #sideSection{background: #64896b;}
	body#inside.Yellow #sideSection{background: #ac8e48;}
	body#inside.Red #sideSection{background: #821321;}
	
	body#inside #sideImages{
		float: left;
		display: inline;
		color: #fff;
		line-height: 1.2em;
		width: 153px;
		margin: 0 0px 0 20px;
		padding: 5px 8px 5px 0px;
		background: transparent;
		font-family: 'Times New Roman';
		font-weight: bold;
		font-size: 1.1em;	
	}
	
#extraCol{}
#footer{
	width: 759px;
	color: #aaa291;
	padding: 12px 0 0 18px;
}
#footer p{
	margin: 0;
	padding: 0;	
}
#footer a{
	color: #aaa291;	
	font-weight: normal;
	text-decoration: none;
}
#footer i, footer em{
	font-style: normal;
	color: #c32727;	
}
body#inside.Blue #footer i, footer em{
	font-style: normal;
	color: #93a0ad;	
}
body#inside.Green #footer i, footer em{
	font-style: normal;
	color: #64896b;	
}
body#inside.Yellow #footer i, footer em{
	font-style: normal;
	color: #ac8e48;	
}
	#fNav{
		width: 759px;
		float: left;
		font-size: .9em;
		padding: 2px 0 0px 0;
		line-height: 10px;
		_line-height: 12px;
		background: url('images/fNavSep.gif') bottom repeat-x;
	}
	#legal{
		width: 759px;
		float: left;
		padding: 10px 0 40px 0;	
	}
		#legal p#copy{
			padding: 5px 0 0 0;
			font-size: .9em;	
		}

/*
 NAVIGATION.
-----------------------------------------------*/
/* Main Nav */
#mainNav ul{
	display: block;	
}
#mainNav li{
	float: left;
	list-style: none;
}
	body#home #mainNav li{background: url('images/mNavSep-red.gif') repeat-y;}
	body#inside.Blue #mainNav li{background: url('images/mNavSep-blue.gif') repeat-y;}
	body#inside.Green #mainNav li{background: url('images/mNavSep-green.gif') repeat-y;}
	body#inside.Yellow #mainNav li{background: url('images/mNavSep-yellow.gif') repeat-y;}
	body#inside.Red #mainNav li{background: url('images/mNavSep-red.gif') repeat-y;}
	
#mainNav li a{
	width: 62px;
	font-weight: normal;
	display: block;
	padding: 11px 0;
	text-align: center;
}
	#mainNav li a.about {width:85px;}
	#mainNav li a.resources {width: 85px;  padding: 3px 0;}
	#mainNav li a.support {width: 85px;}
	#mainNav li a.contact {width: 90px;}
	#mainNav li a.sp {width: 80px; padding: 3px 0;}
	#mainNav li a.ape {width: 170px; padding: 3px 0;}
	#mainNav li a.res {width: 120px; padding: 3px 0;}
	
	/* regular */	#mainNav li a:hover, 
	/* regular */	#mainNav li a.selectedPage,
	/* regular */	#mainNav li a.selectedPageRoot{background: url('images/mNav-red-over.gif') repeat-x;}
	
	body#inside.Blue #mainNav li a:hover, 
	body#inside.Blue #mainNav li a.selectedPage,
	body#inside.Blue #mainNav li a.selectedPageRoot{background: url('images/mNav-blue-over.gif') repeat-x;}
	
	body#inside.Red #mainNav li a:hover, 
	body#inside.Red #mainNav li a.selectedPage,
	body#inside.Red #mainNav li a.selectedPageRoot{background: url('images/mNav-red-over.gif') repeat-x;}
	
	body#inside.Green #mainNav li a:hover, 
	body#inside.Green #mainNav li a.selectedPage,
	body#inside.Green #mainNav li a.selectedPageRoot{background: url('images/mNav-green-over.gif') repeat-x;}
	
	body#inside.Yellow #mainNav li a:hover, 
	body#inside.Yellow #mainNav li a.selectedPage,
	body#inside.Yellow #mainNav li a.selectedPageRoot{background: url('images/mNav-yellow-over.gif') repeat-x;}

/* drop down */
#mainNav li ul { 
	width: 225px; 
	position: absolute;
	left: -9999px;
}
#mainNav li:hover ul, #mainNav li.sfhover ul { 
	left: auto;
	z-index: 9999;
	background: #252420;
}
#mainNav li ul li{
	width: 225px;
	padding: 0;
	position: relative;
}
#mainNav li ul li a{
	width: 205px;
	padding: 7px 10px;
	margin: 0;
	font-size: .9em;
	text-align: left;
}
body#home #mainNav li li a.parent,
body#inside.Blue #mainNav li li a.parent,
body#inside.Red #mainNav li li a.parent,
body#inside.Green #mainNav li li a.parent,
body#inside.Yellow #mainNav li li a.parent
{
	background: url('images/dropArrow.gif') 200px no-repeat;
}


/* Home */
body#home #mainNav li li.parent a:hover{
	background: #c30505 url('images/dropArrow.gif') 200px no-repeat;
}
body#home #mainNav li li a:hover, body#home #mainNav li li.parent li.parent li a:hover{ 
	background: #c30505;
	background-image: none;
}

body#home #mainNav li li.parent li.parent a:hover{
	background: #c30505 url('images/dropArrow.gif') 200px no-repeat;
}
body#home #mainNav li li.parent li a:hover, body#home #mainNav li li.parent li.parent li a:hover{ 
	background: #c30505;
	background-image: none;
}

/* red */
body#inside.Red #mainNav li li.parent a:hover{
	background: #c30505 url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Red #mainNav li li a:hover, body#inside.Red #mainNav li li.parent li.parent li a:hover{ 
	background: #c30505;
	background-image: none;
}

body#inside.Red #mainNav li li.parent li.parent a:hover{
	background: #c30505 url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Red #mainNav li li.parent li a:hover, body#inside.Red #mainNav li li.parent li.parent li a:hover{ 
	background: #c30505;
	background-image: none;
}

/* blue */
body#inside.Blue #mainNav li li.parent a:hover{
	background: #325b8a url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Blue #mainNav li li a:hover, body#inside.Blue #mainNav li li.parent li.parent li a:hover{ 
	background: #325b8a;
	background-image: none;
}

body#inside.Blue #mainNav li li.parent li.parent a:hover{
	background: #325b8a url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Blue #mainNav li li.parent li a:hover, body#inside.Blue #mainNav li li.parent li.parent li a:hover{ 
	background: #325b8a;
	background-image: none;
}

/* green */
body#inside.Green #mainNav li li.parent a:hover{
	background: #65b373 url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Green #mainNav li li a:hover, body#inside.Green #mainNav li li.parent li.parent li a:hover{ 
	background: #65b373;
	background-image: none;
}

body#inside.Green #mainNav li li.parent li.parent a:hover{
	background: #65b373 url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Green #mainNav li li.parent li a:hover, body#inside.Green #mainNav li li.parent li.parent li a:hover{ 
	background: #65b373;
	background-image: none;
}

/* yellow */
body#inside.Yellow #mainNav li li.parent a:hover{ 
	background: #d3a918 url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Yellow #mainNav li li a:hover, body#inside.Yellow #mainNav li li.parent li.parent li a:hover{ 
	background: #d3a918;
	background-image: none;
}

body#inside.Yellow #mainNav li li.parent li.parent a:hover{ 
	background: #d3a918 url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Yellow #mainNav li li.parent li a:hover, body#inside.Yellow #mainNav li li.parent li.parent li a:hover{ 
	background: #d3a918;
	background-image: none;
}



#mainNav li ul ul{
	display: none;
}

/* extra step */
#mainNav li ul li:hover ul, #mainNav li ul li.sfhover ul{
	display: block;
	position: absolute;
	left: 225px;
	top: 0;
}
#mainNav li ul ul ul{
	display: none;
}
#mainNav li ul li:hover ul ul, #mainNav li ul li.sfhover ul ul{
	display: none;
}

/* one more step */
#mainNav li ul ul li:hover ul, #mainNav li ul ul li.sfhover ul{
	display: block;
	position: absolute;
	left: 225px;
	top: 0;
}





	
	/* fnav */
	#fNav li.home,#fNav  li.contact, #fNav  li.about, #fNav  li.support{
		padding: 10px 8px 0px 8px;
		height: 28px;
	}
	#fNav li.sp {width: 70px;}
	#fNav li.ape{width: 149px;}
	#fNav li.res{width: 103px;}
	#fNav li.resources{width: 103px;}
	
#mainNav li a{
	color: #fff;
	text-decoration: none;	
}

/* Side Nav */
#sideNav ul{

}
#sideNav li{
	font-size: 1.2em;
	list-style: none;
	padding: 0 0 0 20px;
	margin: 12px 0;
	_margin: 6px 0;
	_float: left;
	background: url('images/sideNavstyle.gif') repeat-y;
}
#sideNav li a{
	color: #fff;
	text-decoration: none;	
	font-weight: normal;
	display: block;
	padding: 2px;
	_display: inline;
	_float: left;
	width: 130px;
}
body#inside.Blue #sideNav li a:hover, body#inside.Blue #sideNav li a.selectedPage{background:#93a0ad;}
body#inside.Green #sideNav li a:hover, body#inside.Green #sideNav li a.selectedPage{background:#64896b;}
body#inside.Yellow #sideNav li a:hover, body#inside.Yellow #sideNav li a.selectedPage{background:#ac8e48;}
body#inside.Red #sideNav li a:hover, body#inside.Red #sideNav li a.selectedPage{background:#821321;}


/* Footer Nav */
#fNav ul{
	padding: 0 1px;
}
#fNav li{
	float: left;
	list-style: none;
	padding: 0 9px 0 0;
	text-align: center;
}
#fNav li a{
	color: #aaa291;
	font-weight: bold;
	text-decoration: none;
}
#fNav li a:hover{
	text-decoration: underline;
}

/*
 CONTENT.
-----------------------------------------------*/

/*
 MISC.
-----------------------------------------------*/
.left{
	float: left;	
}
.right{
	float: right;	
}
img.right{
	float: right;
	padding: 10px 0 10px 10px;	
}
.black{
	color: #000;	
}
.white{
	color: #fff;	
}
.hide{
	display: none;
}
.signed{
	float: right;
	text-align: right;
	font-family: 'Times New Roman';
	font-weight: bold;	
}

/* clearing */
#container:after,
#mirror:after,
#actions:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}

/* quote */ 
#quote{
	width: 440px;
	height: 15px;
	position: absolute;
	margin-left: 320px;
	margin-top: 90px;
	font-size: 17px;
	color: #42403b;
	letter-spacing: -0.05em;
	font-style: italic;
	font-family: georgia;
	font-weight: bold;
	text-align: right;
}
body#inside #quote {
	margin-top: 65px;
}/*
#quote .regionBoundary{
	width: 100%;
	position: absolute;
	margin-top: -50px;
	font-family: arial;
	font-size: 11px;
	font-style: none;
	margin-left: -650px;
	_margin-left: -450px;
}*/
#actions a{
	color: #de9554;
}
#footer a.underline{
	display: inline;
	text-decoration: underline;
}
.RadEContentBordered{background: #fff;}