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

15 june 09 Able Creative ltd

colours:

WARM GREY 8		8B8178  WARM GREY
7417			DC5034	RED
7482			B4D200	GREEN
7409			EEAF00	YELLOW
7526			8D3C1E 	ROSEWOOD
7459			3095B4	BLUE
Screen Only     f3f2ee  LIGHT GREY




*/

/* RESET 

------------------------------------------------

------*/
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;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:Arial, Helvetica, 

sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
text-align:center;
background-image:url(../img/green-leaf-bg.gif);
background-position:center top;
background-repeat:repeat-y;
}
	
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the 

markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* RESET */






body {
background-color: #b4d200;
text-align:center;
}

div#toparea {
float:right;
width: 740px;
background-image:url(../img/top-bg-leaf.gif);
background-position: 10px 0px;
background-repeat:no-repeat;
padding: 15px 0 0 0;
margin: 0 0 0px 0;
border-bottom: solid 10px #dbdbdb;
}

div#topband {
float:left;
width: 740px;

}

#topbartitle {
float:left;
background-color:#f3f2ee;
height: 25px;
line-height: 25px;
width:100%;
}

#nextBar {
float:left;
height: 25px;
line-height: 25px;
width:465px;
font-size: 75%;
padding: 0 30px 0 5px;
margin: 0 0 0 0;
border-top: solid #dbdbdb 10px;
}

#nextBar a{
color:#FFFFFF;
text-decoration:none;
}

.backLink {
float: left;
margin: 0 0 0 20px;
width: 100px;
text-align:left;
}

.forwardLink {
float: right;
margin: 0 0px 0 0;
width: 160px;
text-align:right;
}



#contentArea #topbartitle p{
font-size:70%;
color: #DC5034;
margin: 0 0 0 20px;
}

#contentArea #topbartitle H1{
font-size:70%;
color: #DC5034;
margin: 0 0 0 20px;
}

#topbartitle2 {
float:left;
height: 25px;
line-height: 25px;
width:100%;
margin: 0 0 10px 0;
display:inline;

}

#contentArea #topbartitle2 p{
font-size:70%;
color: #8b8178;
margin: 0 0 0 20px;
}

div#page {
width: 960px;
text-align:left;
margin: 0px auto;
padding: 0px 0 0 0;
}

div#topbar {
float:left;
width: 700px;
height: 90px;
padding: 0 0 0 25px;
display:inline;
}

div#topbar p{
float:right;
width: 450px;
color:#8b8178;
font-size: 70%;
margin: 35px 0 0 0;
padding: 0 0 0 0;
font-weight:bold;
display:inline;
}

div#topbar img{
float:left;
}

div#logo {
float:left;
width: 160px;
height: 180px;
margin: 0 0 0 25px;
}

div#topnav {
float:right;
width: 721px;
margin: 10px 0px 5px 15px;
padding: 0 0 0px 0;
display:inline;
}

div#topnav a{
color: #8B8178;
text-decoration:none;
}

div#topnav a:hover{
color: #91a600;
text-decoration:underline;
}

div#topnav ul{
float:left;
margin: 0 0 0 20px;
padding: 0 0 0 0;
font-size: 90%;
display:inline;
}

div#topnav li{
float:left;
margin: 0 10px 0 0px;
padding: 0 10px 0 0;
background-image:url(../img/green-split-bar.gif);
background-repeat:no-repeat;
background-position:right;
display:inline;
}

div#newsTicker {
float:right;
clear:right;
width: 600px;
margin: 10px 10px 0 0;
padding: 0 0 0 0;
color: #DC5034;
font-size: 80%;
text-align:right;
display:inline;
}

div#newsTicker a:link{
color: #8B8178;
}

div#projectsList {
float:left;
width: 210px;
margin: 0px 0 0 10px;
padding: 0 0 0 0;
font-size: 80%;
display:inline;
background-color:#FFFFFF;
border-top: solid 10px #dbdbdb;
}





