*{margin: 0; padding: 0;}
html, body{width: 100%; height: 100%;}
body
{		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	line-height: 1.5em;
	color: #4a2c19;
	background: url(/media/sf/bg-top.gif) center top repeat-x #fff;
}
p, li{font-size: 1.1em;}
table{border: 0; border-spacing: 0;}
td{vertical-align: top;}
input, select, textarea{font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif;}
img{border: 0;}
a{color: #d63347; text-decoration: none;}
a:hover{text-decoration: underline;}

h1, h2, h3, h4, h5
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	line-height: 1.5em;
	font-weight: normal; 
	color: #000;
}
h1{font-size: 1.3em;}
h2{font-size: 1.3em;}
h3{font-size: 1.3em;}
h4{font-size: 1.3em;}
h5{font-size: 1.3em;}
h1 a, h2 a, h3 a, h4 a, h5 a
{	
	color: #000;
}

.clear{clear: both;}
.floatLeft{float: left;}
.floatRight{float: right;}
.alignCenter
{
	margin: 0 auto; 
	width: 875px;
}
.printSwfType
{
	display: none;
}
.printOnly
{
	display: none;
}

/* Alternate Backgrounds */
#leftBg
{
	position: absolute;
	left: 0;
	width: 50%;
	height: 238px;	
	background: url(/media/sf/bg-left.gif) right top repeat-x;
}	
#rightBg
{
	position: absolute;
	right: 0;
	width: 50%;
	height: 238px;	
	background: url(/media/sf/bg-right.gif) right 15px repeat-x;
}
#minWidth{display:none;}
#body
{
	position: relative;
	width: 100%;	
	min-width: 875px;	
}


/* Header */
.header
{
	float: left;
	width: 875px;
}
.header h1
{
	float: left; 
	margin: 16px 0px 17px 0px;
}
.header h1 a
{
	display: block;
	width: 236px;
	height: 60px;
	background: url(/media/sf/logo.gif) left top no-repeat;
	text-indent: -9999px;
}
.header p.ttl
{
	float: left;
	margin: 0px 0px 0px -50px;
}
/* Contents Nav */
.header ul.nav
{
	float: right; 
	list-style-type: none;	
	margin: 65px 0px 0px 0px;
}
ul.nav li
{
	float: left;
	display: block;
	position: relative;	
	padding: 1px 0px 0px 0px;
}
ul.nav li a
{
	float: left;
	display: block;
	height: 10px;	
	text-indent: -9999px;
}
ul.nav li.btnHome{background: url(/media/sf/btn-home-on.gif) left 1px no-repeat;}
ul.nav li.btnHome a{width: 36px;}
ul.nav li.btnHome a{background: url(/media/sf/btn-home-off.gif) left top no-repeat;}
ul.nav li.btnHome a:hover{background: url(/media/sf/btn-home-on.gif) left top no-repeat;}
ul.nav li.btnHome a.on{background: url(/media/sf/btn-home-on.gif) left top no-repeat;}
ul.nav li.divider
{
	width: 29px;
	text-align: center;
	padding-top: 0px;
}
ul.nav li.btnDocuments{background: url(/media/sf/btn-onlinedocuments-on.gif) left 1px no-repeat;}
ul.nav li.btnDocuments a{width: 124px;}
ul.nav li.btnDocuments a{background: url(/media/sf/btn-onlinedocuments-off.gif) left top no-repeat;}
ul.nav li.btnDocuments a:hover{background: url(/media/sf/btn-onlinedocuments-on.gif) left top no-repeat;}
ul.nav li.btnDocuments a.on{background: url(/media/sf/btn-onlinedocuments-on.gif) left top no-repeat;}

/* Sub Nav */
.left ol.subNav
{
	float: right; 
	list-style-type: none;	
	margin: 0px 0px 20px 0px;
}
ol.subNav li
{
	float: left;
	display: block;
	position: relative;	
	padding: 2px 0px 0px 0px;

}
ol.subNav li a
{
	float: left;
	display: block;	
	text-indent: -9999px;
}
ol.subNav li a.on
{
	text-decoration: none;
}

ol.subNav li ul
{
	float: left;
	margin: -2px 0px 2px 0px;
}

ol.subNav li ul li
{
	display: block;	
	background: none;
	width: 173px;
	background: url(/media/sf/bg-dots.gif) left bottom repeat-x;	
	margin: 0px 0px 0px 45px;
	padding: 6px 0px 6px 0px;
	font-size: 1.0em;		
}
ol.subNav li ul li a
{
	float: left;	
	display: block;
	text-indent: 0px;
	background: none;
	padding: 0px 0px 0px 13px;	
	font-size: 1.0em;
}

