@charset "utf-8";
/* CSS Document */

/* If needed - to force vertical scroll bar in all browsers to avoid horizontal page jump between long and short pages */
/*
html { 
	min-height: 100%;
	margin-bottom: 1px;
 }
*/

/* General */
* { margin: 0; padding: 0; }
body { margin: 0; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; width: 980px; }
#flashBanner	 { }
img { border: 0; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.noBreak { white-space: nowrap; }
h2 { margin: 0; }
#logo { margin: 29px 0 0 0; }
#upper { width: 980px; border-top: 1px solid #ccc; }
#content { float: right; }
#contentHome { float: right; margin-top: -30px; }
#upperHome { width: 980px; border-top: 1px solid #ccc; }
#mainContent { float: left; width: 451px; padding: 0 0 20px 0; }
#secondaryContent { float: left; width: 277px; }
#mainContent p { margin: 13px 17px 0 0; font-size: 1.3em; color: #666; }
#mainContent p.tight { margin: 6px 17px 0 0; }
#mainContent p.noTop { margin: 0 17px 0 0; }
.secondaryContentBackground { background: url(../images/bgSecondColumn.gif) 0 0 repeat-y #fff; }
.secondaryContentBackground2 { background: url(../images/bgSecondColumn2.gif) 0 0 repeat-y #fff; }
.secondaryContentBackground3 { background: url(../images/bgSecondColumn3.gif) 0 0 repeat-y #fff; }
.secondaryContentBackground4 { background: url(../images/bgSecondColumn4.gif) 0 0 repeat-y #fff; }
.secondaryContentBackground5 { background: url(../images/bgSecondColumn5.gif) 0 0 repeat-y #fff; }
.secondaryContentBackground6 { background: url(../images/bgSecondColumn6.gif) 0 0 repeat-y #fff; }
.secondaryContentBackground7 { background: url(../images/bgSecondColumn7.gif) 0 0 repeat-y #fff; }
.secondaryContentBackground8 { background: url(../images/bgSecondColumn8.gif) 0 0 repeat-y #fff; }
hr { margin: 25px 14px 0 0; border: 0; height: 1px; color: #666; background: #666; clear: both; }
h1 { padding: 30px 0 15px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; vertical-align: top; font-size: 2.7em; font-weight: normal; line-height: 1em; }
/* End General */

/* Nav */
#nav, #contactNav { width: 230px; list-style: none; margin: 0; padding: 0; }
#contactNav { width: 190px; }
#walesCouncil{padding-left:30px;padding-top:30px;padding-bottom:30px;}
#walesCouncil img{float:left;}
ul#nav { margin-left: 16px; padding-top: 30px; }
#nav li { font-family: "Trebuchet MS", Arial, Verdana, sans-serif; padding-bottom: 4px; }
#nav li ul{ list-style: none;margin-left:16px;}
#nav li ul li{ font-family: "Trebuchet MS", Arial, Verdana, sans-serif;font-size:0.9em; }
#nav a { padding-left: 14px; }
#nav #outsmart{font-family: "Trebuchet MS", Arial, Verdana, sans-serif;padding:10px 10px 10px 15px;font-size:1.1em;width:140px;line-height:1.6em;background: url(../images/navArrowLilac.gif) 100% 28% no-repeat; }
#nav #outsmart a{color:#716fb3;padding:0px;}
/* Navigation Roll-overs */
a.navGrey:hover { background: url(../images/navArrowGrey.gif) 0px 50% no-repeat; }
a.navLightGreen:hover { background: url(../images/navArrowLightGreen.gif) 0px 50% no-repeat; }
a.navLilac:hover { background: url(../images/navArrowLilac.gif) 0px 50% no-repeat; }
a.navLightBlue:hover { background: url(../images/navArrowLightBlue.gif) 0px 50% no-repeat; }
a.navPink:hover { background: url(../images/navArrowPink.gif) 0px 50% no-repeat; }
a.navDarkGreen:hover { background: url(../images/navArrowDarkGreen.gif) 0px 50% no-repeat; }
a.navRed:hover { background: url(../images/navArrowRed.gif) 0px 50% no-repeat; }
a.navOrange:hover { background: url(../images/navArrowOrange.gif) 0px 50% no-repeat; }
/* Active Versions */
#active .navGrey { background: url(../images/navArrowGrey.gif) 0px 50% no-repeat; }
#active .navLightGreen { background: url(../images/navArrowLightGreen.gif) 0px 50% no-repeat; }
#active .navLilac { background: url(../images/navArrowLilac.gif) 0px 50% no-repeat; }
#active .navLightBlue { background: url(../images/navArrowLightBlue.gif) 0px 50% no-repeat; }
#active .navPink { background: url(../images/navArrowPink.gif) 0px 50% no-repeat; }
#active .navDarkGreen { background: url(../images/navArrowDarkGreen.gif) 0px 50% no-repeat; }
#active .navRed { background: url(../images/navArrowRed.gif) 0px 50% no-repeat; }
#active .navOrange { background: url(../images/navArrowOrange.gif) 0px 50% no-repeat; }
#active ul li .navGrey { background: none; }
#active ul li .navLightGreen { background: none; }
#active ul li .navLilac { background: none; }
#active ul li .navLightBlue { background: none; }
#active ul li .navPink { background: none; }
#active ul li .navDarkGreen { background: none; }
#active ul li .navRed { background: none; }
#active ul li .navOrange { background: none; }
a.rightArrow { padding-right: 14px; background: url(../images/navArrowRed.gif) 100% 50% no-repeat; }
#nav li a { font-size: 1.6em; font-weight: normal; color: #757575; text-decoration: none; display: block; }
#contactNav li a { color: #e5294c; text-decoration: none; }
#contactNav { margin: 28px 0 0 30px; color: #e5294c; font-size: 1.6em; font-weight: normal; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; }
li.phoneNo { font-size: 1.6em; }
#inPageNav { list-style: none; padding: 18px 0 5px 0; margin: 0; }
#inPageNav li { margin: 0 0 7px 0; }
#inPageNav li a { font-size: 1.3em; text-decoration: none; 	padding: 0 20px 0 0; }
#inPageNav li a:hover { text-decoration: underline; }
/* End Nav */
/* Footer */
#socialBookMarks { clear: both; margin: -30px 0 0 29px; padding: 0; width: 5em; }
/* End Footer */

/* Home */
#home h1 { margin: 29px 0 0 0; }
#banners { padding: 28px 0 0 0; width: 728px; }
.banner { float: left; }
.banner p { color: #666; font-size: 1.2em; }
.banner h2 { font-size: 1.2em; }
.banner_link { font-size: 12px; }
#recessionRedux { 	width: 176px; background: url(../images/bgBannerRedux.gif) 100% 0 no-repeat #fff; }
#recessionRedux h2 a{ color: #000; }
#recessionRedux h2, #recessionRedux p { margin: 0 10px 0 12px; }
#map { width: 175px; background: url(../images/bgBannerMap.gif) 100% 0 no-repeat #fff; }
#map h2 { padding: 0 0 0 14px; }
#map h2 a { color: #716eb3; text-decoration: none; display: block; width: 160px; padding: 0 0 130px 0; }
#latestPosts { width: 173px; 	background: url(../images/bgBannerLatestPosts.jpg) 100% 0 no-repeat #fff; padding-bottom: 20px; }
#latestPosts h2 a{ color: #00b1ea; margin: 0 0 0 11px; }
#latestPosts p { margin: 0 0 6px 11px; }
#courses { width: 204px; }
#courses h2 a{ color: #e4028c; }
#courses h2, #courses p { margin: 0px 10px 0 14px; }
#courses ul { margin: 0 10px 0 14px; font-size: 1.3em; list-style: none; }
#courses ul li { margin: 7px 0 0px 0; }

/* End Home */

/* Wales Homepage*/
#freeCpdCourse{ width: 175px;height:200px;background: url(../images/bgBannerFreeCpdCourse.gif) 100% 0 no-repeat #fff;}
#freeCpdCourse h2 { padding: 0 0 0 14px; }
#freeCpdCourse h2 a { color: #716eb3; display: block; width: 160px; padding: 0 0 0px 0; }
#freeCpdCourse p{ padding: 0px 0 0 14px;width:150px;}
#partnerLinks { 	width: 176px; background: url(../images/bgBannerRedux.gif) 100% 0 no-repeat #fff;height:200px; }
#partnerLinks h2 a{ color: #e4028c; }
#partnerLinks h2, #partnerLinks p { margin: 0 10px 0 12px; }

/*Wales End Home */

/* Courses */
#coursePage #mainContent h2 { font-size: 1.6em; color: #e3294a; margin: 20px 5px 0 0; }
#coursePage h1 { color: #e3294a; }
#coursePage #mainContent { background: url(../images/h1BgRed.gif) 100% 0 no-repeat; }
#coursePage #mainContent p a { color: #e3294a; }
#coursePage #mainContent a { color: #e3294a; }
.courses .courseTitle h2 { padding-top: 0; margin-top: 0; }
.courseTitle a { font-size: 0.8em; }
#coursePage h3 { font-size: 1.3em; color: #e3294a; margin: 18px 0 0 0; }
#coursePage #eligibilityList{padding: 10px 20px 5px 0; margin-left:15px;font-size: 1.2em; color: #666;}
#coursePage #eligibilityList li{ font-size: 1.1em; color: #666;}
/* End Courses */

/*CPD Application */
#cpdApplicationWales h1 { color: #e3294a; }
#cpdApplicationWales #mainContent { background: url(../images/h1BgRed.gif) 100% 0 no-repeat; }
#cpdApplicationWales .text{width:150px;}
#cpdApplicationWales .radio{margin-right:10px;}
#cpdApplicationWales label{margin-right:10px;}
#cpdApplicationWales .select{margin-right:5px;}
#cpdApplicationWales .cpdForm tr{height:20px;}
#cpdApplicationWales .cpdForm th,td{text-align:left;margin:10px;padding-top:10px;padding-bottom:10px;}
#cpdApplicationWales .alertHeader{font-weight:bold;font-size:1.2em;color:#FF0000;}
#cpdApplicationWales #errors li{padding:1px;color:#FF0000;}
#cpdApplicationWales .button {border: 1px solid #006;background: #ccc;padding:2px 10px 2px 10px;}
#cpdApplicationWales .button:hover {border: 1px solid #f00;background: #ccc;padding:2px 10px 2px 10px;}

/* Funding */
#funding h2 { font-size: 1.6em; color: #e95420; font-weight: bold; margin: 25px 13px 0 0; }
#funding p.link a { color: #e95420; text-decoration: underline; }
#funding p.link a:hover { text-decoration: none; }
#funding h1 { color: #e95420; }
#funding #mainContent { background: url(../images/h1BgOrange.gif) 100% 0 no-repeat; }
/* End Funding */

/* Related Links */
#relatedLinks h2 { font-size: 1.6em; color: #e6048c; font-weight: bold; margin: 25px 13px 0 0; }
#relatedLinks p.link a { color: #e6048c; font-weight: bold; padding: 0 20px 0 0; text-decoration: none;}/*word-wrap: break-word;*/
#relatedLinks p.link a:hover { text-decoration: underline; }
#relatedLinks h1 { color: #e6048c; }
#relatedLinks #mainContent { background: url(../images/h1BgPink.gif) 100% 0 no-repeat; }
#relatedLinks #lifelongList{ padding: 10px 0 5px 0; margin: 0;font-size: 1.2em; color: #666;list-style:disc inside}
#relatedLinks #lifelongList li{ font-size: 1.1em; color: #666;}
#relatedLinks #lifelongList ul {padding-left:10px;}
#relatedLinks #lifelongList ul li{font-size: 1em;}
/* End Related Links */

/* Boxes */
.box { width: 204px; float: left; margin: 15px 15px 0 0; }
.boxWide { width: 422px; }
.boxNarrow { width: 175px; }
.box h2 { color: #fff; font-size: 1.4em; padding: 5px; }
.box h2 a { color: #fff; text-decoration: none; }
.box h2 a:hover { text-decoration: underline; }
.boxContent { border-right: 1px solid; border-bottom: 1px solid; border-left: 1px solid; min-height: 100px; }
.boxWide .boxContent { min-height: 10px; }
#mainContent .boxContent p { font-size: 1.3em; margin: 0; color: #666; padding: 5px; }
#box1 h2 { background: url(../images/box1top.gif) no-repeat #716fb3; }
#box1 .boxContent { border-color: #716fb3; }
#box2 h2 { background: url(../images/box2top.gif) no-repeat #e4028c; }
#box2 .boxContent { border-color: #e4028c; }
#box3 h2 { background: url(../images/box3top.gif) no-repeat #00b1ea; }
#box3 .boxContent { border-color: #00b1ea; }
#box4 h2 { background: url(../images/box4top.gif) no-repeat #e3294a; }
#box4 .boxContent { border-color: #e3294a; }
#box5 h2 { background: url(../images/box5top.gif) no-repeat #3f6766; }
#box5 .boxContent { border-color: #3f6766; }
/* End boxes */

/* yourRegion */
#interactiveMap { margin: 42px 0 0 135px; background: url(../images/map0.gif) no-repeat #fff; }
#yourRegion h1 { color: #00b1ea; }
#yourRegion #mainContent { background: url(../images/h1BgBlue.gif) 100% -1px no-repeat; }
#yourRegion h2 { font-size: 1.6em; color: #00b1ea; margin: 18px 13px 8px 0; }
#yourRegion #mainContent { position: relative; }
#mapControls { position: absolute; left: 0px; }
.regionInfo { display: none; }
/* map box */
.box6 { float: none; }
.box6 .boxContent { border-color: #00b1ea; }
#yourRegion .box h2 { color: #fff; font-size: 1.4em; padding: 5px; margin: 0; background: url(../images/box6top.gif) no-repeat #00b1ea; }
#yourRegion h3 { color: #00b1ea; font-size: 1.3em; margin: 15px 0 0 0; }
#yourRegion ul.regionList { font-size: 1.3em; margin: 0; color: #666; padding: 5px 0 0 0; width: 150px; list-style: none; }
#yourRegion p.link a { color: #00b1ea; font-weight: bold; padding: 0 20px 0 0; text-decoration: none; }
#yourRegion p.link .arrow-blue { width: 16px; display: inline; background: url(../images/iconArrow5.gif) 0% 50% no-repeat; padding: 0; margin-left: -15px; }
#yourRegion p.link a:hover { text-decoration: underline; }
/* End yourRegion */

/* Skills */
#skills h2, #skills h3 { color: #716fb3; }
#skills h1 { 	color: #716fb3; }
#skills #mainContent { background: url(../images/h1BgLavender.gif) 100% -1px no-repeat; }
#skills h2 { font-size: 2.2em; font-weight: normal; margin: 13px 13px 0 0; }
#skills h3 { font-size: 1.6em; margin: 18px 0 0 0; }
#skills h3 a { color: #716fb3; text-decoration: none; padding: 0 20px 0 0; background: url(../images/iconArrow1.gif) 100% 50% no-repeat; }
#skills h3 a:hover { text-decoration: underline; }
#skills #mainContent p.tight { margin-top: 4px; }
/* End Skills */

/* Growth */
#growth h2 { font-size: 2.2em; color: #e4028c; font-weight: normal; margin: 13px 13px 0 0; }
#growth h1 { color: #e4028c; }
#growth #mainContent { background: url(../images/h1BgPink.gif) 100% 0 no-repeat; }
.factImage { float: left; 	margin: 20px 5px 10px 0; }
.box7 { width: 422px; background: url(../images/box7top.gif) no-repeat #fff; margin: 25px 0; }
.box7bottom { background: url(../images/box7bottom.gif) no-repeat #fff; height: 15px; }
#growth .box7 h2 { font-size: 1.6em; margin: 0; padding: 12px 0 6px 12px; }
#growth .box7 p { margin: 0 97px 6px 12px; }
#growth p.link a { color: #e4028c; text-decoration: none; padding: 0 20px 0 0; font-weight: bold; }
/* fudge - when the text wraps */
.arrow { width: 16px; display: inline; background: url(../images/iconArrow2.gif) 0% 50% no-repeat; padding: 0; margin-left: -15px; }
#growth p.link a:hover { text-decoration: underline; }
#growth h3{font-size: 1.6em; color: #E4028C; margin: 25px 13px 0 0;}
#growth #creative-industries{ padding: 10px 0 5px 0; margin: 0;font-size: 1.2em; color: #666;list-style:disc inside}
#growth #creative-industries li{ font-size: 1.1em; color: #666;}
/* End Growth */

/* Case Studies */
#caseStudy #mainContent p.quote { font-size: 2.2em; color: #a2b52d; margin: 13px 13px 13px 0; }
#caseStudy h1 { color: #a2b52d; }
#caseStudy #mainContent { background: url(../images/h1BgLightGreen.gif) 100% -1px no-repeat; }
#caseStudy #mainContent h2 { font-size: 1.6em; color: #666; }
#caseStudy #mainContent h3, #caseStudy #mainContent h2.caseNav { font-size: 1.3em; margin-top: 14px; color: #666; }
#caseStudy #mainContent h2.caseNav a { color: #a2b52d; text-decoration: none; padding: 0 20px 0 0; background: url(../images/iconArrow3.gif) 100% 50% no-repeat; }
#caseStudy #mainContent h2.caseNav a:hover { text-decoration: underline; }
#caseStudy hr { margin-top: 16px; }
/* End Case Studies */

/* Personal Action Plan */
#pap h1 { color: #a2b52d; }
#pap #mainContent { background: url(../images/h1BgLightGreen.gif) 100% -1px no-repeat; }
/* Personal Action Plan */

/* CV */
#cvHelp h1 { color: #3f6766;}
#cvHelp #mainContent { background: url(../images/h1BgDarkGreen.gif) 100% -1px no-repeat; }
#cvHelp #mainContent h2 { font-size: 2.2em; font-weight: normal; margin: 13px 13px 0 0; color: #3f6766; }
#cvHelp h3 { font-size: 1.6em; margin: 18px 0 0 0; }
#cvHelp h3 a { color: #3f6766; text-decoration: none; padding: 0 20px 0 0; background: url(../images/iconArrow4.gif) 100% 50% no-repeat; }
#cvHelp h3 a:hover { text-decoration: underline; }
#cvHelp #images { margin: 30px 0 0 0; }
/* End CV */


/* update skills */
#updateSkills h1 { color: #00b1ea; }
#updateSkills #mainContent { background: url(../images/h1BgBlue.gif) 100% -1px no-repeat; }
#updateSkills h2 { font-size: 2.2em; color: #00b1ea; font-weight: normal; margin: 13px 13px 0 0; }
#updateSkills #mainContent p a { color: #00b1ea; }
#updateSkills #inPageNav { background: url(../images/bgUpdateSkills.jpg) 100% 5px no-repeat; }
#updateSkills #inPageNav li a { color: #00b1ea; background: url(../images/iconArrow5.gif) 100% 50% no-repeat; }
#updateSkills h3 { font-size: 1.3em; margin: 18px 0 0 0; }
#updateSkills h3 a { color: #00b1ea; text-decoration: none; padding: 0 20px 0 0; background: url(../images/iconArrow5.gif) 100% 50% no-repeat; }
#updateSkills h3 a:hover { text-decoration: underline; }
#updateSkills p.link a { color: #00b1ea; text-decoration: none; padding: 0 20px 0 0; background: url(../images/iconArrow5.gif) 100% 50% no-repeat; font-weight: bold; }
#updateSkills p.link a:hover { text-decoration: underline; }


/* update skills on Wales*/
#inPageNavWales { list-style: none; padding: 18px 0 5px 0; margin: 0; }
/*#updateSkills #inPageNavWales { background: url(../images/bgUpdateSkills.jpg) 100% 35px no-repeat; }*/
#inPageNavWales li { margin: 0 0 7px 0; }
#inPageNavWales li a { font-size: 1.3em; text-decoration: none; 	padding: 0 20px 0 0; }
#inPageNavWales li a:hover { text-decoration: underline; }
#updateSkills #inPageNavWales li a { color: #00b1ea; background: url(../images/iconArrow5.gif) 100% 50% no-repeat; }

/* End update skills */

/* Redundancy */
#redundancy #soundbites { float: left; width: 220px; border-right: 1px solid #666; margin: 25px 0; }
#redundancy h1 { color: #e3294a; }
#redundancy #mainContent { background: url(../images/h1BgRed.gif) 100% -1px no-repeat; }
#redundancy #soundbites p em { color: #e3294a; font-weight: bold; font-style: italic; }
#calcButton { margin: 25px 0 0 0; }
#redundancy hr { margin-top: 0; }
#redundancy h2 { font-size: 2.2em; color: #e3294a; font-weight: normal; margin: 25px 13px 0 0; }
#redundancy h3 { font-size: 1.6em; color: #e3294a; margin: 25px 13px 0 0; }
#redundancy h3.tight { margin: 8px 13px 0 0; }
#redundancy #mainContent ul { padding: 0 0 0 19px; font-size: 1.3em; color: #666; }
#redundancy #mainContent ul li { margin: 6px 0 0 0; }
#redundancy p.link a { color: #e3294a; text-decoration: none; padding: 0 14px 0 0; background: url(../images/iconArrow6.gif) 100% 50% no-repeat; font-weight: bold; }
#redundancy p.link a:hover { text-decoration: underline; }
/* End Redundancy */

/* Qualification level Guide */
#qualLevel { color: #e3294a; font-size: 2.2em; padding: 0; }
/* End Qualification level Guide */

/* Back to top links */
#mainContent p#backToTop { margin-top: 25px; }
#mainContent p#backToTop a { color: #666; text-decoration: none; }
#mainContent p#backToTop a:hover { 	text-decoration: underline; }
/* End back to top links */

.bar	 { border-bottom: 1px solid #ccc; width: 100%; }

/* Redux */
#iFrameHolder { padding-top: 30px; }
#redux #nav { width: 200px; } 
/* End Redux */

/* Guidelines */
#GuidelinesOuter h1 { padding: 2px 0 15px; margin: 0; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; vertical-align: top; font-size: 3.4em; font-weight: normal; line-height: 1em; }
#GuidelinesOuter h2 { padding: 0 0 10px; margin: 0; font-family: Arial, Helvetica, sans-serif; vertical-align: top; font-size: 2.2em; font-weight: normal; line-height: 1em; }
#GuidelinesOuter { margin-top: 28px; width: 728px; }
#GuideLinesNavigation { width: 157px; margin-top: 10px; height: 100%; float: left; color: #424242; padding-left: 28px; font-size: 1.5em; position: relative; top: auto; }
#GuideLinesNavigation p { padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; margin: 0; }
#GuideLinesMain { float: left; color: #424242; width: 515px; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
ul.GuidelinesList { margin: 0; padding: 0 0 10px 20px; font-size: 1.2em; }
ul.GuidelinesSubList { margin: 0; padding: 0 0 0 20px; font-size: 1.0em; }

/* Floating Guidelines Menu */
#floatMenu { position: absolute; top: 80px; left: 790px; margin-left: 0px; width: 180px; }
#floatMenu ul { margin-bottom: 20px; list-style-type: none; font-size: 1.2em; }
#floatMenu ul li a { display: block; color: #424242; padding: 5px 5px 5px 25px; }
floatMenu ul li a:hover { text-decoration: none; }
#box{padding-bottom:60px;}