/* CSS styles for screen display */

/* -- Overide styles for xhtml tags -- */
* {
    font-family:  "Trebuchet MS", Tahoma, Arial, sans-serif;
    font-size:10pt;
    line-height:14pt;
    color:rgb(34,34,34);    
}

body {
  margin:0px;
  text-align:center; /* IE6 fix for alignment of site */
  background-color: rgb(253,243,213);
}

img {
    border-width:0px;
}

h1 {
    font-size:15pt;
    line-height:17pt;
}

h2 {
    font-size:14pt;
    line-height:16pt;
    margin-bottom:0pt;
}

h3,h4 {
    font-size:12pt;
    line-height:14pt;
    margin-bottom:0pt;
}
h4 {
    margin-top:6pt;
    font-size:11pt;
    color:rgb(55,55,55);
    margin-bottom:3pt;
}

hr {
    color:gray;
    background-color: gray;
    height:1px;
    border:0;
}

table {
    border: 1px solid rgb(127,127,127);
    border-collapse: collapse;   
}
td, th {
    border: 1px solid rgb(127,127,127);
    padding:4px;
}

.smallprint {
    font-size:8pt;
    line-height:10pt;
}
blockquote {
    margin-top:0px;
}

/* -- Psuedo and class styles -- */
#pageContainer {
    width:920px;
    min-height:700px;
    text-align:left;
    margin:0 auto; /* Center website - IE7/FireFox/Safari/Opera */
}

.titleText {
    color:rgb(34,34,34);
    font-weight:bold;       
}

#siteHeader {
    width:357px;
    height:219px;
    float:left;
}
#siteStrap {
    /* appears on the right of the logo */
    width:506px;
    padding-top:24px;
    float:right;
    font-size:17px;
    line-height:16pt;
    font-weight:normal;
}

#siteStrapInner {
    /* appears on the right of the logo */
    width:506px;
    padding-top:24px;
    margin-top:25px;
    float:right;
    font-size:13pt;
    line-height:16pt;
    font-weight:normal;
}

#siteStrap p, #siteStrap p * {
    font-size:25px;
    line-height:21pt;
    font-weight:bold;
}
#siteStrap p a {
    text-decoration: none;
    color:rgb(10,117,10); 
    font-weight:bold;  
}


#siteMenu {
    width:920px;
    height:45px;
    background: url(/images/layout/menu_greenBacking.gif) repeat-x;
	overflow: hidden;
}
#siteMenu_container {
    margin-left:58px;
}
#siteMenu a {
    color:yellow;
    display:block;
    float:left;
    height:34px;
    line-height:34px;
    font-size:13px;
    text-decoration:none;
    font-weight:bold;
    padding:0 10px;
}
#siteMenu a:hover {
    color:white;
}
.menuDivider {
    float:left;
    width:1px;
    border-left:1px solid rgb(41,122,47);
    background-color: rgb(162,231,162);
    margin:0 10px;
    height:32px;
}

#mainContainer {
    border:1px solid rgb(127,127,127);
    width:919px;
}

/* left column */
#column_left {
    float:left;
    width:195px;
}
#column_left .heading { /* remove bold for the left column heading */
    width:175px;
    padding-left:20px;
    height:37px;
    line-height:37px;
    color:white;
    text-transform:uppercase;
    background-color:rgb(127,127,127);
}
#column_left .padding {
    margin:5px;
}
#column_left .outlineBox {
    border:1px solid rgb(10,117,10);
    padding:5px;
}
#column_left .outlineBox *, #column_left .outlineBox { /* every element inside outlineBox */
    font-size:9pt;
    line-height:12pt;
}

/* main column */
#column_main {
    min-height:400px;
    float:left;
    width:722px;
    border-left:1px solid rgb(127,127,127);
}


img.centred { /* img class="centred" ..  */
    display:block;
    text-align:center;
    margin:0 auto; 
    border:1px solid rgb(127,127,127);  
}

#column_main .heading { /* remove bold for the left column heading */
    width:703px;
    padding-left:20px;
    height:37px;
    line-height:37px;
    color:rgb(127,127,127);
    background-color:rgb(217,221,160);
}

#column_main .padding {
    margin:10px 15px;
}

#column_main .pdf {
    color:rgb(153,0,0);
}
#column_main .bold {
    font-weight:bold;
}
#column_main .important {
    font-weight:bold;
    text-transform: uppercase;
}
#column_main .red {
    color:rgb(153,0,0);
}

#column_main a, #column_main .padding a, #column_main * a {
    color:rgb(10,117,10);
    text-decoration:none;   
}
#column_main a:hover, #column_main * a:hover {
    text-decoration:underline;   
}
#column_main a:hover, #column_main .padding a:hover {
    text-decoration:underline;   
}