ol.subNav li.btnSupervisorFramework{background: url(/media/sf/subnav/btn-supervisorframework-off.gif) left 1px no-repeat;}
ol.subNav li.btnSupervisorFramework a{width: 218px; height: 42px;}
ol.subNav li.btnSupervisorFramework a{background: url(/media/sf/subnav/btn-supervisorframework-off.gif) left top no-repeat;}
ol.subNav li.btnSupervisorFramework ul li a
{
	width: 150px;
	height: auto;
	color: #4a2c19;
	background: url(/media/sf/subnav/li-supervisor.gif) left top no-repeat;
}
ol.subNav li.btnSupervisorFramework ul li a.on
{
	font-weight: bold;
	color: #d63347;
}

ol.subNav li.btnPilot{background: url(/media/sf/subnav/btn-pilot-off.gif) left 1px no-repeat;}
ol.subNav li.btnPilot a{width: 218px; height: 42px;}
ol.subNav li.btnPilot a{background: url(/media/sf/subnav/btn-pilot-off.gif) left top no-repeat;}
ol.subNav li.btnPilot ul li a
{
	width: 150px;
	height: auto;
	color: #4a2c19;
	background: url(/media/sf/subnav/li-pilot.gif) left top no-repeat;
}
ol.subNav li.btnPilot ul li a.on
{
	font-weight: bold;
	color: #84a045;
}

ol.subNav li.btnFramework{background: url(/media/sf/subnav/btn-framework-off.gif) left 1px no-repeat;}
ol.subNav li.btnFramework a{width: 218px; height: 42px;}
ol.subNav li.btnFramework a{background: url(/media/sf/subnav/btn-framework-off.gif) left top no-repeat;}
ol.subNav li.btnFramework ul li a
{
	width: 150px;
	height: auto;
	color: #4a2c19;
	background: url(/media/sf/subnav/li-framework.gif) left top no-repeat;
}
ol.subNav li.btnFramework ul li a.on
{
	font-weight: bold;
	color: #2e73b2;
}

ol.subNav li.btnRecruitment{background: url(/media/sf/subnav/btn-recruitment-off.gif) left 1px no-repeat;}
ol.subNav li.btnRecruitment a{width: 218px; height: 42px;}
ol.subNav li.btnRecruitment a{background: url(/media/sf/subnav/btn-recruitment-off.gif) left top no-repeat;}
ol.subNav li.btnRecruitment ul li a
{
	width: 150px;
	height: auto;
	color: #4a2c19;
	background: url(/media/sf/subnav/li-recruitment.gif) left top no-repeat;
}
ol.subNav li.btnRecruitment ul li a.on
{
	font-weight: bold;
	color: #cb7b2d;
}

ol.subNav li.btnTraining{background: url(/media/sf/subnav/btn-training-off.gif) left 1px no-repeat;}
ol.subNav li.btnTraining a{width: 218px; height: 42px;}
ol.subNav li.btnTraining a{background: url(/media/sf/subnav/btn-training-off.gif) left top no-repeat;}
ol.subNav li.btnTraining ul li a
{
	width: 150px;
	height: auto;
	color: #4a2c19;
	background: url(/media/sf/subnav/li-training.gif) left top no-repeat;
}
ol.subNav li.btnTraining ul li a.on
{
	font-weight: bold;
	color: #705daf;
}

ol.subNav li.btnWorkplaceCoaching{background: url(/media/sf/subnav/btn-coaching-off.gif) left 1px no-repeat;}
ol.subNav li.btnWorkplaceCoaching a{width: 218px; height: 57px;}
ol.subNav li.btnWorkplaceCoaching a{background: url(/media/sf/subnav/btn-coaching-off.gif) left top no-repeat;}
ol.subNav li.btnWorkplaceCoaching ul li a
{
	width: 150px;
	height: auto;
	color: #4a2c19;
	background: url(/media/sf/subnav/li-coaching.gif) left top no-repeat;
}
ol.subNav li.btnWorkplaceCoaching ul li a.on
{
	font-weight: bold;
	color: #5a8ca5;
}

