/* SOME STYLES SPECIFIC TO IE ARE IN THE ie-styles.css. THEY MAY OVERIDE SOME OF THESE VALUES, SO NEED TO BE KEPT IN SYNC WITH THIS STYLE SHEET */

/* PAGE STYLES */

 body {
    font-family: Arial, Helvetica, sans-serif;
    /*background-color: #ff0000;*/
	 background-image: url(../images/background/page_bg.jpg); 
	 background-repeat: repeat-x;
	 background-color: #ffffff;
    color: #000000;
	font-size: 110%;
 }

 h1 {
    font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 10px 0 0 20px;
    line-height: 150%;
	background: url(/images/background/content_header_gradient.jpg) no-repeat #b7b791;
    height: 74px;
    border-bottom: 1px solid #009ea0;
    border-left: 2px solid #009ea0;
    border-right: 2px solid #009ea0;
 }

 h2 {
    line-height: 150%;
    font-size: 120%;
    color: #595858;
    padding: 20px 0;
 }
 
 h2.sectiontitle {
    color: #cc0256;
 }

 h2.quotehd {
    line-height: 150%;
    font-size: 85%;
    color: #999999;
    padding: 15px 0 20px 0;
    clear: both;
 }
 
 h3 {
    font-size: 90%;
    padding-bottom: 20px;
    line-height: 150%;
 }
 
 h3.homeheader {
    clear: both;
	 color: #cc0256;
 }
 
 h3.subheadings {
    padding-bottom: 0;
 }

 h4 {
    font-size: 90%;
    color: white;
    font-weight: normal;
    padding: 5px 10px 5px 0;
 }
 
 h4.bold {
    font-weight: bold;
 }
 
 .givenow h4 {
    font-size: 140%;
    color: white;
    font-weight: normal;
    padding: 5px 10px 0 0;
 }
 
 .myBasket h4 {
    font-size: 130%;
    color: white;
    font-weight: normal;
    padding: 5px 10px 0 0;
 }

 .internalmaincontent h4 {
	font-size: 85%;
	font-weight: bold;
	margin: 20px 0px 4px 0px;
	padding: 0px;
	color: #CC0256;
	text-align: left;
  }

 p {
    padding-bottom: 10px;
    font-size: 80%;
 }
 .notopmargin p {
 	margin-top:0;
 }
 p.nobottommargin {
 	margin-bottom:0; padding-bottom:0;
 }
 
 .alignright {
    text-align: right;
 }
 
 a.blacklink:link, a.blacklink:visited, a.blacklink:active {
    color: black;
    text-decoration: underline;
    font-weight: bold;
 }
 
 a.blacklink:hover {
    color: black;
    text-decoration: none;
 }
 
 a.whitelink:link, a.whitelink:visited, a.whitelink:active {
    color: white;
    text-decoration: none;
 }
 
 a.whitelink:hover {
    color: white;
    text-decoration: underline;
 }

 .text {
    font-size: 80%;
 }


 hr {
 	background-color:#CC0256;
 	color:#CC0256;
 	width: 445px;
	height: 1px;
	text-align: left;
 }

