/* Initialise padding and margins and font sizes */
html, body, div, table, h1, h2, h3, h4, h5, h6, p, form, img 
{
    margin: 0;
    border: 0px none;
    padding: 0;
    font-size: 100.01%
}

ul, li, blockquote, cite
{
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
}

/* HTML Styles ---------------------------------------------------------- */

tr.topMargin
{
    margin: 3px 0 0 0;
}

body
{
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    font-family: verdana, tahoma, helvetica, sans-serif;
}

p
{
    font-family: verdana, tahoma, helvetica, sans-serif;
    font-size: 60%;
    color: #3C3C3C;
    line-height: 160%;
    margin-bottom: 1em;
}

label
{
    font-family: verdana, tahoma, helvetica, sans-serif;
    font-size: 60%;
    color: #3C3C3C;
    margin-top: 35px;
    margin-bottom: 5px;
}

ul
{
    font-family: verdana, tahoma, helvetica, sans-serif;
    font-size: 60%;
    color: #3C3C3C;
    line-height: 160%;
    margin-bottom: 1em;
}

ul.newsHeadlines
{
    list-style-image: url("../images/newsBullet.gif");
    line-height: 160%;
}

ul.catTop
{
    list-style-type: none;
    line-height: 160%;
    font-size: 80%;
    font-weight: bold;
}

ul.catSecond
{
    list-style-image: url("../images/catSecond.gif");
    list-style-type: circ;
    line-height: 160%;
    font-size: 70%;
    font-weight: bold;
}

/* Pink Title */
h1
{
    font-family: arial, verdana, tahoma, helvetica, sans-serif;
    font-size: 75%;
    font-weight: bold;
    color: #B75985;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 5px;
}

/* Grey Title */
h2
{
    font-family: arial, verdana, tahoma, helvetica, sans-serif;
    font-size: 75%;
    font-weight: bold;
    color: #4B4B4B;
    padding-top: 0px;
    padding-bottom: 15px;
    margin-left: 5px;
}

/* Grey Title no margin left */
h3
{
    font-family: arial, verdana, tahoma, helvetica, sans-serif;
    font-size: 75%;
    font-weight: bold;
    color: #4B4B4B;
    padding-top: 0px;
    margin-bottom: 5px;
}

/* White Title */
h4
{
    font-family: arial, verdana, tahoma, helvetica, sans-serif;
    font-size: 75%;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 0px;
}

/* Grey Title top, bottom and left margin */
h5
{
    font-family: arial, verdana, tahoma, helvetica, sans-serif;
    font-size: 75%;
    font-weight: bold;
    color: #4B4B4B;
    padding-top: 0px;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left: 15px;
}

/* Pink Title no margin bottom */
h6
{
    font-family: arial, verdana, tahoma, helvetica, sans-serif;
    font-size: 75%;
    font-weight: bold;
    color: #B75985;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
}



img
{
    /* turns off gaps around images */
    border:	0px none; 
}

a.inCopy
{
    font-weight: bold;
}

a
{
    text-decoration: none;
}

a:link
{
    color: #3C3C3C;
    background-color: transparent;
}

a:visited
{
    color: #3C3C3C;
    background-color: transparent;
}

a:hover
{
    color: #3C3C3C;
    background-color: transparent;
    text-decoration: underline;
}

a:active
{
    color: #A8A6A7;
    background-color: transparent;
}

.strong
{
    font-weight: bold;
}

.emphasis
{
    font-style: italic;
}

.mandatory
{
    font-family: verdana, tahoma, helvetica, sans-serif;
    color: #B75985;
    line-height: 160%;
    margin-bottom: 1em;
    margin-left: 2px;
    font-weight: bold;
}

.unScrollableContent
{
    height: 200px;
    /*overflow: auto;*/
    background-color: #FFF;
    border-style: solid;
    border-color: #3C3C3C;
    border-width: 1px;
}

.scrollableContent
{
    height: 200px;
    overflow: auto;
    background-color: #FFF;
    border-style: solid;
    border-color: #3C3C3C;
    border-width: 1px;
}

.pinkLeftBorder
{
    border-style: solid;
    border-color: #B75985;
    border-left-width: 1px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
}

.pinkTitle
{
    color: #B75985;
}

.mainContent
{
    margin-left: 5px;
}

.links
{
    font-family: verdana, tahoma, helvetica, sans-serif;
    font-size: 60%;
    color: #3C3C3C;
    margin-bottom: 5px;
}

.imgBorder
{
    border-style: solid;
    border-color: #3C3C3C;
    border-width: 1px;
    margin: 8px 15px 15px 15px;
    float: left;
    clear: none;
}