#column_main h2 {
    font-size:12pt;  
    text-transform: uppercase; 
}
#column_main h3 {
    font-size:10pt; 
    border-bottom:1px solid rgb(127,127,127);
    margin-top:0px; 
    padding-bottom:2px;
}

#pageTitle {
    float:left;
    width:450px;
    height:37px;
    line-height:37px;
}

#searchBar {
    float:right;
    text-align:right;
    width:200px; 
    height:35px;
    margin-top:1px; 
    margin-right:0px; 
}
#searchBar form {
    margin:0;   
}
#searchBar form fieldset {
    border-width:0;   
}
#searchBar form input { /* style for the search Go button */
    width:35px;   
}
#searchBar form .inputbox { /* style for the search input field - MUST appear after the input style */
    width:100px;   
}

.superScript, .superScript *, sup {
    font-size:8pt;
    color:rgb(153,0,0);
}



.notes ul, .notes ol {
    list-style:decimal;
}
.notes ol li, .notes ol li a, .notes ul li, .notes ul li a, .notes em, .notes table *, .notes strong {
    font-size:9pt;
    color:rgb(153,0,0);
}


.clearall {
    clear:both;
    height:0px;
    overflow:hidden;
    padding:0; margin-top:0px;
}


/* left Menu */

#leftMenu {
    padding:5px;
}

#leftMenu a {
    display:block;
    height:20px;
    padding:2px 7px; /* topbottom leftright */
    color:rgb(10,117,10);
    background-color: transparent;
    text-decoration:none;
	overflow: hidden;
}
#leftMenu a:hover {
    background-color:rgb(69,152,69);
    color:white;    
}
#leftMenu hr {
    color:rgb(127,127,127);   
    background-color:rgb(127,127,127);
    margin:2px 0;
    height:1px;
}
#leftMenu .important {
    font-weight:bold;
    color:rgb(10,117,10);
}
#leftMenu .important:hover {
    background-color:rgb(69,152,69);
    color:rgb(231,233,10);    
}

/* Scroller */
#scrollContainer{
    /* this is the main outer container for the whole scroller element */
    position:relative;
}
#scrollContainer img{
    float:left;
    margin-right:2px;
}
#scrollContainer .greenBar {
    float:left;
    width:366px;
    height:26px;
    background-color:rgb(69,152,69);
    color:white;
    padding-bottom:1px;
}
#scrollContainer .greenBar > * {
    margin:0; padding:0;
    padding-left:20px;
    color:white;
    font-size:10pt;
    line-height:26px;
    text-decoration: none;
}

#scrollContainer .greenBar > a:hover {
    text-decoration:underline;
}

#scrollerContainer div a {
    text-decoration:none;
    color:rgb(10,117,10);
    font-weight:bold;
}

#scrollerContainer {
    width:366px;
    height:82px;
    background-color: rgb(224,224,224);
    overflow:hidden;
    position:relative;
    border-top:1px solid rgb(253,243,213);
    border-bottom:1px solid rgb(253,243,213);
}

#scrollerContainer > div {
    /* overid all inner divs to ensure correct scrolling behavior */
    position:absolute;
    width:366px;
    height:82px;
    overflow:hidden;    
    visibility:visible;
    top:100px; /* must be greater than the height */
}

#scrollerContainer > div > div {
    margin-left:10px;margin-right:10px; 
}
#scrollerContainer > div * {
    font-size: 8pt;
    line-height:11pt;
}


/* Home page specific CSS (512 px centre area) */
.homeColumn_centre {
    float:left;
    width:525px;
    border-right:1px solid rgb(127,127,127);
}

.homeColumn_centre h1 {
    font-size:14pt;
    padding-top:10px;   
}
    
#homeColumn_right{
    float:right;
    width:188px;
    margin-top:10px;
}
#homeColumn_right .outlineBox {
    width:168px;
    border:1px solid rgb(10,117,10);
    padding:5px;
}
#homeColumn_right .outlineBox, #homeColumn_right .outlineBox * { /* every element inside outlineBox */
    font-size:9pt;
    line-height:12pt;
}

#homeColumn_right h1 {
    text-transform:uppercase;
    font-size:9pt;  
    margin:0px; 
    padding:0px;
}
#homeColumn_right p {  
    font-size:9pt;
    line-height:11pt;
    margin-top:10px;
}

/* footer */
#footer {
    text-align:center;
    font-size:8pt;
    padding-top:10px;
    padding-bottom:10px;
    color:rgb(127,127,127);
}

/* page specific styles */
.briefingColumn {
    float:left;
    width:260px;
}