hr + h3{margin-top:15px}
hr + p{margin-top:20px}

 /* Styles for Text in the Coloured Boxes */
 .promotext {
    color: white;
    font-size: 80%;
    padding-right: 10px;
	padding-left: 10px;
 }
 
 .redbox p {
    padding: 0 4px;
    color: white;
    font-size: 80%;
 }
 
 .basket p {
    padding: 0 4px;
    color: white;
    font-size: 80%;
 }
 
 /* Left Navigation Styles */

 .navlinks {
     font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
 }

 .navlinks ul {
    line-height: 170%;
    font-size: 90%;
    font-weight: bold;
    margin-left: 15px;
 }
 
 .navlinks ul li.about {
    list-style: url(/images/arrows/orange_arrow.gif);
 }
 
 .navlinks ul li.news {
    list-style: url(/images/arrows/maroon_arrow.gif);
 }
 
 .navlinks ul li.projects {
    list-style: url(/images/arrows/black_arrow.gif);
 }
 
 .navlinks ul li.getinvolved {
    list-style: url(/images/arrows/red_arrow.gif);
 }
 
 .navlinks ul li.openthedoor {
    list-style: url(/images/arrows/green_arrow.gif);
 }
 
 .navlinks ul li.ourservices {
    list-style: url(/images/arrows/purple_arrow.gif);
 }

 .navlinks ul ul {
    margin-left: 0;
    list-style-image: none;
    list-style: none;
 }
 .navlinks ul ul ul {
    margin-left: 12px;
    list-style-image: none;
    list-style: none;
 }
 
 .navlinks a:link, .navlinks a:active, .navlinks a:visited {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
 }

 .navlinks a:hover {
    color: #7e7e7e;
    text-decoration: underline;
    font-weight: bold;
 }
 
 a.current:link,  a.current:visited,  a.current:active,  a.current:hover {
    color: #cc0256;
    font-weight: bold;
 }
 
 /* Pagetools Styles */
 .pagetools {
    font-size: 70%;
    line-height: 150%;
 }
 
 .pagetools ul { list-style: none; }
  
 .pagetools a:link, .pagetools a:active, .pagetools a:visited {
    color: #333;
    text-decoration: none;
 }

 .pagetools a:hover {
    color: #999;
    text-decoration: underline;
 }
 
 /* Footer Styles */
 .footer {
    font-size: 70%;
 }
 
 .footer a:link, .footer a:active, .footer a:visited {
    color: #333;
    text-decoration: none;
 }
 
 .footer a:hover {
    color: #999;
    text-decoration: underline;
 }
 
 /* Breadcrumb Styles */
 
 .breadcrumb {
    color: #333;
    font-size: 70%;
    margin-bottom: 10px;
 }
 
 .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {
    color: #333;
    text-decoration: none;
 }
 
 .breadcrumb a:hover {
    color: #999;
    text-decoration: underline;
 }
 
 /* Main Links in the News Items */
 a.newsitem:link, a.newsitem:active, a.newsitem:visited {
    color: #0573c0;
    text-decoration: underline;
    font-weight: bold;
 }

 a.newsitem:hover {
    color: #0573c0;
    font-weight: bold;
    text-decoration: none;
 }
 
 .skipspacer {
    height: 0;
 }
 
 
/* PAGE LAYOUT */

/* set these attributes to zero across the entire site */
 * {
    padding: 0;
    margin: 0;
    border: 0;
 }

