body {
background: #D9D9D9 url("../images/whiteGreyGradBkgd.gif") repeat-x fixed left top;
}

div#head {
background: #000 url("../images/cipdHeaderBkgd2.jpg") no-repeat left top;
}

h2.h1, h1.blue
{
color: #57029E;
}

h3, span.h3 
{
color: #57029E;
}

#extraCol1 h2 {
background: transparent url("../images/gradientHorizPurpleWhiteBorderWhiteGreyBkgd.gif") no-repeat left top;
}

#extraCol1 h3 {
background: transparent url("../images/gradientHorizPurpleWhiteBorderWhiteGreyShortBkgd.gif") no-repeat left top;
}

div#nav {
background: #E66F1F url("../images/gradientVerticalYellowDropS.gif") repeat-x left bottom;
}

ul#navSecondary
{
border: 2px solid #E2BB34;
}

#nav a:hover, #nav a.active, #site #nav .active
{
background: transparent url("../images/gradientVertWhiteYellow27px.gif") repeat-x left top;
color: #57029E;
border-left: 1px solid #E2BB34;
border-right: 1px solid #E2BB34;
}

#site ul#navSecondary ul
{
border: 2px solid #E2BB34;
}

#site ul#navSecondary li a:hover, #site ul#navSecondary li a.active
{
background: #E66E1E url("../images/gradientVerticalYellow.gif") repeat-x left top;
}

div#footer {
background: #370E5C url("../images/gradientPurpleBkgd.gif") repeat-x left top;
}

#site .buttonPurpleGradientStriped167x35
{
width: 147px;
height: 25px;
padding: 8px 0px 0px 18px;
background: transparent url("../images/buttonPurpleGradientStriped167x35.png") no-repeat left top;
}

/********** LINKS ***********/

a:link,a:visited {
background-color: transparent;
color: #57029E;
}

a:hover {
background-color: transparent;
color: #ED9601;
}

.forwardChevron a:link,.forwardChevron a:visited {
background: transparent url("../images/chevronPurple.gif") no-repeat center right;
}

.forwardChevron a:hover {
background: transparent url("../images/chevronOrangeLight.gif") no-repeat center right;
}

.reverseChevron a:link,.reverseChevron a:visited {
background: transparent url("../images/reverseChevronPurple.gif") no-repeat center left;
}

.reverseChevron a:hover {
background: transparent url("../images/reverseChevronOrangeLight.gif") no-repeat center left;
}

/** RAM: I cant be bothered to change this to pyLink for the new colour scheme **/

#site a.woLink:link, #site a.woLink:visited
{
color: #fff;
}

#site a.woLink:hover
{
color: #FFE719;
}

/***** RAM: LISTS *****/

ul
{
list-style: square outside url("../images/arrowOrange.gif");
}

/* RAM: used only in terms and conditions at the moment 
this is done to get the numbers coloured
*/
ol
{
color: #57029E;
font-weight: bold;
}

ol p 
{
color: #000;
font-weight: normal;
}

/***** RAM: TABLES *******/

#site table thead {
border-color: #57029E;
}

/* IE border */
#site table th {
border-color: #57029E;
}

#site table tr {
border-color: #57029E;
}

/* IE border */
#site table td {
border-color: #57029E;
}

/***** RAM: GENERAL ******/

/* blue text is now purple */
.blueText
{
color: #57029E;
}

#pscroller1{
height: 280px;
}

/*
*
* SITE UPDATES: LAYOUT CHANGES
* Date: 21-09-2011
*
*/

#extraCol1 {
margin-top: 18px;
}

#extraCol2 {
margin-top: 23px;
}