.menuTitle {
color: #91a600;
margin: 0 0 0px 0;
padding: 5px 0 0 20px;
height:20px;
font-weight:bold;
text-align:left;
background-image:url(/img/lefttabgrad.jpg);
background-repeat:repeat-x;
}



.menuTitle2 {
color: #8B8178;
margin: 0 0 0px 0;
padding: 5px 0 5px 10px;
font-size: 80%;
border: #f3f2ee 1px solid;
}

.menuTitle3 {
color: #91a600;
margin: 0 0 0px 0;
padding: 3px 15px 0 20px;
height:12px;
font-weight:bold;
text-align:right;
background-color:#B4D200;
background-image:url(/img/news-capping.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
border:none;

}


div#projectsList ul{
float:left;
width: 210px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div#projectsList li{


}

.siteLi {
font-size: 100%;
font-weight:bold;
list-style:none;
/* background-image:url(../img/site.gif); */
background-repeat:no-repeat;
background-position: 0px 5px;
width: 190px;
margin: 5px 0px 2px 0px;
padding: 5px 0px 2px 15px;
border-top: 1px #8B8178 dashed;
color: #91a600;
}

.projectLi {
font-size: 95%;
background-image:none;
list-style:none;
background-image:url(../img/arrow-icon.gif);
background-repeat:no-repeat;
background-position: 25px 3px;
width: 140px;
margin: 2px 0px 2px 0px;
padding: 0px 0px 0px 35px;
border-bottom: 1px #f3f2ee dashed;
color: #8B8178;
}

.projectLi a{
color: #8B8178;
text-decoration:none;
}

.projectLi a:hover{
color: #DC5034;
text-decoration:underline;
}






.contentpanelContainer {
float:left;
width: 460px;
min-height: 230px;
margin: 0px 20px 20px 20px;
padding: 0 0 5px 0;
border-bottom:#f3f2ee solid 1px;
display:inline;
background-color:#EEAF00;
}

/* homepage blocks start */

.hompageBlock1 {
float:left;
width: 460px;
background-color: #EEAF00;
background-image:url(/img/pride_colourblocks_y1.jpg);
background-position:right top;
background-repeat:no-repeat;
text-align:right;
margin: 0 0 10px 20px;
display:inline;
}

.hompageBlock2 {
float:left;
width: 460px;
background-color: #3095B4;
background-image:url(/img/pride_colourblocks_b2.jpg);
background-position:right top;
background-repeat:no-repeat;
text-align:right;
margin: 0 0 10px 20px;
display:inline;
}

.hompageBlock3 {
float:left;
width: 460px;
background-color: #8D3C1E;
background-image:url(/img/pride_colourblocks_b3.jpg);
background-position:right top;
background-repeat:no-repeat;
text-align:right;
margin: 0 0 10px 20px;
display:inline;
}

.hompageBlock4 {
float:left;
width: 460px;
background-color: #DC5034;
background-image:url(/img/pride_colourblocks_r1.jpg);
background-position:right top;
background-repeat:no-repeat;
text-align:right;
margin: 0 0 10px 20px;
display:inline;
}

#centreCol1 .hompageBlock1 a:link{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock1 a:visited{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock1 a:active{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock1 a:hover{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock2 a:link{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock2 a:visited{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock2 a:active{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock2 a:hover{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock3 a:link{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock3 a:visited{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock3 a:active{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock3 a:hover{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock4 a:link{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock4 a:visited{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock4 a:active{
color:#FFFFFF;
text-decoration:none;
}

#centreCol1 .hompageBlock4 a:hover{
color:#FFFFFF;
text-decoration:none;
}

.hompageBlockText {
float:right;
width: 220px;
padding: 10px 10px 0 0;
}

/* homepage blocks end */

.hompageBlock1 {

}



.contentpanel1L1 {
float:left;
width: 200px;
min-height: 230px;
margin: 0px 0 0px 20px;
padding: 0 0 5px 0;
color:#FFFFFF;
display:inline;
}