/* div for the image to the top right which can be changed.
If the positioning in this style is altered, it also needs to be altered in the ie-styles.css file, and positioned correctly in IE */
 .changableimage {
    position: absolute;
    top: 0px;
    right: 4%;
    width: 274px;
    height: 229px;
    z-index: 2;
 }

 .header {
    height: 142px;
    padding-left: 25px;
 }

 .header img {
    margin: 30px 9px 33px 0px;
 } 
 
 .pagewrapper {
	margin-left:150px;
    padding-left: 20px;
    min-width: 500px;
 }

 .content {
    float: left;
    width: 97%;
 }
 html>body .content {margin: 0 -0.5%}/*moz needs this*/
 
 .leftnav {
    float: left;
    width: 150px;
    position:relative; /*ie needs this to show float */
	/*margin-left:-149px; must be 1px less than width otherwise won't push footer down */
	left:10px;
    background: url(/images/background/greenborder.gif) repeat-y right #FFFFFF;
 }

 .navlinks {
    float: left;
    background: url(/images/background/greenborder.gif) repeat-y left;
    padding: 0 11px;
 }
 
 .sitelinks {
    position: relative;
    background: none;
    padding: 0 11px;
 }
 
 .sitelinks ul ul {
    margin-left: 12px;
 }

 .pagetools {
    float: left;
    background: url(/images/background/greenborder.gif) repeat-y left;
    padding: 100px 5px 14px 26px;
 }
 
 .givenow {
    float: left;
    padding: 10px;
    background: url(/images/background/greenborder.gif) repeat-y left;
    width: 85%;
 }
 
 .myBasket {
    float: left;
    padding: 10px;
    background: url(/images/background/greenborder.gif) repeat-y left;
    width: 85%;
 }

 .homepagemain {
    float: right;
    width: 97%;
    background: url(/images/background/divider_bg.gif) repeat-y right #FFFFFF;
    position: relative;/*ie needs this to show float */
 }
  html>body .homepagemain {margin: 0 -0.5%}/*mozilla needs this*/

 .main {
    float: right;
    width: 97%;
    background: url(/images/background/greenborder.gif) repeat-y right #FFFFFF;
    position: relative;/*ie needs this to show float */
 }
  html>body .main {margin: 0 -0.5%}/*mozilla needs this*/
  
  .mainPopup {
	float: right;
	margin-right: 15px;
    width: 95%;
    background: url(/images/background/greenborder.gif) repeat-y right #FFFFFF;
    position: relative;/*ie needs this to show float */
 }
  html>body .mainPopup {margin: 0 -0.5%}/*mozilla needs this*/
 
 .pageheader {
    background: url(/images/background/content_header_gradient.jpg) no-repeat #b7b791;
    height: 74px;
    border-bottom: 1px solid #009ea0;
    border-left: 2px solid #009ea0;
    border-right: 2px solid #009ea0;
 }
 
 .leftcontentbdr {
    float: left;
    background: url(/images/background/greenborder.gif) repeat-y left;
 }
 
 .contentwrapper {
	margin-right: 190px;
 }

 .pagecontent {
    float: left;
    width: 100%;
    background: url(/images/background/greenborder.gif) repeat-y left;
 }
 
 .maincontent {
    float: right;
    width: 94%;
    padding: 40px 2% 0 0;
    position: relative;/*ie needs this to show float */
 }
 html>body .maincontent {margin: 0 -1px}/*mozilla needs this*/
 
 .maincontent img {
    float: left;
    margin: 0 3% 10px 0;
 }
 
 .internalmaincontent {
    float: left;
    padding: 0 3% 0 3%;
 }
 
 .internalmaincontent img {
    float: right;
    margin: 0 0 10px 3%;
 }
 
 .internalmaincontent img.button {
    float: left;
    margin: 0;
 }
 
 ul.redbullet {
    font-size: 80%;
    list-style-type: none;
    margin-left: .2em;
 }
 
 .redbullet li { 
    background: url(/images/redbullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    padding-left: .8em;
 }

 .promos {
    float: right;
    width: 154px;
    padding: 0 8px;
    position:relative; /*ie needs this to show float */
	margin-right:-169px; /*must be 1px less than width otherwise won't push footer down */
	left:1px;
 }
 
 .promoimage {
    float: right;
    padding-top: 25px;
 }
 
 .searchbox {
    text-align: right;
    padding-top: 5px;
    font-size: 80%;
 }
 
 .searchbox #fSearch {
    border: 1px solid black;
    width: 5em;
 }
 
 .searchbox #fSubmit {
    color: white;
    background: black;
 }
 
 .greenbox {
    width: 165px;
    float: left;
    background: #56aa1c;
    text-align: right;
 }
 
 .turquoisebox {
    width: 165px;
    float: left;
    background: #4cbbbc;
    text-align: right;
 }
 
 .redbox {
    width: 130px;
    float: left;
    background: #ef2b2d;
    text-align: center;
 }
 
 .basket {
    width: 130px;
    float: left;
    background: #009EA0;
    text-align: center;
 }
 
 .footer {
    float: left;
    clear: both;
    text-align: right;
    padding: 18px 0;
    width: 97%;
    line-height: 150%;
 }
 
 .rightpadding5px {
    padding-right: 7px;
 }
 

 
 
 

