body 		{margin:0; padding:0; background-color:#fff; color:#333; font-family:Arial, sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:18px; text-align:center;}

div			{text-align:left;}

p			{margin:0 0 12px; color:#444;}
ul, ol, li	{margin:0; padding:0; list-style:none;}
.main ul, .main ol, .main li { list-style:disc; margin-left:16px; }
.main ul, .main ol { margin-bottom:10px; }

a			{text-decoration:none; color:#00488b;}
a:hover		{text-decoration:underline;}
a.pdf		{display:block; background:url("../i/pdf_icon.gif") left no-repeat; padding-left:20px; }

h1			{font-size:1.4em; font-weight:normal; margin:14px 0 16px;}
h2			{font-size:1.2em; font-weight:normal; margin-top:14px; text-transform:uppercase;}
h3			{font-size:1.1em; font-weight:bold; margin:0px 0px 6px;}
h4			{}
h5			{}
h6			{}

hr			{border:0; border-top:1px solid #e5e5e5; height:1px; margin:12px 0;}

img			{border:0;}

table 		{border-collapse:collapse; border-spacing:0;}
td			{padding:0;}
th label	{width:135px; display:block;}



/* Utility classes */

.clear		{clear:both;}
.remove		{border:0 !important; background:none !important;}
.right 		{float:right;}

.tabs a.grey		{color:#ccc;}

.textbox	{width:234px; border:1px solid #76addb; padding:3px;}
.selectbox	{width:242px; padding:1px;}



/* page wrapper */

#header-wrapper			{width:100%; background:#3d3d3d url(../i/bg-header.gif) 0 0 repeat-x; text-align:center; height:21px;}

.header					{width:980px; margin:0 auto;}
.header ul				{text-align:right; padding-top:0px;}
.header ul li			{display:inline; text-transform:uppercase; font-size:0.87em; border-left:1px solid #7a7a7a; padding:0 5px 0 7px; color:#999;}
.header ul li a			{color:#ccc;}
.header ul li a.sml		{font-size:0.83em;}
.header ul li a.reg		{font-size:1.08em;}
.header ul li a.lrg		{font-size:1.33em;}




/* page wrapper */

#page-wrapper			{width:946px; margin:0 auto;}




/* masthead */

.masthead				{width:958px; background:none;}
.masthead img			{float:left; position:relative; left:-8px;}

.home					{height:258px; background:url(../i/bg-masthead.jpg) 100% 0 no-repeat;}
.home h1				{clear:both; background:url(../i/bg-masthead-copy.gif) 0 0 no-repeat; text-indent:-9999em; width:400px; height:85px; overflow:hidden; margin:0 0 10px;}
.home p					{margin:-6px 12px 0; font-weight:bold;}
.home ul				{float:left; margin-top:15px; margin-left:12px;}
.home ul li				{float:left; margin-left:12px; padding:6px 12px; background:url(../i/bg-tab.gif) 0 0 repeat-x;}
.home ul li a			{text-transform:uppercase; font-weight:bold; color:#fff;}
.home ul li.register a	{color:#ccc;}

.section-tab			{float:right;}
.section-tab li			{float:left; padding:6px 12px; width:157px; margin-left:12px; text-transform:uppercase; font-size:1.4em; background:url(../i/bg-section-tab.gif) 0 0 repeat-x;}
.section-tab li a		{color:#fff;}
.section-tab .home-tab	{background:url(../i/bg-section-tab-home.gif) 0 0 repeat-x;}

.nav					{float:left; width:736px; background-color:#f2f2f2; padding:7px 12px 9px; margin-left:12px; height:18px; overflow:hidden; margin-top:32px;}
.nav ul					{float:left;}
.nav ul li				{float:left; margin-right:24px;}
.nav ul li a			{font-weight:bold; color:#333;}




/* gateway */

#gateway				{float:left; min-height:224px; width:934px; padding:12px 12px 12px 0; background:#1964a1 url(../i/bg-gateway.gif) 0 0 repeat-x; position:relative; margin-left:12px;}
#gateway .panel			{float:left; min-height:212px; width:151px; padding:12px; margin-left:12px; background:#145589 url(../i/bg-gateway-panel.png) 0 0 repeat;position:relative;z-index:1;}
#gateway .panel	h2 a	{font-weight:normal; }
#gateway .gateway-nav	{float:left; width:173px; margin-left:12px;}
#gateway .gateway-nav li	{background:url(../i/bg-gateway-panel.png) 0 0 repeat-x; margin-bottom:2px; padding:4px 12px;}
#gateway h2				{color:#fff; text-transform:uppercase; font-weight:lighter; margin:-2px 0;}
#gateway p				{margin:6px 0; color:#b1cee5; line-height:16px;}
#gateway a				{color:#fff; font-weight:bold;}

.strap					{position:absolute; bottom:-183px; right:0; z-index:0;}

#gateway				{*height:224px;}
#gateway .panel			{*height:212px;}





/* breadcrumb */

.breadcrumb				{clear:both; float:left; border-top:1px solid #e5e5e5; width:946px; margin:24px 0 24px 12px; font-size:0.9em; padding-top:9px;}
.breadcrumb ul			{float:left;}
.breadcrumb ul li		{float:left; padding-left:10px; margin-left:5px; background:url(../i/bg-breadcrumb.gif) 0 4px no-repeat;}
.breadcrumb ul .remove	{margin:0; padding:0;}




/* landing pages */

.landing-panel			{float:left; position:relative; border-top:1px solid #1964a1; width:722px; height:187px; padding:12px 12px 0;}
.landing-panel p		{width:340px; color:#fff;}

.landing-panel.employer p	{width:722px;}
.landing-panel.employer td	{padding:3px 4px 3px 0}
.landing-panel.employer label	{color:#fff;}

.learners .landing-panel	{background:url(../i/bg-lead-01.jpg) 100% 0 no-repeat;}
.staff .landing-panel		{background:url(../i/bg-lead-02.jpg) 100% 0 no-repeat;}
.stakeholders .landing-panel{background:url(../i/bg-lead-03.jpg) 100% 0 no-repeat;}
.employers .landing-panel	{background:url(../i/bg-lead-04.jpg) 100% 0 no-repeat;}

.landing-panel img		{position:absolute; top:0; right:0;}

.panel-wrapper					{position:relative; top:0; left:0; margin:12px 0 12px; padding:0; float:left;}
.panel-wrapper .tabs			{position:relative; top:0; left:0; z-index:200; float:left;}
.panel-wrapper ul.tabs			{ list-style:none; margin:0px; padding:0px; }
.panel-wrapper ul.tabs li			{float:left; margin-left:0px; margin-right:12px; padding:6px 12px; background:url(../i/bg-tab.gif) 0 0 repeat-x; list-style:none; }
.panel-wrapper .tabs li a		{text-transform:uppercase; font-weight:bold; color:#fff;}
.panel-wrapper .tabs li.new-tab a{color:#fc0;}
.panel-wrapper h2				{color:#fff; width:540px; position:absolute; bottom:8px; text-transform:none; font-size:1.7em; font-weight:normal; line-height:1.3em; margin-bottom:0;}

#existing-panel					{position:absolute; top:0; left:0; z-index:500;}
#existing-panel .landing-panel	{background:url(../i/bg-gateway-panel.gif) 0 0 repeat-x; height:187px;}
#existing-panel .tabs li.active	{background:#01447b; border-bottom:1px solid #01447b; margin-bottom:-1px;}
#new-panel						{position:absolute; top:0; left:0; z-index:500;}
#new-panel .landing-panel	{background:url(../i/bg-gateway-panel.gif) 0 0 repeat-x; height:187px;}
#new-panel .tabs li.active	{background:#01447b; border-bottom:1px solid #01447b; margin-bottom:-1px;}

.main .panel-nav		{border-top:1px solid #1964a1; width:176px; margin:0;}
.panel-nav li			{border-bottom:1px solid #1964a1; padding:5px 0; margin:0; list-style:none;}
.panel-nav li a			{color:#fff; font-weight:bold;}

.promo 					{position:relative; left:-12px; width:760px;}
.two-col				{float:left; width:343px; height:174px; padding:12px; margin-bottom:12px; margin-left:12px;}
.two-col p				{margin-bottom:10px; line-height:17px;}
.two-col a				{font-weight:bold;}
.promo-one				{background:#4c4c4c; color:#fff;}
.promo-one p			{color:#ccc;}
.promo-one a			{color:#fff;}
.promo-two				{background:#f2f2f2;}
.promo-two img			{margin-bottom:12px;}
.promo-three			{border-top:1px solid #ccc; height:130px;}
.promo-three			{border-bottom:1px solid #ccc; height:130px;}
.promo-three .img		{float:left; margin-right:12px; margin-top:12px;}
.promo-end				{border-top:1px solid #ccc; height:12px;}



/* content */

.content				{clear:both; float:left; margin-left:12px; width:946px;}
.content .home-two-col	{float:left; width:337px; margin-left:12px; padding-right:24px; padding-top:24px;}

.content .home-two-col h2	{margin-top:0;}

.main					{float:left; padding-left:20px; width:537px;}
.main h3				{font-size:1.1em; font-weight:bold; margin:0px 0px 6px 0px;}
.main table  			{margin-bottom:20px;}
.main table th, 
.main table td  		{padding:4px 4px 4px 0; }
.main table th 			{font-weight:normal; }

.landing				{width:748px;}

.news h3				{font-size:1.2em; margin-bottom:0;}
.news p					{margin-bottom:0;}
.news p	a				{color:#666; font-weight:normal;}
.news p a span			{color:#333; font-weight:bold;}
.news p.date			{text-transform:uppercase; color:#999; font-size:0.9em; margin:-1px 0 12px;}

.specificationTable		{width:537px;}

.required				{font-size:1.5em; color:#c00; font-family:georgia; display:inline-block; position:relative; top:5px;}


/* left-nav */

.left-nav				{width:176px; float:left;}

.left-nav h2			{font-size:1.5em; text-transform:uppercase; font-weight:normal; color:#00488b;}

.left-nav ul			{border-top:1px solid #f2f2f2; width:176px;}
.left-nav ul li			{border-bottom:1px solid #f2f2f2; padding:5px 0;}
.left-nav ul li.sub a	{padding-left:15px; font-weight:normal; }
.left-nav ul li a		{color:#666; font-weight:normal;}




/* sidebar */

.sidebar				{float:right; width:176px; padding-top:14px;}

.sidebar .get-acrobat	{color:#666; margin-bottom:24px;}
.sidebar .get-acrobat img	{margin-top:2px;}




/* footer */

#footer 				{margin-left:12px;}

#footer .sitemap		{float:left; width:922px; background-color:#e5e5e5; padding:24px 12px 12px; margin:24px 0 0;}
#footer .sitemap h4		{text-transform:uppercase; color:#fff; font-size:2em; font-weight:normal; margin:0 12px 12px;}
#footer .sitemap div	{float:left; width:172px; margin-left:12px; font-size:1em;}
#footer .sitemap ul		{margin-bottom:12px;}
#footer .sitemap a		{color:#666; font-weight:normal;}

#footer .footer			{float:left; width:946px; margin:12px 0; background-color:#333;}
#footer .footer	ul		{float:left; padding:12px; margin:0;}
#footer .footer ul li	{float:left; margin-left:5px; padding-left:5px; border-left:1px solid #999; text-transform:uppercase; font-size:0.9em;}
#footer .footer ul li a	{color:#ccc; font-weight:normal;}
#footer .footer div		{float:right; color:#ccc; font-size:0.9em; text-transform:uppercase; padding:12px;}