ol.subNav li.btnAppendices{background: url(/media/sf/subnav/btn-appendices-off.gif) left 1px no-repeat;}
ol.subNav li.btnAppendices a{width: 218px; height: 42px;}
ol.subNav li.btnAppendices a{background: url(/media/sf/subnav/btn-appendices-off.gif) left top no-repeat;}
ol.subNav li.btnAppendices ul li a
{
	width: 150px;
	height: auto;
	color: #4a2c19;
	background: url(/media/sf/subnav/li-appendices.gif) left top no-repeat;
}
ol.subNav li.btnAppendices ul li a.on
{
	font-weight: bold;
	color: #b25c76;
}


/* Contenst */
.right ol.contents
{
	float: left; 
	width: 632px;
	list-style-type: none;	
	margin: 0px 0px 20px 0px;
}
ol.contents li
{
	float: left;
	display: block;
	position: relative;	
	padding: 2px 0px 0px 0px;
}
ol.contents li a
{
	float: left;
	display: block;	
	text-indent: -9999px;
	margin: 0px 0px 0px -8px;	
}

ol.contents li ul
{
	float: left;
	margin: -2px 0px 2px 0px;

}

ol.contents li ul li
{
	display: block;	
	background: none;
	width: 572px;
	background: url(/media/sf/bg-dots.gif) left bottom repeat-x;	
	margin: 0px 0px 6px 60px;
	padding: 0px 0px 6px 0px;
	font-size: 1.0em;	
}
ol.contents li ul li a
{
	float: left;	
	display: block;
	width: 559px !important;
	text-indent: 0px;
	background: none;
	padding: 0px 0px 0px 13px;	
	font-size: 1.0em;
}

ol.contents li.btnSupervisorFramework a{width: 638px; height: 60px;}
ol.contents li.btnSupervisorFramework a{background: url(/media/sf/subnav/btn-supervisorframework-lrg.gif) left top no-repeat;}
ol.contents li.btnSupervisorFramework ul li a
{
	height: auto;
	color: #4a2c19;
	background: url(/media/sf/subnav/li-supervisor.gif) left top no-repeat;
}
ol.contents li.btnSupervisorFramework ul li a.on
{
	font-weight: bold;
	color: #d63347;
}

ol.contents li.btnPilot a{width: 638px; height: 60px;}
ol.contents li.btnPilot a{background: url(/media/sf/subnav/btn-pilot-lrg.gif) left top no-repeat;}
ol.contents li.btnPilot ul li a
{
	height: auto;
	color: #4a2c19;
	background: url(/media/sf/subnav/li-pilot.gif) left top no-repeat;
}
ol.contents li.btnPilot ul li a.on
{
	font-weight: bold;
	color: #84a045;
}

ol.contents li.btnFramework a{width: 638px; height: 60px;}
ol.contents li.btnFramework a{background: url(/media/sf/subnav/btn-framework-lrg.gif) left top no-repeat;}
ol.contents li.btnFramework ul li a
{
	height: auto;
	color: #4a2c19;
	background: url(/media/sf/subnav/li-framework.gif) left top no-repeat;
}
ol.contents li.btnFramework ul li a.on
{
	font-weight: bold;
	color: #2e73b2;
}

ol.contents li.btnRecruitment a{width: 638px; height: 60px;}
ol.contents li.btnRecruitment a{background: url(/media/sf/subnav/btn-recruitment-lrg.gif) left top no-repeat;}
ol.contents li.btnRecruitment ul li a
{
	height: auto;
	color: #4a2c19;
	background: url(/media/sf/subnav/li-recruitment.gif) left top no-repeat;
}
ol.contents li.btnRecruitment ul li a.on
{
	font-weight: bold;
	color: #cb7b2d;
}

ol.contents li.btnTraining a{width: 638px; height: 60px;}
ol.contents li.btnTraining a{background: url(/media/sf/subnav/btn-training-lrg.gif) left top no-repeat;}
ol.contents li.btnTraining ul li a
{
	height: auto;
	color: #4a2c19;
	background: url(/media/sf/subnav/li-training.gif) left top no-repeat;
}
ol.contents li.btnTraining ul li a.on
{
	font-weight: bold;
	color: #705daf;
}

ol.contents li.btnWorkplaceCoaching a{width: 638px; height: 60px;}
ol.contents li.btnWorkplaceCoaching a{background: url(/media/sf/subnav/btn-coaching-lrg.gif) left top no-repeat;}
ol.contents li.btnWorkplaceCoaching ul li a
{
	height: auto;
	color: #4a2c19;
	background: url(/media/sf/subnav/li-coaching.gif) left top no-repeat;
}
ol.contents li.btnWorkplaceCoaching ul li a.on
{
	font-weight: bold;
	color: #5a8ca5;
}