/* positioning and colors for the box corners */
 .maincorners-top {
    width: 100%;
    background: url(/images/corners/topborder_bg.gif) repeat-x;
    height: 12px;
 }

 .maincorners-bot {
    float: left;
    width: 100%;
    background: url(/images/corners/botborder_bg.gif) repeat-x;
    height: 12px;
 }

 .mainheader-corners {
    width: 100%;
    background: url(/images/corners/mainstory_corner_tl.jpg) no-repeat;
    height: 12px;
 }

 .topcorners {
    width: 100%;
 }

 .botcorners {
    width: 100%;
 }

 .topleft {
    float: left;
 }

 .topright {
    float: right;
 }

 .botleft {
    float: left;
 }

 .botright {
    float: right;
 }
 
 .clearbox {
 	clear: left;
	font-size: 1px;
	line-height: 0px;
	padding: 0px;
	margin: 0px;
	white-space: 0px;
 }
 
 /* News styles start */

.holdingbox {
    width: 99%;
}
 
.newsspot {
	margin-bottom: 20px;
	width: 48%;
}
.newsheader {
	background-color: #CC0256;
	color: #fff;
	width: 100%;
	float: left;
	padding: 0px;
}
.newsheader a {
	width: 50%;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	float: left;
	display: block;
	background-color: #ccc;
	background: url(/images/corners/red_head_left.gif) no-repeat;
	padding: 3px 5px 2px 8px;
}
.newsheader a:hover {
	width: 50%;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
	float: left;
	display: block;
	background-color: #CC0256;
	background: url(/images/corners/red_head_left.gif) no-repeat;
	padding: 3px 5px 2px 8px;
}
.newsheader span {
	width: auto;
	float: right;
	font-size: 100%;
	display: block;
	background-color: #CC0256;
	background: url(/images/corners/red_head_right.gif) no-repeat right top;
	padding: 3px 8px 2px 3px;
	margin-right: 0px;
}
.newssummary {
	background-color: #eee;
	font-size: 100%;
	padding: 10px 8px 0px 8px;
	min-height: 4.5em;
}
* html .newssummary {
	height: 4.5em;
}

.newssummary p {
	float: left;
	display: block;
	width: 60%;
}
.newssummary span {
	font-size: 80%;
}
 html>body .newssummary span {
	font-size: 80%;
}
.newssummary img {
	float: right;
}


.newsfooter {
	width: 100%;
	background-color: #eee;
}
.bottomLeftCorner {
	float: left;
	width:49%;
	background: url(/images/corners/grey_head_left.gif) no-repeat bottom left #eee;
}
.bottomRightCorner {
	width: 50%;
	float: right;
	background: url(/images/corners/grey_head_right.gif) no-repeat bottom right #eee;
}

ul.newslist {
	float: left;
	width: 80%;
}
ul.newslist li {
	width: 100%;
	list-style: none;
}
ul.newslist li.newslistdate {
	font-size: 80%;
	font-weight: bold;
}
ul.newslist li.newslisttitle {
	font-size: 80%;
	font-weight: bold;
}
ul.newslist li.newslisttitle a {
	color: #0573c0;
	text-decoration: none;
}
ul.newslist li.newslisttitle a:hover {
	color: #0573c0;
	text-decoration: underline;
}
ul.newslist li.newslistsummary {
	padding-bottom: 10px;
	font-size: 100%;
	min-height:34px;
}
* html ul.newslist li.newslistsummary{
	height:34px;
}

ul.newslist li.newslistsummary p {
	display: block;
	width: auto;
}
.newslistbox img {
	float: right;
	margin-top: 5px;
}

.newslistbox {
	background: #ccc;
	border-top: solid 1px #CC0256;
	padding: 8px 8px 15px 8px;
}
.odd {
	background: #fff;
}
.even {
	background: #eee;
}
.newslistboxlast {
	border-top: solid 1px #CC0256;
	border-bottom: solid 1px #CC0256;
	padding: 8px 8px 5px 8px
}

 
  /* News styles stop */
  /* Current vacancies specific start */
ul.vaclist {
	float: left;
	width: 100%;
}
ul.vaclist li {
	width: 100%;
	list-style: none;
}
ul.vaclist li.vaclistdate {
	font-size: 80%;
	font-weight: bold;
}
ul.vaclist li.vaclisttitle {
	font-size: 80%;
	font-weight: bold;
}
ul.vaclist li.vaclisttitle a {
	color: #0573c0;
	text-decoration: none;
}
ul.vaclist li.vaclisttitle a:hover {
	color: #0573c0;
	text-decoration: underline;
}
ul.vaclist li.vaclistsummary {
	padding-bottom: -10px;
	font-size: 100%;
}
ul.vaclist li.vaclistsummary p {
	display: block;
	width: auto;
}
  /*Current vacancies specific ends */
  
