/* Purple (Nescot): #2c096a Orange (FE): #e36700 Red (HE): #c42323 Blue (ET): #009ed2 Green (CL): #7cc023 */ /********************************************************************/ /* Reset CSS */ /********************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0; font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} ol, ul {list-style-type: none;} /********************************************************************/ /* Generic tags */ /********************************************************************/ html { font-size:13px;} body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:85%; color:#343434; background:#ffffff; padding:0px 0px 0px 0px; } p { padding-bottom:15px;} #content p { line-height:1.5em;} abbr { text-decoration:none; border:none;} img {border:0px;} a { color:#343434; font-weight:normal; text-decoration:underline;} a:hover, a:focus { color:#2C096A;} .fl { float:left;} .fr { float:right;} .clear { clear:both; font-size:0px; line-height:0px; height:0px; overflow:hidden;} .skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;} strong { font-weight:bold;} legend { display:none;} em { font-style:italic;} blockquote { padding:0px 0px 0px 30px; line-height:1.5em; border-left:5px solid #2C096A; margin:0px 0px 15px 0px; color:#626262;} .textfield, select, textarea { font-size:1em; color:#818181; font-family:Verdana, Arial, Helvetica, sans-serif;} #content ul, #content ol { padding:0px 0px 10px 15px; margin:0px 0px 0px 0px;} #content ul li { padding:0px 0px 5px 15px; margin:0px 0px 0px 0px;} #content .pagecontent ul li { list-style:inside disc;} #content .courseContent ul { margin:0px 0px 0px 10px; padding-left:10px;} #content .courseContent ul li, #content .clientgroupInfo ul li { list-style:outside disc; padding-left:0px; line-height:1.4em;} #content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; list-style:decimal inside;} #content table { background:#E7E7E7; width:100%; text-align:left; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4;} #content table th, #content table td { padding:5px 5px 5px 5px; border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4;} #content table th { font-weight:bold; color:#5d5d5d;} #content table td { background:#ffffff; padding:7px 5px 7px 5px;} p.back { padding:5px 0px 0px 0px;} p.backbutton { padding:20px 0px 0px 0px;} /********************************************************************/ /* H tags */ /********************************************************************/ h1, h2, h3 { font-weight:normal;} h1 { font-size:1.4em; line-height:1em; position:relative; color:#ffffff; padding:5px 10px 6px 10px; width:700px; background:#2C096A; font-weight:normal; word-spacing:-0.1px; letter-spacing:-0.3px; margin:0px 0px 20px 0px;} h1 span { position:absolute; height:10px; width:10px; z-index:99; display:block; overflow:hidden; background-repeat:no-repeat; background-position:top left; } h1 .tl { background-image:url(/_images/titles/tl.png); top:0px; left:0px; } h1 .tr { background-image:url(/_images/titles/tr.png); top:0px; right:0px; } h1 .bl { background-image:url(/_images/titles/bl.png); bottom:0px; left:0px; } h1 .br { background-image:url(/_images/titles/br.png); bottom:0px; right:0px; } h2 { font-size:1.4em; color:#2C096A; padding:0px 0px 15px 0px; word-spacing:-0.5px; letter-spacing:-0.2px; } h3 { font-size:1.3em; padding:0px 0px 10px 0px; color:#2C096A; word-spacing:-0.5px; letter-spacing:-0.2px; } /********************************************************************/ /* Template tags */ /********************************************************************/ #container { width:980px; padding:0px 0px 0px 0px; margin-left:auto; margin-right:auto;} #headernav { float:left; padding:0px 11px 0px 0px; margin:12px 0px 0px 0px; width:969px;} #headernav li { line-height:1em; display:inline; float:right; padding:9px 0px 5px 15px; margin:0px 0px 0px 12px; font-family:Tahoma, Arial, Helvetica, sans-serif; background:url(/_images/bkg/topnavbg.gif) top left no-repeat;} #headernav li.first { background:none; margin-left:0px; padding-left:0px;} #headernav li a { font-weight:bold; color:#565656; text-decoration:none;} #headernav li a:hover, #headernav li a:focus { text-decoration:none; color:#522e91;} #header { float:left; width:980px; background:url(/_images/bkg/header.gif) top left no-repeat #522e91; margin:7px 0px 1px 0px; padding:0;} .branding { float:left; width:300px; height:84px; overflow:hidden; } .branding span { float:left; color:#FFFFFF; font-size:10px; padding:6px 0 0 31px; clear:left; width:300px; } .logo { float:left; margin:14px 0px 0px 16px; width:177px; height:43px; background:url(/_images/logos/nescot.gif) top left no-repeat; } .logo img { position:absolute; left:-9999px;} .telephoneNum { float:right; width:139px; height:17px; margin:15px 20px 0px 0px; display:inline;} #header form { clear:right; margin:13px 10px 0px 0px; display:inline; float:right; width:500px; background:url(/_images/bkg/searchbg.gif) top left no-repeat #EDEDED;} #header form p { float:left; padding:0px 0px 0px 16px; margin:0px 17px 0px 0px; width:40px; height:27px; background:url(/_images/titles/search.gif) 16px 0px no-repeat; text-indent:-9999px;} #header form div { float:left; padding:7px 14px 0px 0px;} #header form div input { float:left; height:13px; width:13px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px;} #header form div label { position:static; float:left; color:#343434; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #header form .textfield { border:1px solid #c5c5c5; color:#555555; width:157px; float:left; margin:5px 7px 0px 0px;} #header form label { float:left; position:absolute; left:-9999px;} #header form .formbutton { float:left; margin:4px 0px 0px 0px;} #contentContainer { float:left; width:731px; margin:0px 0px 20px 0px;} .pagecontent { padding:0px 10px;} /********************************************************************/ /* Forms */ /********************************************************************/ .pagecontent form { float:left; width:668px; border:1px solid #D5D5D5; padding:15px; background:url(/_images/bkg/formbg.gif) bottom left repeat-x #FFFFFF;} .pagecontent form fieldset { width:400px; margin:0px auto;} .pagecontent form p { color:#464646;} .pagecontent form p span { color:#563A88; } .pagecontent form label, .pagecontent form p.label, #content .applicationContainer fieldset.date p { float:left; width:170px; font-size:1em; margin:3px 0px 10px 0px; color:#563a88;} .pagecontent form .textfield, .pagecontent form select, .pagecontent form textarea { color:#565656; padding:2px 2px 2px 2px; margin:0px 0px 10px 0px; float:left; border:1px solid #bbb7b7; width:224px; } .pagecontent form .textfield {} .pagecontent form select { padding:1px 0px 1px 0px; width:230px;} .pagecontent form textarea { font-size:1em; height:90px;} .pagecontent form .formbutton { float:right;} .pagecontent form .singleLine { float:left; width:400px; margin:0px 0px 10px 0px;} .pagecontent form .singleLine input { float:left; height:13px; width:13px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .pagecontent form .singleLine label { width:370px; margin:0px 0px 0px 10px; display:inline;} .pagecontent form.contact { width:410px;} div.description { margin:0px 0px 18px 0px; background:url(/_images/bkg/horz-dash.gif) bottom left repeat-x;} .contactInformation { float:right; width:240px; padding:14px 0px 0px 0px;} .vcard .fn { font-weight:bold; } .vcard .adr { padding:0px 0px 10px 0px;} .vcard .tel span { position:absolute; left:-9999px;} .vcard .tel { padding:0px 0px 10px 0px;} #content .contact-us-links { float:right; width:240px; padding:0 0 0 0;} #content .contact-us-links li { padding-left:0px;} /********************************************************************/ /* Nav */ /********************************************************************/ #nav { float:left; width:731px; margin:0px 0px 1px 0px;} #nav li { float:left; display:inline;} #nav li a { float:left; height:40px; background-repeat:no-repeat; background-position:0px 0px;} #nav li a:hover, #nav li a:focus { background-position:0px -40px;} #nav li.aboutnescot a { background-image:url(/_images/nav/about-nescot.gif); width:103px;} #nav li.further a { background-image:url(/_images/nav/further-education.gif); width:146px;} #nav li.higher a { background-image:url(/_images/nav/higher-education.gif); width:156px; } #nav li.training a { background-image:url(/_images/nav/employers-training.gif); width:181px;} #nav li.life a { background-image:url(/_images/nav/collegelife.gif); width:145px; } #nav li span { position:absolute; left:-9999px;} /********************************************************************/ /* SubNav */ /********************************************************************/ ul.subNav { float:right; width:223px; padding:10px 0px 0px 0px; margin:0px 0px 20px 0px; background:url(/_images/bkg/subnavtop.gif) #F0F0F0 top left no-repeat; } ul.subNav li { padding:0px 15px 5px 15px; margin:0px 0px 4px 0px; line-height:1em; background:url(/_images/bkg/subnavdivider.gif) bottom center no-repeat;} ul.subNav li.last { background:url(/_images/bkg/subnavbottom.gif) bottom left no-repeat; padding-bottom:11px; margin:0px 0px 0px 0px; } ul.subNav li a { display:block; text-decoration:none; background:url(/_images/bullets/subnav.gif) 0px 4px no-repeat; padding:0px 0px 0px 12px;} ul.subNav li a:hover, ul.subNav li a:focus, ul.subNav li.selected a { text-decoration:none; color:#522E91; background-position:0px 4px; outline:none;} ul.subNav li.selected a { font-weight:bold;} ul.subNav li ul { padding:10px 0px 0px 0px; margin:0px 0px 0px 0px;} ul.subNav li ul li { background:none;} ul.subNav li ul li a, ul.subNav li.selected ul li a { color:#343434; font-weight:normal; } ul.subNav li ul li a:hover, ul.subNav li.selected ul li a:hover, ul.subNav li ul li a:focus, ul.subNav li.selected ul li a:focus { text-decoration:underline; outline:none;} ul.subNav li.selected ul li.selected a{ text-decoration:none; color:#522E91; padding-left:15px; background-position:5px 4px; outline:none;} /********************************************************************/ /* Banner */ /********************************************************************/ #banner, #banner li { float:left; width:731px; height:284px; margin:0px 0px 15px 0px; overflow:hidden; } #banner img, #banner li { float:left;} #banner li { margin:0 0 0 0; padding:0 0 0 0;} #content { float:left; width:731px; background:url(/_images/bkg/vert-dash.gif) top right repeat-y; margin:10px 0px 0px 0px;} #contentContainer .internal { padding:0px 10px 0px 0px; width:721px; margin:0px 0px 0px 0px;} /********************************************************************/ /* Home Content */ /********************************************************************/ #content .col1 { width:330px; float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 15px; display:inline;} #content .col1 h1 { float:none; width:329px; padding:0px 0px 20px 0px; background:none; margin:0px 0px 0px 0px;} #content .col1 p { padding:0px 8px 15px 17px;} #content .quickGuides { width:329px; margin:11px 0px 0px 0px; padding:10px 0px 0px 0px; background:url(/_images/bkg/quicktop.gif) top left no-repeat #DEDEDE;} #content .quickGuides h2 { text-indent:-9999px; height:13px; width:122px; background:url(/_images/titles/nescot-quick-guides.gif) 17px 0px no-repeat; padding:0px 0px 12px 17px; } #content .quickGuides ul { background:url(/_images/bkg/quickbottom.gif) bottom left no-repeat; padding:0px 0px 5px 0px; } #content .quickGuides ul li { padding:0px 0px 10px 35px; background:url(/_images/icons/defaultfiletype.gif) 18px 1px no-repeat; } #content .quickGuides ul li.pdf { background:url(/_images/icons/pdf.gif) 17px 1px no-repeat; } #content .quickGuides ul li.doc { background:url(/_images/icons/doc.gif) 17px 1px no-repeat; } #content .quickGuides ul li a { text-decoration:none; color:#343434; } #content .quickGuides ul li a:hover, #content .quickGuides ul li a:focus { text-decoration:underline; } #content .quickGuides ul li span { position:absolute; left:-9999px; } #content .col2 { padding:0px 0px 0px 23px; width:329px; float:right; margin:0px 15px 0px 0px; display:inline; background:url(/_images/bkg/vert-dash.gif) top left repeat-y; } #content .col2 h2 { padding:0px 0px 20px 0px;} #content .col2 h3 { padding:0px 0px 10px 0px; font-size:1em; font-weight:bold; color:#343434;} #content .col2 h3 a { font-weight:bold; text-decoration:none;} #content .col2 h3 a:hover { color:#551785; } #content .col2 ul.homeNews { padding:0px 0px 0px 0px; float:left; width:318px;} #content .col2 ul.homeNews li { float:left; width:308px; padding:0px 0px 15px 10px;} #content .col2 ul.homeNews li.last a { float:right; } #content .col2 ul.homeNews li.noImg h3, #content .col2 ul.homeNews li.noImg p { float:left; width:308px;} #content .col2 ul.homeNews li.older h3 { padding:0px 0px 0px 0px;} #content .col2 ul.homeNews li p { line-height:1.3em; padding:0px 0px 0px 0px;} #content .col2 ul.homeNews li p a { font-weight:bold;} #content .col2 ul.homeNews li p a:hover, #content .col2 ul.homeEvents li p a:hover { color:#551785;} #content .col2 ul.homeNews li img { float:left;} #content .col2 ul.homeNews li h3, #content .col2 ul.homeNews li p { float:right; width:195px; } #content .col2 ul.homeEvents { padding:0px 0px 0px 0px; float:left; width:318px;} #content .col2 ul.homeEvents li { float:left; width:318px; padding:0px 0px 15px 0px;} #content .col2 ul.homeEvents li.last { padding:0px 0px 0px 0px;} #content .col2 ul.homeEvents li.last a { float:right; } #content .col2 ul.homeEvents li h3 { padding:0px 0px 0px 0px;} #content .col2 ul.homeEvents li span { float:right; color:#551785; font-weight:bold;} #content .col2 ul.homeEvents li p { padding:0px 0px 0px 0px;} #content .col2 ul.homeEvents li p a { font-weight:bold;} /********************************************************************/ /* Sidebar */ /********************************************************************/ #sideCol { float:right; width:249px;} #sideCol h2.sideColHeader { float:left; width:223px; padding:0px 0px 0px 0px;} #sideCol h2.title { float:left; width:249px; padding:0 0 0 0; height:66px; font-size:1em; color:#FFFFFF; font-weight:normal; background:url(/_images/bkg/sidecol-header.gif) top left no-repeat #2c096a; } #sideCol h2.podtitle { float:left; width:209px; padding:11px 0 0 40px; height:22px; font-size:1em; color:#FFFFFF; font-weight:normal; background:url(/_images/bkg/sidecol-podheader.gif) top left no-repeat #2c096a; } #sideCol h2.title span { float:left; margin:41px 0 0 34px;} #sideCol .pod { float:right; width:223px; margin:0px 0px 25px 0px;} #sideCol .propectus a.requestProspectus { float:right; width:137px; height:123px; background:url(/_images/general/request-a-prospectus.gif) -1px 31px no-repeat; color:#FFFFFF;} #sideCol .propectus a.requestProspectus span { position:absolute; left:-9999px; } #sideCol .propectus a.prospectusCover { float:left; width:86px; height:123px; } #sideCol .departmentList, #sideCol .sidecourseList { float:right; width:223px; margin:0px 0px 20px 0px; padding-top:20px; background:#dddddd; min-height:239px; height:auto !important; height:239px;} #sideCol .departmentList ul, #sideCol .sidecourseList ul { float:left; width:223px; padding:0px 0px 0px 0px; line-height:1em;} #sideCol .departmentList ul li, #sideCol .sidecourseList ul li { float:left; width:193px; padding:0px 0px 8px 30px; line-height:1em; background:url(/_images/bullets/subnav.gif) 15px 4px no-repeat;} #sideCol .departmentList ul li a, #sideCol .sidecourseList ul li a { text-decoration:none; padding:0 15px 0 0;} #sideCol .departmentList ul li a:hover, #sideCol .departmentList ul li a:focus, #sideCol .sidecourseList ul li a:hover, #sideCol .sidecourseList ul li a:focus { text-decoration:underline; color:#5C5C5C; outline:none;} #sideCol .departmentList div, #sideCol .sidecourseList div {float:left; width:223px;} #sideCol .departmentList p, #sideCol .sidecourseList p {float:left; width:223px; padding:10px 0px 10px 0px;} #sideCol .departmentList a.expand, #sideCol .sidecourseList a.seeall { float:right; width:77px; height:23px; margin:0px 15px 0px 0px;} #sideCol .departmentList a.collapse { float:right; width:59px; height:23px; margin:0px 15px 0px 0px;} #sideCol .departmentList a span, #sideCol .sidecourseList a span { position:absolute; left:-9999px;} #sideCol .departmentList a:focus.expand, #sideCol .departmentList a:focus.collapse { outline:1px dotted #999999;} #sideCol .briefNews h2, #sideCol .briefEvents h2, div.pod h2 { font-size:1.3em;} #sideCol .briefNews h3, #sideCol .briefEvents h3 { padding:0px 0px 10px 0px; font-size:1em;} #sideCol .briefNews h3 a, #sideCol .briefEvents h3 a { font-weight:bold; text-decoration:none; color:#343434; } #sideCol .briefNews h3 a:hover, #sideCol .briefEvents h3 a:hover { text-decoration:underline; color:#343434; } #sideCol .briefNews p { padding:0px 0px 0px 0px; line-height:1.4em; } #sideCol .briefNews p a, #sideCol .briefEvents p a { font-weight:bold; } #sideCol .briefNews p a:hover { color:#DDDDDD; } #sideCol .briefNews p.readmore, #sideCol .briefEvents p.readmore { padding:0px 0px 15px 0px; } #sideCol .briefNews p.viewmore, #sideCol .briefEvents p.viewmore { text-align:right; } #sideCol .briefEvents h3 span { display:block; color:#999999;} #sideCol .briefEvents p { padding:0px 0px 0px 0px; } .coursepodtext { padding:0 0 10px 0;} .coursepodMore { text-align:right; padding:0 0 0 0;} .coursePodDetails { padding:0 0 10px 0;} .coursePodDetails dt { position:absolute; left:-9999px; } .coursePodDetails dd { color:#999999; display:inline; padding:0 10px 0 0; } /********************************************************************/ /* Further Education */ /********************************************************************/ .clientgroupInfo { float:left; width:420px;} .departmentInfo { padding:0px 12px 0px 0px; background:url(/_images/bkg/vert-dash.gif) top right repeat-y;} .clientgroupInfo .banner { margin:0px 0px 20px 0px; border-top:5px solid #2c096a; } .clientgroupInfo h1 { width:400px;} .clientgroupdescription { padding:0px 10px;} .clientgroupSideCol { float:right; width:279px; padding:20px 0px 0px 10px; background:url(/_images/bkg/vert-dash.gif) top left repeat-y;} .clientgroupSideCol form { float:left; width:279px; min-height:32px; height:auto !important; height:32px; margin:0px 0px 20px 0px;} .clientgroupSideCol form fieldset { float:left; width:264px; padding:6px 0px 0px 15px;} .clientgroupSideCol form label, .clientgroupSideCol form select { float:left;} .clientgroupSideCol form label { color:#FFFFFF; width:85px; margin:3px 0px 0px 0px;} .clientgroupSideCol form select { width:144px; padding:1px 0px 1px 0px; height:1.6em; font-size:1em; border:1px solid #808080; margin:1px 0px 0px 0px;} .clientgroupSideCol form .formbutton { float:right; margin:1px 10px 0px 0px; display:inline;} /********************************************************************/ /* Featured Course */ /********************************************************************/ .clientgroupSideCol .featuredcourse h2 { padding:0px 0px 20px 0px;} .clientgroupSideCol .featuredcourse h3 { padding:0px 0px 5px 0px; font-size:1em; line-height:1.5em;} .clientgroupSideCol .featuredcourse h3 a { text-decoration:none; font-weight:bold;} .clientgroupSideCol .featuredcourse h3 a:hover { text-decoration:underline;} .clientgroupSideCol .featuredcourse p { padding:0px 0px 10px 0px; } .clientgroupSideCol .featuredcourse p.moredetails { text-align:right; padding:5px 0px 15px 0px; } .clientgroupSideCol .featuredcourse .courseImg { margin:0px 0px 20px 0px;} /********************************************************************/ /* Student Profile */ /********************************************************************/ .departmentSideCol { padding:13px 0px 0px 0px; background:none; } .departmentSideCol .studentProfile { float:left; width:279px; background: url(/_images/bkg/studentprofilefoot.gif) bottom left no-repeat #e7e7e7; color:#343434; margin:0px 0px 20px 0px; } .departmentSideCol .studentProfile .studentProfileContent { padding:0px 10px;} .departmentSideCol .studentProfile .polaroidContainer { float:right; width:114px; height:95px; position:relative;} .departmentSideCol .studentProfile .polaroid { position:absolute; width:114px; height:140px; background:url(/_images/bkg/polaroid.png) top left no-repeat; top:-50px; right:0px; z-index:2; } .departmentSideCol .studentProfile .studentImg { position:absolute; top:18px; left:19px; height:89px; width:85px; } .departmentSideCol .studentProfile dl { float:left; width:145px;} .departmentSideCol .studentProfile dt, .departmentSideCol .studentProfile dd { float:left; padding:0px 0px 7px 0px; line-height:1.2em;} .departmentSideCol .studentProfile dt { font-weight:bold; width:50px;} .departmentSideCol .studentProfile dd { width:95px; } .departmentSideCol .studentProfile h3 { color:#343434; font-size:1em; font-weight:bold;} .departmentSideCol .studentProfile .studentProfileFull { width:259px; float:left;} .departmentSideCol .studentProfile a.expand { width:279px; display:block; height:15px; overflow:hidden; line-height:0px; font-size:0px; background:url(/_images/bkg/dropdown.gif) top left no-repeat;} .departmentSideCol .studentProfile a:hover.expand { background:url(/_images/bkg/dropdownon.gif) top left no-repeat;} .departmentSideCol .studentProfile a:focus.expand { outline:none; background:url(/_images/bkg/dropdownon.gif) top left no-repeat; } .departmentSideCol .studentProfile a.collapse { width:279px; display:block; height:15px; overflow:hidden; line-height:0px; font-size:0px; background:url(/_images/bkg/dropdownup.gif) top left no-repeat;} .departmentSideCol .studentProfile a:hover.collapse { background:url(/_images/bkg/dropdownupon.gif) top left no-repeat; } .departmentSideCol .studentProfile a:focus.collapse { outline:none; background:url(/_images/bkg/dropdownupon.gif) top left no-repeat; } .departmentSideCol .studentProfile a.expand span, .departmentSideCol .studentProfile a.collapse span { position:absolute; left:-9999px;} /********************************************************************/ /* Hot Facts */ /********************************************************************/ .departmentSideCol .hotFacts { padding:0px 0px 8px 0px; float:left; width:279px;} .departmentSideCol .hotFacts h2 { padding:0px 0px 0px 0px; } #content .departmentSideCol .hotFacts ul { float:left; width:273px; padding:5px 0px 0px 0px; margin:0px 0px 0px 0px;} #content .departmentSideCol .hotFacts ul li { float:left; width:213px; padding:10px 16px 5px 44px; margin:0px 0px 0px 0px; line-height:1.4em; color:#3f3f3f; background-position:10px 5px; background-repeat:no-repeat;} #sideCol .hotfact { background:url(/_images/bkg/hotfact.gif) top left no-repeat #DDDDDD; padding:30px 0px 0px 0px; min-height:229px; height:auto !important; height:229px;} #sideCol .hotfact p { padding:0px 25px 20px 25px; width:auto; float:none; line-height:1.4em; color:#5d5d5d; background:url(/_images/bkg/quoteend.gif) bottom right no-repeat;} /********************************************************************/ /* Course List */ /********************************************************************/ .courseListContainer { padding:0px 10px;} .courseList .viewcourse { text-align:right;} .courseList .viewcourse a { margin-right:1px;} /********************************************************************/ /* Course Details */ /********************************************************************/ .courseDetails { float:left; width:450px;} .courseCta { float:left; width:440px; padding:0px 0px 20px 10px;} .courseContent { float:left; width:420px; padding:0px 15px 10px 15px;} .courseContent h2, .courseContent h3 { font-size:1em; font-weight:bold; padding:0px 0px 8px 0px;} .courseContent h3 { color:#343434;} .courseCol { float:right; width:220px; display:inline; margin:0px 20px 0px 0px; } .courseCol img { float:left; margin:0px 0px 6px 0px;} .courseCol .hotfact { float:left; width:180px; background:#f5f5f5; color:#343434; padding:15px 15px 15px 20px;} .courseCol .hotfact p { padding:0px 0px 0px 0px; } .applyMessage { float:right; clear:both; padding:3px 0 0 0; } /* .coursetext { padding:0 0 10px 0;}*/ /********************************************************************/ /* Module List */ /********************************************************************/ #content ul.modulelist { padding:0px 0px 20px 0px; margin:10px 0px 0px 0px; clear:both; float:left;} #content ul.modulelist li { padding:0px 0px 20px 0px; margin:20px 0px 0px 0px; border-bottom:1px solid #E9E9E9; list-style-position:outside; list-style-type:none;} #content ul.modulelist li a { color:#2C096A; font-weight:bold; text-decoration:none;} #content ul.modulelist li p a.readmore { color:#343434; text-decoration:underline; } #content ul.modulelist li p a:hover.readmore, #content ul.modulelist li p a:focus.readmore { color:#2C096A; } #content ul.modulelist li a:hover { text-decoration:underline;} #content ul.modulelist li h2 { font-size:1em; padding:0px 0px 0px 0px;} #content ul.modulelist li p { font-size:1em; padding:10px 0px 0px 0px;} #content ul.modulelist li p.view { text-align:right; padding:0px 0px 0px 0px; clear:left;} /********************************************************************/ /* News */ /********************************************************************/ #content ul.news li { overflow:auto; } #content ul.news li .thumbnail { float:left; padding:4px; margin:0px 10px 0px 0px; border:1px solid #D5D5D5;} #content ul.news li h2 span { padding:2px 0px 0px 0px; display:block; color:#7c7b7b; } #content ul.news li a:hover.thumbnail { border:1px solid #2c096a;} #content ul.news li p { padding:10px 0px 0px 0px;} h1 div.date { float:right; width:auto; font-size:0.8em; padding:0px 0px 0px 10px;} .newsMedia { float:left; width:210px; padding:0px 10px 0px 0px; margin:0px 10px 10px 0px; background:url(/_images/bkg/vert-dash.gif) top right repeat-y;} .newsMedia h2 { padding:15px 0px 15px 15px; } .newsMedia a.primary { padding:5px; border:1px solid #D5D5D5; float:left; margin:0px 0px 10px 0px;} .newsMedia a:hover.primary { border:1px solid #2c096a; } #content .newsMedia ul.secondaryImg { padding:0px 0px 12px 0px; margin:-5px -12px 0px 0px; float:left; width:auto;} #content .newsMedia ul.secondaryImg li { margin:5px 12px 0px 0px; padding:0px 0px 0px 0px; list-style:none; float:left; display:inline;} #content .newsMedia ul.secondaryImg li a { border:1px solid #D5D5D5; padding:4px; float:left; } #content .newsMedia ul.secondaryImg li a:hover { border:1px solid #2c096a; } #content .newsMedia ul.secondaryImg li img { float:left;} .relatedmovies { float:left; width:209px; background:url(/_images/bkg/relatedmoviestop.gif) top left no-repeat #dedede;} #content .newsMedia .relatedmovies ul { float:left; width:209px; padding:0px 0px 7px 0px; margin:0px 0px 0px 0px; background:url(/_images/bkg/relatedmoviesbottom.gif) bottom left no-repeat; } #content .newsMedia .relatedmovies ul li { padding:1px 15px 11px 35px; list-style:none; background:url(/_images/icons/film.gif) 15px 0px no-repeat;} #content .newsMedia .relatedmovies ul li a { text-decoration:none;} #content .newsMedia .relatedmovies ul li a:hover { text-decoration:underline;} /********************************************************************/ /* Vacancy */ /********************************************************************/ #content ul.vacancy li h2 span { padding:2px 0px 0px 0px; display:block; color:#7c7b7b; } #content ul.vacancy li h2 { padding-left:18px; background:url(/_images/icons/vacancy.gif) 1px 1px no-repeat;} #content ul.vacancy li p { padding-left:18px;} #content .vacancyCta dl { float:left; width:300px; padding:2px 0px 2px 0px; color:#7c7b7b;} #content .vacancyCta dl dt, #content .vacancyCta dl dd { line-height:1em; float:left; color:#7C7B7B; padding:0px 15px 0px 0px; } #content .vacancyCta dl dt { padding:0px 5px 0px 0px; font-weight:bold; } #content .vacancyCta .apply { float:right; width:auto; color:#2C096A; font-weight:bold; text-decoration:none; padding:2px 0px 2px 20px; background:url(/_images/icons/apply.gif) 0px 1px no-repeat;} #content .vacancyCta a:hover.apply { text-decoration:underline; } .vacancyDetails { padding:0px 10px 15px;} .pagecontent form.loginregister { float:left; width:280px; height:195px;} .pagecontent form.loginregister fieldset { width:280px;} .pagecontent form.loginregister label { width:120px;} .pagecontent form.loginregister .textfield { width:154px;} .pagecontent form.loginregister .fl { margin:5px 0px 0px 0px; } .pagecontent form.register { float:right;} .loginregisterContainer { float:left; background:url(/_images/bkg/or.gif) center no-repeat; width:700px; margin:0px 0px 20px 0px;} .applicantslogin { float:right; margin:0px 0px 5px 0px; background:#EEEEEE url(/_images/bkg/applicantslogin.gif) bottom left no-repeat; padding:8px 0px 8px 0px; font-weight:bold; text-decoration:none; width:140px; text-align:center;} a:hover.applicantslogin { color:#343434; text-decoration:underline;} /********************************************************************/ /* Job Vacancy Application */ /********************************************************************/ #content ol.applicationNav { float:left; width:223px; padding:10px 0px 0px 0px; margin:0px 0px 20px 0px; background:url(/_images/bkg/subnavtop.gif) #F0F0F0 top left no-repeat; } #content ol.applicationNav li { list-style:none outside; padding:0px 15px 5px 15px; margin:0px 0px 4px 0px; line-height:1.3em; background:url(/_images/bkg/subnavdivider.gif) bottom center no-repeat;} #content ol.applicationNav li.last { background:url(/_images/bkg/subnavbottom.gif) bottom left no-repeat; padding-bottom:11px; margin:0px 0px 0px 0px; } #content ol.applicationNav li a { display:block; text-decoration:none; background:url(/_images/bullets/subnav.gif) 0px 5px no-repeat; padding:0px 0px 0px 12px;} #content ol.applicationNav li a:hover, #content ol.applicationNav li a:focus,#content ol.applicationNav li.selected a { text-decoration:none; color:#522E91; outline:none;} #content ol.applicationNav li.selected a { font-weight:bold;} #content ol.applicationNav li ol { padding:10px 0px 0px 0px; margin:0px 0px 0px 0px;} #content ol.applicationNav li ol li { background:none;} #content ol.applicationNav li ol li a, #content ol.applicationNav li.selected ol li a { color:#343434; font-weight:normal; } #content ol.applicationNav li ol li a:hover, #content ol.applicationNav li.selected ol li a:hover, #content ol.applicationNav li ol li a:focus, #content ol.applicationNav li.selected ol li a:focus { text-decoration:underline; outline:none;} #content ol.applicationNav li.selected ol li.selected a{ text-decoration:none; color:#522E91; padding-left:15px; background-position:5px 4px; outline:none;} #content .applicationContainer { float:right; width:460px;} #content .applicationContainer h2 { padding:0px 0px 20px 0px;} #content .applicationContainer form { float:left; width:460px; background:none; border:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} #content .applicationContainer fieldset, .applyButtons { width:428px; padding:15px; margin:0px 0px 20px 0px; border:1px solid #D5D5D5; background:url(/_images/bkg/formbg.gif) bottom left repeat-x #FFFFFF; float:left; } .applyButtons { margin:20px 0px 0px 0px; } #content .applicationContainer fieldset.date p, #content .applicationContainer fieldset label, #content .applicationContainer fieldset p.label { width:188px; padding-right:10px;} #content .applicationContainer fieldset p.label { padding:0px 0px 0px 0px;} #content .applicationContainer fieldset.date { width:430px; margin:0px 0px 0px 0px; padding:0px; border:none; background:none; } #content .applicationContainer fieldset.date p { padding:0px 10px 0px 0px; width:188px; } #content .applicationContainer fieldset.date label { position:absolute; left:-9999px; } #content .applicationContainer fieldset.date select { width:70px; margin-right:10px; } #content .applicationContainer fieldset.date select.year { margin-right:0px; } #content .applicationContainer .personalstatement textarea { width:420px; height:250px;} #content .applicationContainer .radio { width:430px;} #content .applicationContainer .radio p.label { padding-right:10px; width:188px; } #content .applicationContainer .radio label { float:left; width:auto; margin-top:0px; } #content .applicationContainer .radio input { float:left; margin-top:0px; } #content .applicationContainer .radio div { float:left; width:210px; padding:5px 0px 5px 0px;} #content .applicationContainer, .alert { border:1px solid #D5D5D5; padding:5px 10px 5px 10px; color:#2C096A; margin:0px 0px 10px 0px;} .alert { border:1px solid #c4b1e6; background-color:#fdfcff; } #content .applicationContainer ul.addedItems { float:left; width:460px; padding:0px 0px 0px 0px; margin:-10px 0px 0px 0px;} #content .applicationContainer ul.addedItems li { float:left; width:460px; padding:15px 0px 10px 0px; margin:0px 0px 0px 0px; list-style:none outside; border-bottom:1px solid #E9E9E9;} #content .applicationContainer ul.addedItems li dl { float:left; width:320px;} #content .applicationContainer ul.addedItems li dt, #content .applicationContainer ul.addedItems li dd { float:left; padding:0px 0px 10px 0px;} #content .applicationContainer ul.addedItems li dt { width:140px; font-weight:bold;} #content .applicationContainer ul.addedItems li dd { width:180px; clear:right; } #content .applicationContainer ul.addedItems li ul { border-left:1px solid #D5D5D5; float:right; width:120px; padding:5px 0px 0px 10px; margin:0px 0px 0px 0px;} #content .applicationContainer ul.addedItems li ul li { border:none; float:left; width:130px; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px;} #content .applicationContainer ul.addedItems li ul li a { text-decoration:none;} #content .applicationContainer ul.addedItems li ul li a:hover { color:#343434; text-decoration:underline;} #content .applicationContainer ul.addedItems li ul li.remove a { padding:0px 0px 0px 20px; background:url(/_images/icons/remove.gif) 0px 1px no-repeat;} #content .applicationContainer .saveform { float:right; margin:0px 15px 0px 0px;} #content .applicationContainer .cancelbutton{ padding:0 0 0 10px;} #content .vacancyCta .cancelapply { float:right; width:auto; color:#2C096A; font-weight:bold; text-decoration:none; padding:2px 0px 2px 18px; background:url(/_images/icons/remove.gif) 0px 3px no-repeat;} /********************************************************************/ /* Summary */ /********************************************************************/ #content .applicationContainer ul.summarylist { float:left; width:460px; padding:0px 0px 40px 0px;} #content .applicationContainer ul.summarylist li { float:left; width:460px; padding:15px 0px 0px 0px; background:none; list-style-type:none; border-bottom:1px solid #E9E9E9;} #content .applicationContainer ul.summarylist h2 { font-size:1em; padding:0px 0px 15px 0px;} #content .applicationContainer ul.summarylist h3 { font-size:1em; font-weight:bold;} #content .applicationContainer ul.summarylist h2 a { font-weight:bold; text-decoration:none; padding:2px 0px 2px 20px; background:url(/_images/bullets/summarylist.gif) no-repeat top left;} #summary01, #summary02, #summary03, #summary04, #summary05, #summary06, #summary07, #summary08, #summary09 { float:left; width:440px; padding:0px 0px 20px 20px;} #content .applicationContainer ul.summarylist .personaldetails, #content .applicationContainer ul.summarylist .criminaldetails { float:left; width:440px; padding:0px 0px 15px 0px; margin:0px 0px 0px 0px;} #content .applicationContainer ul.summarylist .personaldetails dt, #content .applicationContainer ul.summarylist .criminaldetails dt { clear:left; float:left; width:140px; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; font-weight:bold;} #content .applicationContainer ul.summarylist .personaldetails dd, #content .applicationContainer ul.summarylist .criminaldetails dd { float:left; width:300px; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px;} #content .applicationContainer ul.summarylist .criminaldetails dt { width:200px;} #content .applicationContainer ul.summarylist .criminaldetails dd { width:240px;} #content .applicationContainer ul.summarylist ul.addedItems { width:440px; padding:0px 0px 15px 0px; margin:0px 0px 0px 0px;} #content .applicationContainer ul.summarylist ul.addedItems li { width:440px; padding:10px 0px 10px 0px; border-bottom:1px solid #E9E9E9;} #content .applicationContainer ul.summarylist ul.addedItems li dl { float:left; width:440px;} #content .applicationContainer ul.summarylist ul.addedItems li dt, #content .applicationContainer ul.summarylist ul.addedItems li dd { float:left; padding:0px 0px 5px 0px;} #content .applicationContainer ul.summarylist ul.addedItems li dt { clear:left; width:140px; font-weight:bold;} #content .applicationContainer ul.summarylist ul.addedItems li dd { width:300px; clear:none; } #content .applicationContainer ul.summarylist ul.addedItems li.last { border:none; padding-bottom:0px; } #content .applicationContainer ul.summarylist .personalstatement { float:left; width:400px; padding:15px 19px 10px 19px; margin:0px 0px 15px 0px; border:1px solid #D5D5D5;} /********************************************************************/ /* Events */ /********************************************************************/ #content ul.events li { overflow:auto; } #content ul.events li .thumbnail { float:left; padding:4px; margin:0px 10px 0px 0px; border:1px solid #D5D5D5;} #content ul.events li a:hover.thumbnail { border:1px solid #2c096a;} #content ul.events li p { padding:10px 0px 0px 0px;} #content ul.events li dl { padding:2px 0px 0px 0px;} #content ul.events li dl dt { position:absolute; left:-9999px;} #content ul.events li dl dd { line-height:1em; display:inline; padding:0px 8px 0px 0px; margin:0px 5px 0px 0px; color:#7c7b7b; background:url(/_images/bkg/eventdivider.gif) 100% 60% no-repeat;} #content ul.events li dl dd.last { background:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } h1.eventTitle, h1.vacancytitle { margin:0px 0px 0px 0px;} dl.eventDetails, div.vacancyCta { overflow:auto; width:680px; padding:6px 10px 6px 10px; margin:0px 0px 20px 0px; background:url(/_images/bkg/eventdetailsbottom.gif) bottom left no-repeat #EEEEEE;} dl.eventDetails dt, dl.eventDetails dd { line-height:1em; float:left; color:#7C7B7B; padding:0px 15px 0px 0px; } dl.eventDetails dt { padding:0px 5px 0px 0px; font-weight:bold; } a.eventImg {padding:5px; border:1px solid #D5D5D5; float:left; margin:0px 15px 10px 0px;} a:hover.eventImg { border:1px solid #2c096a; } /********************************************************************/ /* Links */ /********************************************************************/ #content ul.links li a { padding:0px 18px 0px 0px; background:url(/_images/icons/external.gif) 95% 50% no-repeat;} #content ul.links li a span { position:absolute; left:-9999px;} /********************************************************************/ /* File Library */ /********************************************************************/ #content ul.files h2 span { float:right;} #content ul.files h2 span.size { float:none; font-weight:normal;} #content ul.files h2 span.size span { position:absolute; left:-9999px; } #content ul.files li h2 a { background:url(/_images/icons/defaultfiletype.gif) 0px 0px no-repeat; padding:1px 0px 0px 15px;} #content ul.files li.video h2 a { background:url(/_images/icons/film.gif) 0px 0px no-repeat; padding-bottom:1px; padding-left:20px;} #content ul.files li.pdf h2 a { background:url(/_images/icons/pdf.gif) 0px 0px no-repeat;} #content ul.files li.doc h2 a { background:url(/_images/icons/doc.gif) 0px 0px no-repeat;} #content ul.files li.xls h2 a { background:url(/_images/icons/xls.gif) 0px 0px no-repeat;} #content ul.advanceContent { background:url(/_images/bkg/horz-dash.gif) top left repeat-x; margin:10px 0px 0px 0px;} #content ul.advanceContent li { margin:0px 0px 0px 0px; padding-top:20px;} /********************************************************************/ /* Gallery */ /********************************************************************/ #content ul.gallery li h2 a { padding:0px 0px 1px 20px; background:url(/_images/icons/gallery.gif) 0px 0px no-repeat; } #content ul.gallery li p { padding:10px 0px 0px 0px;} .galleryDescription { margin:0px 0px 25px 0px; background:url(/_images/bkg/horz-dash.gif) bottom left repeat-x;} #content ul.galleryList { float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:700px;} #content ul.galleryList li { float:left; padding:0px 0px 25px 0px; margin:0px 0px 0px 0px; list-style-position:outside; list-style-type:none; width:350px;} #content ul.galleryList li a { height:80px; width:80px; padding:4px; border:1px solid #D5D5D5; float:left; overflow:hidden;} #content ul.galleryList li a:hover {border:1px solid #2c096a;} #content ul.galleryList li p { float:right; margin:0px 25px 0px 0px; padding:0px 0px 0px 0px; width:220px; display:inline; } /********************************************************************/ /* Video */ /********************************************************************/ #content ul.videogalleryCategory li h2 a { padding:1px 0px 1px 20px; background:url(/_images/icons/filmcat.gif) 0px 0px no-repeat; } #content ul.videogallery li h2 a { padding:1px 0px 1px 20px; background:url(/_images/icons/film.gif) 0px 0px no-repeat; } /********************************************************************/ /* Video Player */ /********************************************************************/ .videoPlayerContainer { text-align:center; width:455px; background:url(/_images/bkg/playertop.gif) top left no-repeat #ededed; padding:6px 0px 0px 0px; margin:0px 0px 20px 110px; } #player { border-left:1px solid #a9a9a9; border-right:1px solid #a9a9a9; margin:0px 0px 0px 0px; padding:9px 0px 0px 0px; } #player p { text-align:left; padding:0px 15px 0px 15px; } #player p strong { color:#F47126; } .videoPlayerContainer .description { border-left:1px solid #a9a9a9; border-right:1px solid #a9a9a9; text-align:left; margin:0px 0px 0px 0px; padding:15px 15px 9px 15px; background:none;} .videoPlayerContainer .description h3 { padding:0px 0px 0px 0px; font-weight:bold; font-size:1em;} .videoPlayerContainer .description p { padding:5px 0px 0px 0px;} .videoPlayerContainerFooter { width:455px; background:url(/_images/bkg/playerbottom.gif) bottom left no-repeat #ededed; height:6px; overflow:hidden; font-size:0px; line-height:0px; padding:0px 0px 0px 0px; } /********************************************************************/ /* Breadcrumb */ /********************************************************************/ ul#breadcrumb { float:left; width:711px; margin:0px 0px 15px 0px; border-bottom:1px solid #848484; border-top:1px solid #848484; padding:8px 10px 8px 10px;} ul#breadcrumb li { float:left; display:inline; color:#444444; margin:0px 0px 0px 8px; padding:0px 0px 0px 15px; background:url(/_images/bullets/breadcrumb.gif) 0% 60% no-repeat;} ul#breadcrumb li.first { background:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } ul#breadcrumb li a { color:#444444; text-decoration:underline;} ul#breadcrumb li a:hover { color:#9e9e9e; } /********************************************************************/ /* Footer */ /********************************************************************/ #footer { padding:0px 12px; float:left; width:956px; background:url(/_images/bkg/footer.gif) top left repeat-x #2d2d2d; color:#9b9b9b; font-size:0.9em;} #footer li { float:left; display:inline; line-height:2.6em; padding:0px 5px 0px 0px; margin:0px 0px 0px 5px; background:url(/_images/bkg/footerdivider.gif) 100% 55% no-repeat;} #footer li.first { margin:0px 0px 0px 0px; padding:0px 18px 0px 0px; background:none;} #footer li.last { background:none; padding:0px 0px 0px 0px;} #footer li.credit { float:right; background:none; padding:0px 0px 0px 0px;} #footer li.credit a { font-weight:bold;} #footer li a { color:#9b9b9b; text-decoration:none;} #footer li a:hover, #footer li a:focus { text-decoration:none; color:#d7d7d7;} /********************************************************************/ /* Sitemap */ /********************************************************************/ ul#sitemap { float:left; width:701px; padding:0px 0px 0px 0px; list-style:none;} ul#sitemap li { padding:0px 0px 30px 0px; float:left; width:701px;} #content .pagecontent ul#sitemap li { list-style:none;} ul#sitemap li a { display:block; font-size:1.4em; text-decoration:none; color:#2C096A; padding:0px 0px 2px 0px; word-spacing:-0.5px; letter-spacing:-0.2px; border-bottom:1px solid #D5D5D5; } #content ul#sitemap li a:hover { color:#444444; border-bottom-color:#b8b8b8; } ul#sitemap li ul { padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; float:left; width:701px; } ul#sitemap li ul li { padding:8px 0px 0px 0px; float:left; width:200px; margin:0px 20px 0px 0px;} ul#sitemap li ul li.first { padding:0px 0px 0px 12px; background-position:0px 7px; } ul#sitemap li ul li a { color:#706f6f; font-size:1em; padding:0px 0px 0px 0px; word-spacing:normal; letter-spacing:normal; border:none; text-decoration:none;} ul#sitemap li ul li a:hover { text-decoration:underline; color:#444444;} ul#sitemap li a[href^="/further-education/"]{ border-bottom-color:#f1b37f; color:#E36700; } ul#sitemap li a[href^="/higher-education/"]{ border-bottom-color:#e19191; color:#C42323; } ul#sitemap li a[href^="/college-life/"]{ border-bottom-color:#bddf91; color:#7CC023; } ul#sitemap li a[href^="/employers-and-training/"]{ border-bottom-color:#7fcee8; color:#009ED2; } /********************************************************************/ /* Page number tags */ /********************************************************************/ #content ul.pagenumbers { float:left; width:535px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #content ul.pagenumbers li { float:left; display:inline; list-style-type:none; border:1px solid #E4E4E4; text-align:center; margin:0px 4px 0px 0px; padding:0px; background:none;} #content ul.pagenumbers a { display:block; padding:3px 0px 3px 0px; width:22px;color:#888888; text-decoration:none; background-color:#fff; font-weight:normal;} #content ul.pagenumbers li.last { margin-left:10px;} #content ul.pagenumbers li.last a, #content ul.pagenumbers li.last a:hover { width:55px;} #content ul.pagenumbers .selected a {background-color:#2C096A; font-weight:normal; color:#fff;} #content ul.pagenumbers a:hover { display:block; padding:3px 0px 3px 0px; background-color:#2C096A; font-weight:normal; color:#fff;} .incomplete { color: #DF0000; } #content ul.vacancy li h2 span.listcomplete { color: #00BB00; font-weight:bold; } #content ul.vacancy li h2 span.listincomplete { color: #000000; font-weight:bold; } #content ul.vacancy li h2 span.listexpired { color: #DF0000; font-weight:bold; } .predictive { background:#FFFFFF; border:1px solid #806BA6; width:157px; padding:5px 0 0 0;} .predictive li { padding:0 0 5px 0; margin:0 0 0 0; line-height:1em;} .predictive li a { text-decoration:none; display:block; line-height:1.8em; background:#FFFFFF; color:#343434; padding:0 5px;} .predictive li a:hover, .predictive li a.selected { background:#2C096A; color:#FFFFFF; } .busroutes { margin:0 0 15px 0;}