ol.contents li.btnAppendices a{width: 638px; height: 60px;}
ol.contents li.btnAppendices a{background: url(/media/sf/subnav/btn-appendices-lrg.gif) left top no-repeat;}
ol.contents li.btnAppendices ul li a
{
	height: auto;
	color: #4a2c19;
	background: url(/media/sf/subnav/li-appendices.gif) left top no-repeat;
}
ol.contents li.btnAppendices ul li a.on
{
	font-weight: bold;
	color: #b25c76;
}


/* Titles */
h3.ttlContents
{
	float: left;
	width: 218px;
	height: 10px;
	background: url(/media/sf/ttl-contents.gif) left top no-repeat;
	text-indent: -9999px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: solid 3px #908271;
}
h3.ttlResources
{
	float: left;
	width: 218px;
	height: 10px;
	background: url(/media/sf/ttl-resources.gif) left top no-repeat;
	text-indent: -9999px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 2px 0px;
	border-bottom: solid 3px #908271;
}
h3.ttlFrameworkOutline
{
	float: left;
	width: 218px;
	height: 10px;
	background: url(/media/sf/ttl-frameworkoutline.gif) left top no-repeat;
	text-indent: -9999px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 2px 0px;
	border-bottom: solid 3px #908271;
}

/* Content */
.section
{
	float: left;
}
.left
{		
	width: 218px;
	padding: 15px 0px 20px 0px;
}
.left ul
{
	margin-left: 15px;
}
.left h4
{
	float: left;
	width: 218px;
	margin: 10px 0px 10px 0px;
	font-size: 1.2em;
	line-height: 1.2em;
}
.left h4 a
{
	color: #736554;
	font-weight: bold;
}
.left .downloadTemplate
{
	float: left;
	width: 183px;
	margin: 10px 0px 0px 0px;
	padding: 2px 0px 0px 35px;
	background: url(/media/sf/bg-word.gif) left top no-repeat;
}
.left .downloadTemplate a
{
	float: left;
	width: 180px;
	border-bottom: dotted 1px #bfafa0;
	border-top: dotted 1px #bfafa0;
	padding: 5px 0px 5px 0px;
	background: url(/media/sf/li-redarrow.gif) 120px center no-repeat;
}

.right
{		
	width: 632px;
	padding: 10px 0px 20px 25px;
}
.right ul.contentList
{
	margin-left: 15px;
}
.right div.ttl
{
	float: left;
	width: 632px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: solid 3px #908271;
}
.right div.ttl h1, .right div.ttl object
{
	float: left;
	width: 450px;
	color: #d63347;
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight: bold;
}
.right div.ttl p
{
	float: right;
	width: 125px;
	padding: 5px 0px 0px 0px;
}
.right div.ttl a.ttlPrintThisPage
{
	display: block;
	width: 125px;
	height: 13px;
	background: url(/media/sf/btn-printthispage-off.gif) left top no-repeat;
	text-indent: -9999px;
}
.right div.ttl a.ttlPrintThisPage:hover
{
	background: url(/media/sf/btn-printthispage-on.gif) left top no-repeat;
}

p.circleOfSkill
{
	float: right;
	margin: -65px 0px 0px 20px;
}
.onlineDocuments
{
	float: left;
	background: url(/media/sf/bg-box-onlinedocuments.gif) left top repeat-y;
	margin: 0px 0px 0px -10px;
}
.onlineDocuments .top
{
	float: left;
	background: url(/media/sf/bg-box-onlinedocuments-top.gif) left top no-repeat;
	padding: 70px 0px 0px 0px;
}
.onlineDocuments .btm
{
	float: left;
	width: 536px;
	background: url(/media/sf/bg-box-onlinedocuments-btm.gif) left bottom no-repeat;
	padding: 0px 20px 10px 90px;
}
.onlineDocuments p
{
	padding-bottom: 5px;
}

/* Previous / Next buttons */
.pagination
{
	float: left;
	width: 632px;		
	background: #695948;
	margin: 10px 0px 0px 0px;
}
.pagination a.prevous
{
	float: left;
}
.pagination a.next
{	
	float: right;
}
.pagination a img
{
	float: left;
}

/* Footer */
.footer
{
	float: left;	
	width: 100%;
	background: #cd003a;
	padding: 7px 0px 8px 0px;
}
.footer p
{
	font-size: 1.0em;
	color: #fff;
}
.footer p a
{
	color: #fff;
}
.footer p.footerLeft
{
	float: left;
	width: 500px;
}
.footer p.footerRight
{	
	float: right;
	text-align: right;
	width: 360px;
}