a.inpagelink, .wysiwyg a {
	font-size: 100%;
	text-decoration: none;
	color: #0573c0;
	font-weight: bold;
}
a.inpagelink:hover, .wysiwyg a:hover {
	font-size: 100%;
	text-decoration: underline;
	color: #0573c0;
	font-weight: bold;
}
 
  /* Inpage forms styles start */
  
.formBox {
	margin: 0px 10px 10px 0px;
}
.formBox p {
	font-size: 75%;
	font-weight: bold;
	margin: 5px 0px 4px 0px;
	padding: 0px;
}
.formBox span label {
	font-size: 75%;
	margin: 5px 0px 4px 10px;
	padding: 0px;
}
.formBox input.textField {
	border: solid 1px black;
	margin: 0px 0px 4px 0px;
}
.formBox textarea {
	border: solid 1px black;
	margin: 0px 0px 4px 0px;
}

.asterix {
	font-weight: bold;
	font-size: 120%;
	color: #ff0000;
}

  /* Inpage forms styles stop */
  
  .noBold {font-weight: normal;}
  
  .closeLink {
  	padding-top: 20px;
	padding-right: 20px;
  }
  
  .printLogo {
  	margin-left: 30px;
  	margin-bottom: 30px;
	margin-top: 20px;
  }
  
  .BottomMargin15px {
  	margin-bottom: 15px;
  }
  .TopMargin15px {
  	margin-top: 15px;
  }
  
  a.pdf, a.iconLink {
  	padding-left: 24px;
  	padding-bottom: 5px;
	font-size: 100%;
	text-decoration: none;
	color: #0573c0;
	font-weight: normal;
	line-height: 20px;
  }
  a.pdf:hover, a.iconLink:hover {
  	padding-left: 24px;
  	padding-bottom: 5px;
	font-size: 100%;
	text-decoration: underline;
	color: #0573c0;
	font-weight: normal;
	line-height: 20px;
  }
  a.pdf {
  	background: url("/images/icons/pdf.gif") no-repeat left 0.0em;
  }  
  
  .pageButton {
  	width: 50px;
	padding: 0px;
	margin: 0px;
  }
  .pageButton a {
	padding: 0px;
	margin: 0px;
  }
  .pageButton a img {
	padding: 0px;
	margin: 0px;
  }
  
  .formBox select {width: 212px; margin: 0px 0px 4px 0px;}
  
  .linkstitle {
	font-size: 75%;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 5px 0;
	color: #CC0256;
    display: block;
  }
  
  .subtitle {
	font-size: 85%;
	font-weight: bold;
	margin: 20px 0px 4px 0px;
	padding: 0px;
	color: #CC0256;
  }
  
  .quote {
    text-align: center;
    font-style: italic;
  }

  .quoteOtd { 
    text-align: center;
  }
  
  
  div.error{
  	color:red;
  }
  div.error input, div.error textarea{
  	border-color:red !important;
  }  
  
  div.fielderror .error{
  	font-size: 85%;
  	color:red;
	text-align:center;
	margin:0 auto 1em;
	width:75%;
	border:1px solid;
	padding:1em;
  }
  
  div.fielderror .error ul{
	margin-top:1em;
	list-style:none;
  }

.help { margin-right: 10px; }
.helpTxt {  }
.helpTxt img { float: none; }
.helpTxt p { font-size: 90%; }
.helpTxt H1 { padding-left: 0px; margin-left: 0px; margin-bottom: 10px; }
.helpTxt ul { list-style-position: outside; list-style-type: square; margin-left: 20px; font-size: 95%; }
.helpTxt ol { list-style-position: outside; list-style-type: square; margin-left: 40px; }
/* purple */
.purple { color: #683895; font-size: 110%; }
.purple a:link, .purple a:visited, .purple a:hover { color: #683895; font-weight: bold; }