/* = Imports
============================================================= */
@import url(navigation.css);
@import url(case-studies.css);
@import url(awards.css);

/* = Global
============================================================= */
body {margin:0;background:#FFF;font-family: Arial, Helvetica, sans-serif;font-size: 1em;color: #555;overflow: -moz-scrollbars-vertical !important;}
#wrapper {margin: 0;padding:0;border-top:5px solid #EC1E24;}
#home {margin:0;padding:0;}

/* = Tags
============================================================= */
img {border: none;}
h1, h2, h3, h4, h5 {font-family:Arial, Helvetica, sans-serif;font-weight: bold;margin: 0;padding:0;}
h1 {font-size:1.4em;padding:0;color:#555;}
h2 {font-size:0.95em;padding: 0 0 4px 0;color:#555;font-family:Arial, Helvetica, sans-serif;}
h3 {font-size:0.83em;padding: 0 0 4px 0;color:#555;font-family:Arial, Helvetica, sans-serif;}
p {margin: 0; padding: 0 0 7px 0; line-height: 1.6em;}
ul, ul li {margin: 0; padding: 0; list-style-type: none;}
ol, ol li {line-height:1.5em;margin:0 0 0 10px;padding:0 0 8px 3px;line-height: 1.6em;font-size:0.85em;}
a {color: #39F; text-decoration: none;}
a:hover {color: #666; text-decoration: underline;}
form {margin:0;padding:0;}
	
/* = Header
============================================================= */
#header-wrapper {margin:0;padding:0;background: url(/images/global/navback.png) left bottom repeat-x;}
#header {positon:relative;margin:0 auto;width:980px;}
#header #logo {float:left;margin:20px 0 0 0; padding:0;width:165px;height:73px;}
#header #strap {float:left;margin:20px 0 0 0;padding:0;width:286px;height:73px;background: url(/images/global/strap.png) left top no-repeat;}
#header #strap p {width:286px;text-indent:-5000px;}

ul#subnav {float:right; margin:8px 10px 0 0; font-size: 0.7em;padding:0;}
ul#subnav li {float: left; padding: 0 10px 0 0;margin-left: 8px;background: url(/images/global/navline.png) right top no-repeat;}
ul#subnav li.last {background: none;padding:0;}
ul#subnav a {color: #39F;text-decoration:underline;}
ul#subnav a:hover {color: #333;}

#search {float:right;margin:2px 0 0 0;padding:0;width:250px;}
#search input.searchbox {float:left;width:177px;margin-right:5px;}
#search input.button {float:left;width:60px;}


/* = Content
============================================================= */
#content-wrapper {margin:0;padding:0;background:#D9D9D9;min-height:400px;}
#content {positon:relative;margin:0 auto;width:980px;padding:5px 0;}
#leftcontent {float:left;margin:3px 10px 0 0;padding:0;width:750px;}
#rightcontent {float:left;margin:3px 0 0 0;padding:0;width:220px;}

#homebanner1 {width:750px;height:210px;background: url(/images/banners/hpbanners-home.jpg) left top no-repeat;padding-top:40px;}
#homebanner2 {width:750px;height:210px;background: url(/images/banners/hpbanners-home-ind2.jpg) left top no-repeat;padding-top:40px;}

#mybestbanner1 {width:750px;height:210px;background: url(/images/banners/hpbanners-about-grp4.jpg) left top no-repeat;padding-top:40px;}
#mybestbanner2 {width:750px;height:210px;background: url(/images/banners/hpbanners-about-ind.jpg) left top no-repeat;padding-top:40px;}

#employerbanner1 {width:750px;height:210px;background: url(/images/banners/hpbanners-emp2.jpg) left top no-repeat;padding-top:40px;}
#employerbanner2 {width:750px;height:210px;background: url(/images/banners/hpbanners-emp-grp.jpg) left top no-repeat;padding-top:40px;}

#partnerbanner1 {width:750px;height:210px;background: url(/images/banners/hpbanners-partners-ind.jpg) left top no-repeat;padding-top:40px;}
#partnerbanner2 {width:750px;height:210px;background: url(/images/banners/hpbanners-partners-grp2.jpg) left top no-repeat;padding-top:40px;}

.banner-text {margin:0;padding:10px 20px 0 20px; background-color:#D00F15;width:300px;}

/* = Home
============================================================= */
.homepage-left {float:left;margin:10px 10px 0 0;padding:0;width:520px;}
.homepage-right {float:left;margin:10px 0 0 0;padding:0;width:220px;}


/* = Inner Pages
============================================================= */
.inner-left {float:left;margin:0 10px 0 0;padding:0;width:160px;}
.inner-right {float:left;margin:0;padding:0;width:580px;}

/* = Boxes
============================================================= */

.box520 {width:520px;background:#FFF;margin:0 0 10px 0;padding:0;}
.box520-top {margin:0;padding:0;background: #FFF url(/images/layout/mainbox-top.png) left top no-repeat; height:10px;}
.box520-h1 {margin:0;padding:15px 15px 3px 15px;background:#E7E7E7 url(/images/layout/mainbox-h1.png) left top no-repeat;border-bottom:1px solid #D6D6D6;}
.box520-content {margin:0;padding:10px 15px 0 15px;}
.box520-bottom {margin:0;padding:0;background: url(/images/layout/mainbox-bot.png) left top no-repeat; height:10px;}

.box220 {width:220px;background:#FFF;margin:0 0 10px 0;padding:0;}
.box220-h2 {margin:0;padding:15px 15px 3px 15px;background:#D00F15 url(/images/layout/hpbox-red-top.png) left top no-repeat;border-bottom:1px solid #97080C;}
.box220-content {margin:0;padding:10px 15px 0 15px;background:#FFF url(/images/layout/hpbox-red-bg.png) left top repeat-x;min-height:320px;color:#ffffff;}
.box220-content p.white {color:#fff;}
.box220-bottom {margin:0;padding:0;background: url(/images/layout/sidebox-bot.png) left top no-repeat; height:10px;}

.box220-h2.blue {background:#383190 url(/images/layout/hpbox-blue-top.png) left top no-repeat;border-bottom:1px solid #272175;}
.box220-content.blue {background:#FFF url(/images/layout/hpbox-blue-bg.png) left top repeat-x;}

.box220-h2.purple {background:#258686 url(/images/layout/hpbox-teal-top2.png) left top no-repeat;border-bottom:1px solid #258686;}
.box220-content.purple {background:#FFF url(/images/layout/hpbox-teal-bg2.png) left top repeat-x;}


.box580 {width:580px;background:#FFF;margin:0 0 10px 0;padding:0;}
.box580-top {margin:0;padding:0;background: #FFF url(/images/layout/contentbox-top.png) left top no-repeat; height:10px;}
.box580-h1 {margin:0;padding:15px 15px 3px 15px;background:#E7E7E7 url(/images/layout/contentbox-h1.png) left top no-repeat;border-bottom:1px solid #D6D6D6;}
.box580-content {margin:0;padding:10px 15px 0 15px;min-height:394px;}
.box580-bottom {margin:0;padding:0;background: url(/images/layout/contentbox-bot.png) left top no-repeat; height:10px;}

.lhmenu {width:160px;background:#FFF;margin:0 0 10px 0;padding:0;}
.lhmenu-top {margin:0;padding:0;background: url(/images/layout/lhmen-top.png) left top no-repeat; height:10px;}
.lhmenu-content {margin:0;padding:0 10px;}
.lhmenu-bottom {margin:0;padding:0;background: url(/images/layout/lhmen-bot.png) left top no-repeat; height:10px;}


.boxright {width:220px;background:#FFF;margin:0 0 10px 0;padding:0;}
.boxright-h3 {margin:0;padding:15px 15px 3px 15px;background:#E7E7E7 url(/images/layout/sidebox-h3.png) left top no-repeat;}
.boxright-content {border-top:1px solid #D6D6D6;margin:0;padding:7px 15px 0 15px;background:#FFF url(/images/layout/sidebox-bg.png) left top repeat-x;}
.boxright-bottom {margin:0;padding:0;background: url(/images/layout/sidebox-bot.png) left top no-repeat; height:10px;}

.boxcontact {width:220px;background:#666;margin:0 0 10px 0;padding:0;}
.boxcontact-h3 {margin:0;padding:15px 15px 3px 15px;background:#5C5B5B url(/images/layout/contactbox-h3.png) left top no-repeat;border-bottom:1px solid #4C4C4C;}
.boxcontact-bottom {margin:0;padding:0;background: url(/images/layout/contactbox-bot.png) left top no-repeat; height:10px;}
.boxcontact-div {margin:0;padding:10px 15px 10px 45px;background:#666;border-top:1px solid #8E8E8E;border-bottom:1px solid #4C4C4C;}
.telephone {background: #666 url(/images/icons/tele-icon.png) 10px 10px no-repeat;color:#FFF;}
.email {background: #666 url(/images/icons/mouse-icon.png) 10px 1px no-repeat;color:#FFF;font-size:0.75em;}
.fax {background: #666 url(/images/icons/fax-icon.png) 10px 10px no-repeat;color:#FFF;font-size:0.83em;border-bottom:none;padding:10px 15px 5px 45px;}

.blogquote {margin:0 0 10px 0;padding:0 34px 0 0;background: url(/images/icons/quotebot.png) right bottom no-repeat;}
.blogquote-left {margin:0;padding:0 0 0 34px;background: url(/images/icons/quotetop.png) left top no-repeat;}


/* = Content Tags
============================================================= */
#content p {margin:0;padding:0 0 7px 0;font-size:0.75em;color:#666;}
#content p.white {margin:0;padding:0 0 7px 0;font-size:0.75em;color:#fff;}
#content p.large {font-size:0.9em;padding:0 0 7px 0;color:#333;margin-bottom:5px;}
#content ul.leftmenu {margin:0;padding:0;}
#content ul.leftmenu li {margin:0;padding:0 0 3px 0;font-size:0.7em;font-weight:bold;border-bottom:1px solid #eee;}
#content ul.leftmenu li a {display:block;margin:0;padding:3px 0 0 18px;background: url(/images/global/menubullet.png) 0 5px no-repeat;}
#content ul.leftmenu li a.selected {background: url(/images/global/menubullet-off.png) 0 5px no-repeat;color:#AAA;}

#rightcontent p.news {margin:0;padding:0;color:#AAA;font-size:0.7em;line-height:1.4em;}
#rightcontent h4.blog {margin:0;padding:0;color:#AAA;font-size:0.83em;line-height:1.4em;}
#rightcontent h4.news {margin:0 0 7px 0;padding:0;font-size:0.7em;font-weight:bold;}
#rightcontent p a.blog {margin:0;padding:10px 40px 5px 0;background: url(/images/icons/blog-icon.png) right 0 no-repeat;display:block;}
#rightcontent p a.news {margin:0;padding:10px 40px 5px 0;background: url(/images/icons/news-icon.png) right 0 no-repeat;display:block;}

/* = Footer
============================================================= */
#footer-wrapper {margin: 0;padding:0;border-top:4px solid #EC1E24;background:#FFF;}
#footer {positon:relative;margin:0 auto;width:980px;padding:5px 0;}
.flink {float:left;width:150px;margin:7px 20px 0 0;}
.flink.last {float:left;width:120px;margin:7px 0 0 0;}
.ftext {float:left;width:350px;margin-top:7px;}
.flink p, .slink p {font-size:0.7em;font-weight:bold;line-height:1.2em;margin:0;padding:0 0 3px 0;}
.flink ul li {font-size:0.7em;margin:0;padding:0;line-height:1.5em;}
.flink ul li a {margin:0;padding:0 0 0 12px;background: url(/images/global/footer-bullet-sm.png) 0 3px no-repeat;}
.ftext p {text-align:right;line-height:1.5em;font-size:0.7em;margin:0;padding:0;color:#999;}

/* = General Styles
============================================================= */
form {margin:0;padding:0;}
.hide{position:absolute; left:-9000px;}
.lfloat{float:left;}
.rfloat{float:right;}
.bold{font-weight:bold;}
.noborder{border:none;}
.center{text-align:center;}
.clear {clear:both;font-size:1%;}
.clear-height {clear:both;height:2px;}
.clear-right {clear:right;font-size:1%;}
.notes {color:#666;}
.bold {font-weight:bold;}
a.emphasise {background: url(/images/global/emdot.png) repeat-x 0 bottom;padding-bottom:0px;}
a:hover.emphasise {background: none;padding-bottom:0px;text-decoration:underline;}
a:visited.emphasise, a:active.emphasise {background: url(/images/global/emdot.png) repeat-x 0 bottom;text-decoration:none;padding-bottom:0px;}
.dottedline {height:1px;background: url(/images/global/navline.png) left bottom repeat-x;margin:5px 0}
p.light {color:#a1b0c0;}
ul.buttonlink {margin:0 0 10px 0;}
ul.buttonlink li a {font-size:0.75em;margin:0;padding:0 0 0 20px;line-height:1.5em;background: url(/images/btn/btn_off.png) 0 0 no-repeat;font-weight:bold;}
ul.buttonlink li a:hover {background: url(/images/btn/btn_on.png) 0 0 no-repeat;}
.line {border-top:1px solid #DDD; width:100%;margin:3px 0 3px 0;height:5px;font-size:0.75em;}

a.white {color:#FFF;text-decoration:none;}
a:hover.white {color:#DDD;}

ul.bullet, ul.bullet li {margin: 0; padding: 0; list-style-type: none;font-size:0.85em;}
ul.bullet li {display:block;margin:0 0 0 20px;padding:0px 0 8px 18px;background: url(/images/global/menubullet-off.png) 0 5px no-repeat;line-height: 1.6em;}
ul.bullet li.tick {background: url(/images/global/tick.gif) 0 5px no-repeat;}
ul.bullet li.cross {background: url(/images/global/cross.gif) 0 5px no-repeat;}

/* CLEARING FLOATS (http://www.positioniseverything.net/easyclearing.html) -------------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;}
.clearfix {display: inline-block;}
/* Hides from MacIE \*/           
* html .clearfix {height: 1%;}
.clearfix {	display: block;}
/* End hide from MacIE */

/* = Form Styles
--------------------------------------------- */
fieldset {margin:0;padding:5px;border:1px solid #ccc;background: url(../images/global/formbg.gif) top left repeat-x #fff;}
div.row {clear:both;padding:5px 10px;margin:0;font-size:0.80em;}
div.rowtitle {clear:both;margin:5px 0;padding:3px 10px;font-weight:bold;text-align:left;font-size:0.80em;border:1px solid #ccc;background:#fff;}
div.row-submit {clear:both;padding:5px 10px;margin:0;font-size:0.75em;text-align:center;}
.email_btn{padding:10px;}
.login_btn{padding:10px;}
.register_btn{padding:10px;}
label{width:150px;float:left;text-align:left;margin:0 11px;display: block;}
input.text{color: #666;background: #efefef;border: 1px solid #d9d7d7;}
textarea.textbox{font-family:Arial,Helvetica,sans-serif;font-size:1.10em;color: #666;background: #efefef;border: 1px solid #d9d7d7;}
input.checkbox{margin:0 0 0 -1px;}
input.missingRequiredField, textarea.missingRequiredField {background:#ffc;border: 1px solid #ccc;}
div.requiredMessage {font-size:0.75em;font-weight:bold;color:#330000;background:#ffc;margin:10px 0; padding:5px 10px;border:1px solid #ccc;}

/* = Tables
============================================================= */
table {margin: 5px 0 10px 0;padding:0; width:100%;border-collapse:collapse;line-height:1.5em;font-size:0.75em;}
th {background:url(/images/global/tdbg.gif);border:1px solid: #eee;font-size:1.05em;padding:3px 3px 0 3px;color:#D4151B;}
td {vertical-align:top;padding-bottom:20px;width:33%;}
ul.map, ul.map li {margin: 0; padding: 0; list-style-type: none;}
ul.map li {margin:0;padding:0 0 3px 0;font-weight:bold;}
ul.map li a {display:block;margin:0;padding:1px 0 0 18px;background: url(/images/global/menubullet.png) 0 4px no-repeat;}
.mapfont {font-size:0.75em;}
.line {border-top:1px solid #DDD; margin:3px 0 0 0;padding:0 0 10px 0;}

.alignL {text-align:left;}
.alignR {text-align:right;}
.alignC {text-align:center;}
.altcolor {background:#e8f3e8;}

ul.news-events li {margin:0; padding:0 0 3px 0; font-weight:bold;}
ul.news-events li a {display:block; margin:0; padding:1px 0 5px 18px; background: url(/images/global/menubullet.png) 0 3px no-repeat; font-size:0.75em;}

/* Google Map  */
 #googlemap  {margin:10px 0;padding:0;border:1px solid #dedede;height:450px;}
 
 /* = Site Map
============================================================= */
.slink {margin:10px 0 10px 0;}
.col1 {float:left; margin:0; padding:0; width: 290px;}
.col2 {float:left; margin:0; padding:0;}

#resourcecont{padding: 10px; background: #E8E8E8; border:1px solid #D6D6D6;margin-bottom: 15px;}
#resourcecont ol li{padding-bottom: 0; margin-bottom: 5px;}
#querySuggestList{top:20px;}
#powered_by{font-size:0.9em;}

 /* = ESF and ERDF Logos
============================================================= */
img.esf-logo, img.erdf-logo {margin:0 0 0 5px;}

/* = Award Videos and Picture Gallery
============================================================= */
.award-video{margin:0 0 25px 0; padding:0;}

.pikachoose{width:510px;margin:0 auto 10px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:510px;height:210px;margin:70px 0 0 0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #E7E7E7;padding:2px;background:E7E7E7;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:506px;height:325px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #E7E7E7;background:#E7E7E7;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
/*.pika_caption{width:500px;height:50px;padding-top:2px;text-align:center; position:absolute; bottom:0px; left:3px; background:url(../images/awards/black.png) top left; font-size:0.75em; color:#FFFFFF; line-height:40px;}
.pika_caption a{color:white;}*/

/*.pika_navigation a{font-size: 12px; text-decoration: none; cursor:pointer; }
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}*/

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:150px;left:5px;height:456px;width:100px;background:url(../images/awards/rewind.png) top left no-repeat; cursor:pointer;}
.pika_next_hover{position:absolute;top:150px;right:5px;height:456px;width:100px;background:url(../images/awards/fastf.png) top right no-repeat; cursor:pointer;}