body
{
    font-family: Trebuchet MS;
    font-size: 11pt;
    text-align: center; /* do not remove, this is to make ie6 centre divs*/
}

div
{
    font-family: arial, "lucida console", sans- serif;
}

p
{
    font-family: arial, "lucida console", sans- serif;
    font-size: 11pt;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom:10px;
    padding-top: 0px;
}

h1
{
    font-size: 18pt;
    font-weight: normal;
}

h2
{
    font-size: 14pt;
    font-weight: normal;
    margin-bottom: 10px;
}

.main
{
    text-align:left;    /* according to the body setting */
    margin-left: auto;
    margin-right: auto;
    width: 900px;
}

.menu
{
    background-image: url(images/menu-background.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    clear: both;
    height: 30px;
    /*margin: 10px 0px 10px 0px;*/
    margin-bottom:10px;
    width: 900px;
    position:relative;
    top:5px;
}

.menu_left
{
    position:absolute;
    left:0px;
    height:30px;
    width:660px;
}

.download
{
    background-image: url(images/download_bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
    /*float: right;*/
    position:absolute;
    right:0px;
    /* z-index:2; */
    height: 30px;
    width: 265px;
    padding-top:7px;
    /*padding: 7px 0px 0px 85px;*/
}

div.download span
{
    color:White;
    font-size:12px;
    word-spacing:0.2em;
    letter-spacing:-0.05em;
    text-decoration:underline;
    padding-left:32px;
}

.content
{
    background-color: #d9e6f0;/*#C8D2E3;*/
    clear: both;
    min-height: 600px;
    padding-top: 7px;
    overflow: auto;
    width: 900px;   
    padding-bottom:20px;
}

.banner
{
    padding:0;
    margin:0;
    /*background-image: url(images/middle-banner.jpg);*/
    width: 900px;
    height: 140px;
    position:relative;
    margin-left:0px;
    margin-right:0px;
    overflow:hidden;
}

.banner_text_div
{
/*
    margin-left:333px;
    padding-top:25px;
    position:relative;
    overflow:hidden;
    margin:0;
    padding:0;
*/
}

/*
.banner_text_div img
{
    border: 0;
    margin:0;
}
*/

.banner_text_div .on_image_banner_text
{
    position: absolute;
    top: 25px;
    left:333px;
}

.banner_text_div span
{
    color:#b2cbdd;
}

.banner_text_div span.banner_bottom, .banner_text_div span.banner_top
{
    display:block;
    font-size:40px;
    color:#b2cbdd;
    margin:0;
    padding:0;
    font-family:"Trebuchet MS";
}

.banner_text_div span.banner_bottom
{
    margin-left:200px;
    color:White;
}

.footer
{
    background-color: #FFFFFF;
    background-image: url(images/footer-background.jpg);
    background-position: right top;
    background-repeat: repeat-x;
    clear: both;
    min-height: 10px;
    padding-top: 25px;
    width: 900px;
    text-align:center;
    vertical-align:middle;
}

.footerLinks
{
    margin-top: 5px;
    max-height: 30px;
    min-width: 200px;
    font-weight: bold;
}

.footerLinks a, .footerLinks a:hover, .footerLinks a:visited
{
    color: #767779;
}

.under_footer
{
    height:15px;
}

.content-left
{
    clear: both;
    float: left;
    margin: 25px;
    _margin-left:18px;
    width: 225px;
}

.content-pane
{
    float: left;
    margin: 25px;
    margin-right:0px;
    *margin-left:0px;
    width:585px;
    text-align:left;
}

.headerBar
{
    background-image: url(images/grange-banner.jpg);
    background-repeat:no-repeat;
    height: 110px;
    width: 900px;
    position:relative;
}

.header_speech
{
    position:absolute;
    top:18px;
    left:390px;
    height: 80px;
    width:445px;
    line-height:20px;
}

p.topSpeechText
{
    margin: 0px;
    color: White; 
    text-align: left; 
    word-spacing:-0.1em; 
    margin-top:5px;
    margin-left:5px;
    font-size: 14pt;
    font-weight: normal;
    margin-bottom: 5px;
}

/* follows is for the text style */
.blue_header
{
    font-size:14px;
    color:#0068b3;
    font-weight:bold;
    display:block;
}

.lspeech_wrapper
{
    padding: 20px; 
    position: relative; 
    width: 200px; 
    min-height: 30px;
}

.lspeech_left /* give the wrapper div a relative position */
{
    position:absolute;
    top:0px;
    left:0px;
    width:51px;
    height:44px;
    background:url(images/speech_left_bg.gif);
    background-repeat:no-repeat;
    z-index:1;
}

.lspeech_right
{
    position:absolute;
    bottom:0px;
    right:0px;
    width:47px;
    height:41px;
    background:url(images/speech_right_bg.gif);
    background-repeat:no-repeat;
    z-index:1;
}

.lspeech_mid
{
    position:relative;
    font-size:16px;
    font-style:italic;
    color:#0068b3;
    z-index:2;
}

.content-pane div
{
    font-size:14px;
}

.content-pane ul
{
    margin:0;
}

.content-pane li
{
    padding-left:10px;
    font-size:14px;
    list-style:square inside;
}

.text_underlined
{
    text-decoration:underline;
}

.text_blue_colour
{
    color:#0068b3;
}

.text_bold
{
	font-weight:bold;
}

.content .wide_content_pane
{
	width:850px;
        margin:20px !important;
}

.cta_pane
{
    width:539px;
    height:90px;
    float:left;
    margin-top:15px;
    background-image:url(images/cta_bg.gif);
    position:relative;
}

.content .wide_content_pane .cta_pane
{
    margin-left:250px;
}

.cta_pane .arrow_left, .cta_pane .arrow_right
{
    display:block;
    position:absolute;
    height:60px;
    width:60px;
    left:7px;
    top:10px;
    border-width:0;
    font-size:1px;
    text-indent:-2000px;
}

.cta_pane .arrow_right
{
    left:470px;
    top:65px;
    width:23px;
    height:23px;
}

.cta_pane span
{
    color:White;
    font-size:14px;
}

span.cta_bottomline
{
    position:absolute;
    bottom:5px;
    right:70px;
    font-size:14px;
    word-spacing:-0.05em;
}

span.cta_topline
{
    display:block;
    position:absolute;
    top: 15px;
    left:90px;
    font-size:18px;
}

span.cta_middleline
{
    display:block;
    position:absolute;
    top:35px;
    left:90px;
    font-size:16px;
}

/* follows are for feedback form style */
div.feedback_row
{
    position:relative;
    margin-top:3px;
}

span.item_name span
{
    float:left;
    width:100px;
}

span.item_itself 
{
    margin-left:10px;
}

span.item_itself input
{
    height:30px;
    font-size:medium;
}

span.item_itself table tr,
span.item_itself table input, 
span.item_itself table label
{
    display:block;
    float:left;
    padding-left: 2px;
    height:12px;
}

span.item_itself table label
{
    padding-top:2px;
}

span.item_itself textarea
{
    font-size:medium;
}

/* feedback style ends here*/