.contentpanel1L2 {
float:left;
width: 200px;
min-height: 230px;
margin: 0px 0 0px 20px;
padding: 0 0 5px 0;

display:inline;
color:#FFFFFF;
}



#contentArea .contentpanel1L a:link{
text-decoration:none;
color: #DC5034;
}

#contentArea .contentpanel1R a:link{
text-decoration:none;
color: #DC5034;
}


#contentArea .contentpanel1L a:visited{
text-decoration:none;
color: #DC5034;
}

#contentArea .contentpanel1R a:visited{
text-decoration:none;
color: #DC5034;
}

#contentArea .contentpanel1L a:active{
text-decoration:none;
color: #DC5034;
}

#contentArea .contentpanel1R a:active{
text-decoration:none;
color: #DC5034;
}

.contentpanel1L a:hover{
text-decoration:underline;
color: #DC5034;
}

.contentpanel1R a:hover{
text-decoration:underline;
color: #DC5034;
}

.contentpanel1R {
float:right;
width: 220px;
min-height: 230px;
margin: 0px 20px 20px 0;
padding: 0 0 5px 0;
border-bottom:#f3f2ee solid 1px;
display:inline;
}

div#contentArea {
float:left;
width: 500px;
margin: 0 0 0 10px;
padding: 0 0 0 0px;
display:inline;
background-color:#FFFFFF;
}



#contentArea a:link{
text-decoration:none;
color: #DC5034;
}


#contentArea a:visited{
text-decoration:none;
color: #DC5034;
}

#contentArea a:active{
text-decoration:none;
color: #DC5034;
}

#contentArea a:hover{
text-decoration:underline;
color: #DC5034;
}


div#contentpanel1 p.menuTitle2 {
font-size: 100%;
}

div#selectProject {
font-size:80%;
color:#DC5034;
margin: 0 0 10px 0;
padding: 0 0 0 0;
}

div#selectProject a{
color:#DC5034;
margin: 0 0 10px 0;
padding: 0 0 0 0;
}

div#centreCol1 {
float:left;
width: 500px;
margin: 0 0 0 0;
padding: 0 0px 20px 0px;
display:inline;
background-color:#B4D200;
}


div#centreCol2 {
float:left;
width: 520px;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-image:url(../img/bar-bg.gif);
display:inline;
}


div#awardsPanel {
float:right;
clear:right;
width: 190px;
text-align:left;
margin: 0 0 0 0;
padding: 10px 0 10px 20px;
margin: 10px 10px 0 0;
color:#8B8178;
display:inline;
background:#FFFFFF;
font-size: 75%;
}

div#awardsPanel a{
color:#DC5034;
}





div#newsTop {
float:right;
clear:right;
width: 210px;
margin: 0 10px 0 0px;
padding: 0 0 0 0;
font-size: 90%;
text-align: right;
border-top: #8b8178 dashed 0px;
display:inline;
background-color:#B4D200;
color:#FFFFFF;
}

div#newsTop a{
color: #FFFFFF;
text-decoration:none;
}

div#newsTop a:hover{
color: #FFFFFF;
text-decoration:underline;
}

div#newsBottom {
float:right;
clear:right;
width: 230px;
margin: 0 10px 0 20px;
padding: 15px 0 20px 0;
font-size: 70%;
border-top: #8b8178 dashed 1px;
display:inline;
}


div#newsBottom H4{
font-size: 120%;
color: #B4D200;
}


div#newsTop ul{
float:left;
margin: 5px 0 0 0;
padding: 0 0 0 0;
}

div#newsTop li{
margin: 5px 0px 10px 4px;
padding: 5px 15px 5px 30px;
border-bottom: 1px #8B8178 dashed;
list-style:none;
/* background-image:url(../img/news-bg.gif); */
background-position:right;
background-repeat:repeat-y;
color: #8B8178;
}

#newsTop .bulletTitle {
color: #DC5034;
margin: 10px 0px 5px 2px;
padding: 5px 0px 5px px;
background-image:none;
border-top: 1px #8B8178 dashed;
font-weight:bold;
text-align: left;

}