.imgBorderNoWrap
{
    border-style: solid;
    border-color: #3C3C3C;
    border-width: 1px;
}

.boSelector
{
    margin: 15px;    
    float: left;
    clear: none;
}

.paddedTable
{
    margin: 0 0 0 5px;
}


/* Custom Styles -------------------------------------------------------- */

#container
{
    background-color: #F7F7F7;
    background-image: url('../images/mainBackground2.gif');
    background-repeat: repeat-x;
    margin: 15px;
}

#containerHome
{
    background-color: #F7F7F7;
    background-image: url('../images/mainBackground.gif');
    background-repeat: repeat-x;
    margin: 15px;
}

/* flowers */
#containerInner
{
    background-image: url('../images/flowers.gif');
    background-repeat: no-repeat;
    background-position: bottom left;
    max-width: 960px;
    /* IE max width hack */
    width:expression(document.body.clientWidth > 960? "960px": "auto" );
}

#logo
{
margin: 15px 0 0 0;
}

#bottomStrip
{
    background-color: #EBEAEA;
    background-image: url('../images/stripBackground.jpg');
    background-repeat: repeat-y;
    padding: 0px;
    font-size: 60%
}

#bottomStripInternal
{
    background-color: #EBEAEA;
    background-image: url('../images/stripBackground.jpg');
    background-repeat: repeat-y;
    font-size: 60%; 
    padding: 9px 15px 8px 9px;
    line-height:18px;
}

.interestingDropdown
{
    margin: 0;
    align: left;
}

.copyrightFloat
{
    float: right;
    vertical-align: 50%;
}

.footerLeft
{
    float: left;
    margin: 0 15px 0 0;
    font-family: verdana, tahoma, helvetica, sans-serif;
    font-size: 60%;
    color: #3C3C3C;
    line-height: 160%;
    margin-bottom: 1em;
}

.footerRight
{
    float: right;
    margin: 0 15px 0 0;
    font-family: verdana, tahoma, helvetica, sans-serif;
    font-size: 60%;
    color: #3C3C3C;
    line-height: 160%;
    margin-bottom: 1em;
}

/* Fix for the IE hand right align problem */
.ieFix
{

}

/* div catalogue list -------------------------------------------------- */

td.head
{
    padding: 5px;
    white-space: nowrap;
    align: left;
    text-align: left;
}

div.catalogueA
{
    font-family: verdana, tahoma, helvetica, sans-serif;
    border-top: 3px solid #fff;
    font-size: 60%;
    font-weight: bold;
    font-color: #FFFFFF;
    padding: 5px;

}

div.catalogueA a:link
{
    color: #fff;
}

div.catalogueA a:visited
{
    color: #fff;
}

div.catalogueA img
{
    border: 0px;
    margin: 0px 0px 0px 0px;
    float: none;
    clear: none;
}

div.catalogueB
{
    font-family: verdana, tahoma, helvetica, sans-serif;
    border-top: 3px solid #fff;
    font-size: 60%;
    font-weight: bold;
    font-color: #FFFFFF;
    padding: 5px;

}

div.catalogueB a:link
{
    color: #fff;
}

div.catalogueB a:visited
{
    color: #fff;
}

div.catalogueB img
{
    border: 0px;
    margin: 0px 0px 0px 0px;
    float: none;
    clear: none;
}


/* table item bits -------------------------------------------------- */

table#item
{
    padding: 5px;
    font-family: verdana, tahoma, helvetica, sans-serif;
    border-left: solid 1px #5E5E5E;
    border-right: solid 1px #5E5E5E;
    border-top: solid 4px #5E5E5E;
    border-bottom: solid 4px #5E5E5E;
    background-color: #FFF;
}

/* unordered list nav -------------------------------------------------- */

li#li1
{
    font-family: arial, verdana, tahoma, helvetica, sans-serif;
    color: #3C3C3C;
    line-height: 160%;
    margin-left: -12px;
}

li#li2
{
    font-family: arial, verdana, tahoma, helvetica, sans-serif;
    color: #3C3C3C;
    line-height: 160%;
    margin-left: -4px;
}

li#li3
{
    font-family: arial, verdana, tahoma, helvetica, sans-serif;
    color: #3C3C3C;
    line-height: 160%;
    margin-left: 4px;
}

li#li4
{
    font-family: arial, verdana, tahoma, helvetica, sans-serif;
    color: #3C3C3C;
    line-height: 160%;
    margin-left: 12px;
}
#interestingLinks
{
    scrollbar-base-color: #ccc;
    width: 200px;
    margin: 0 15px 0 0;
    background: #ccc;
    color: #333;
}

.formFixed
{
    width: 260px;
    align: left;
}