/* CONTENT STYLES */


.floatR{
float:right;
margin: 0 20px 0 0;
display:inline;
}


.floatL{
float:left;
margin: 0 0 0 20px;
display:inline;
display:inline;
}

.floatRight{
float:right;

}


.floatLeft{
float:left;

}

img.margin20 {
margin: 0 20px 0 0;
}

.largerText{
font-size: medium!important;
}

.smallerText{
font-size: small!important;
}


.green {
color: #B4D200;
}

.bold {
font-weight:bold;
}

.dashBottom {
border-bottom:#8b8178 dashed 1px;
padding: 0 0 10px 0;
}

.marginBottom {
margin: 0 0 10px 0;
}

.smallGrey {
color: #8B8178;
font-size: 70%;
}

.smallLGrey {
color: #f3f2ee;
font-size: 70%;
}

.boxOut {
border: #B4D200 solid 1px;
padding: 5px 5px 5px 5px;
background-image:url(/img/PriDE_Leaf_fade100.jpg);
background-position:top right;
background-repeat:no-repeat;
}

.boxOut2 {
border: #EEAF00 solid 1px;
padding: 5px 5px 5px 5px;
background-image:url(/img/PriDE_Leaf2_fade100.jpg);
background-position:top right;
background-repeat:no-repeat;
}






/* CONTENT STYLES */
#contentArea {

}

#contentArea p{
font-size: 80%;
color:#8b8178;
margin: 0 0 10px 0;
}

#contentArea ul{
font-size: 80%;
color:#8b8178;
margin: 10px 0 10px 0;
}

#contentArea li{
margin: 0 0 0 0;
padding: 0 0 0 15px;
list-style:none;
background-image:url(../img/leaf-icon.gif);
background-repeat:no-repeat;
background-position: 0px 8px;
font-weight:bold;
}

#contentArea p.quote{
font-size: 140%;
font-weight:normal;
color:#8b8178;
margin: 0 0 15px 0;
padding: 0 0 0 0;
}

#contentArea h1{
font-size: 140%;
font-weight:normal;
color:#8b8178;
margin: 0 0 15px 0;
padding: 0 0 0 0;
}

#contentArea h2{
font-size: 75%;
color:#8b8178;
border-bottom:#8b8178 dashed 1px;
margin: 0 0 10px 0;
font-weight:bold;
}

#contentArea h3{
font-size: 75%;
color:#8b8178;
}

#contentArea h4{
font-size: 75%;
color:#8b8178;
}

#contentArea h5{
font-size: 75%;
color:#8b8178;
}

#contentArea h6{
font-size: 75%;
color:#8b8178;
}

#contentArea a{
color:#DC5034;
}

#leftColText {
float:left;
width: 220px;
margin: 0 20px 0 20px;
display:inline;
}

#leftColText img{
margin: 0 0 10px 0;
}

#leftColTextWide {
float:left;
width: 340px;
margin: 20px 0 0 60px;
display:inline;
}

#rightColText {
float:left;
width: 220px;
margin: 0 0 0 0;
display:inline;
}

#rightColText img{
margin: 0 0 10px 0;
}

#leftColText img.margin20 {
margin: 0 20px 10px 0;
}

#rightColText img.margin20 {
margin: 0 20px 10px 0;
}



#doubleColText {
float:left;
width: 460px;
margin: 0 20px 0 20px;
display:inline;
}

#footer {
float:left;
margin: 30px 0 0 10px;
padding: 10px 0 5px 240px;
width: 710px;
background-color:#FFFFFF;
background-image:url(../img/leaf.gif);
background-position: 200px 4px;
background-repeat:no-repeat;
border-bottom:#8b8178 dashed 1px;
border-top:#8b8178 dashed 1px;
font-size: 60%;
color: #8B8178;
display:inline;
}

#footer a{
color: #DC5034
}

#footer p{
margin: 0 0 5px 0;
}



.italic {
font-style:italic;
}