/*******************************************
COLOURS
Body Background Dark Grey   #88857c
Body Background Light Grey  #b3b1ab
Content Background Blue     #043669
Link Blue                   #003468
Highlight Blue              #708fad



*******************************************/

html {/* Stops flickering of background images in IE6*/
  filter: expression(document.execCommand("BackgroundImageCache", false, true));}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;} 

#home {background: url(../images/background.gif) top center repeat-y #88857c;}    
    
body, p, div, td, li {
    color: #222;
    font: 12px/18px Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {
    color: #043669;
    margin-bottom: 18px;
    line-height: 32px;
    font-weight: normal;}

h1.pageTitle {
    float: right;
    margin: 18px 0 0 0;
    position: relative;
    right: 21px;
    width: 620px;
    height: 50px;
    font-size: 18px;
    line-height: 55px;
    text-indent: 30px;
    color: #fff;
    background: url(../images/heading_bg.gif) top left no-repeat;}
    
h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4, h5, h6 {line-height: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 12px;}

a:link,
a:visited {
    color: #003468;
    text-decoration: none;}

a:focus,
a:hover,
a:active {
    color: #708fad;
    text-deoration: underline;}

/*******************************************
ELEMENT MARGINS
*******************************************/

p,
table {margin-bottom: 18px;}
    
ul,
ol {margin: 0 0 18px 36px;}

ul ul,
ol ol,
ul ol,
ol ul {margin-bottom: 0;}


/*******************************************
LAYOUT
*******************************************/
    
div#header {
    width: 955px;
    margin: 18px auto 0 auto;
    position: relative;
    left: 2px;
    background: #fff;}
        
div#container {
    width: 867px;
    margin: 0 auto;
    background: url(../images/container_background.gif) top center repeat-y #003468;}
    
    div#content {
        float: right;
        width: 620px;
        position: relative;
        right: 20px;
        background: url(../images/content_bg.gif) top left repeat-y #fff;}
        
        div#minigenBody{
            min-height: 300px;
            margin: 9px 20px 0 30px;
            width: 570px;}
        
            #minigenBodyBottom {
                display: block;}
        
        #ie6only div#minigenBody {
            height: 300px;}
            
    div#navigation { 
        float: left;
        width: 185px;
        position: relative;
        left: 20px;
        margin: -38px 0 0 0;}
        
        #ie6only div#navigation {margin-top: -43px;}
    
    div#extra {
        clear: both;
        width: 100%;
        padding: 0;
        margin: 0;
        background: url(../images/content_bottom.gif) bottom left no-repeat;}
        
        div#extra img {
            display: block;
            position: relative;
            xtop: 10px;}
        
    div#footer {
        height: 80px;
        margin: 0;
        padding-top: 9px;
        background: url(../images/background.gif) top center repeat-y;}
        
        div#footer p {
            color: #fff;
            font-size: 14px;
            text-align: center;}

/*******************************************
ARTICLES
*******************************************/
#articleContainer {}

.primaryArticleCategory {}
.primaryArticleCategory h1 {}
.primaryArticleCategory h2 {}

.secondaryArticleCategory {margin-left: 30px;}
.secondaryArticleCategory h1 {}
.secondaryArticleCategory h2 {}

.articleItem {margin-left: 10px;}
.articleBody {margin-left: 10px;}

/*******************************************
NEWS
*******************************************/

#newsPanel {}
    
#newsPanel h2 {display: none;}
    
#newsPanel ul {
    padding:0;
    margin:0;
    list-style-type:none;}
        
#newsPanel ul li ul li {
    padding: 0;}
    
    .primaryNewsCategoryTitle {display: none;}
        
    .secondaryNewsCategoryTitle {
        font-weight:bold;
        font-size:120%;
        color:#AAA33B;
        padding-bottom:10px;}
        
    .newsItemTitle {
        font-weight:bold;
        clear: both;
        margin-left: 3px;}
        
        .newsItemTitle img {
            float: left;
            margin: 4px 9px 0 0}
        
    .newsItemDate {font-weight: bold;}
    
    .newsItemSummary {
        padding-bottom:10px;
        margin-left: 35px;
        padding-right: 9px;
        font-size: 11px;}
        
    .newsItemLink {
        float: right;
        padding-right: 9px;}
    
/*******************************************
SEARCH BOX
*******************************************/
#search {
    width: 190px;
    float: right;
    margin: -24px 9px 0 9px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;}


#search form {
    float: right;
    margin-top: -22px;}

.searchField {
    width:100px;}

.searchButton {
    color:blue;}
    

/*******************************************
SEARCH Results
*******************************************/
.searchResultHeader { 
    font-size:14px;
    font-weight:bold;}

.searchResultAbstract {
    font-style : italic;
    padding-bottom:15px;}

.docHeadings {
    font-weight:bold;}

.searchSubHeader {
    font-size:14px;}
    
/*******************************************
PRIMARY MENU
*******************************************/
/* Root = Vertical, Secondary = Horizontal */

ul#primary,
ul#primary ul{
    margin:0 ;
    border: 0 none;
    padding: 0px;
    width: 185px; /*For KHTML*/
    list-style: none;
    text-indent: 0;}

/* this is the root menu */
ul#primary li {
    margin: 0;
    text-indent: 12px;
    width: 185px !important; /*For KHTML/Firefox*/
    width: 185px; /*For IE*/
    list-style: none;
    font: 12px/40px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
    color:#FFF;
    background: url(../images/menu_bg.gif) top left no-repeat;
    float: left; /*For IE 7 lack of compliance*/
    display: block !important; /*For GOOD browsers*/
    display: inline; /*For IE*/
    position: relative;}

ul#primary ul {
    background: url(../images/sub_menu_bg.gif) top left no-repeat;
    width: 240px;}    
    
ul#primary li li,
ul#primary li li li {
    display: block;
    color: #FFF;
    font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    background: none;
    height: auto !important;
    height: 1%; /*For IE*/
    width: 240px !important;
    width: 240px; /*For IE*/ } 
 
ul#primary:after { /*From IE 7 lack of compliance*/
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 0;
    visibility: hidden;}
  
ul#primary li:hover,
ul#primary li.iehover,
ul#primary li#navSelected {
    background-position: 0 -40px;
    color: #fff;
    cursor: pointer;}

/* Root Menu - with href*/
ul#primary li a,
ul#primary li li a,
ul#primary li li li a,
ul#primary li li li li a {
    padding: 0 0 8px 0;
    display: block;
    color: #FFF;
    font: 12px/32px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/}
    
    
ul#primary li li a,
ul#primary li li li a,
ul#primary li li li li a {
    padding: 8px 0 0 0;
    font: 12px/18px Verdana, Arial, Helvetica, sans-serif;}

/* Root Menu Hover Persistence */
ul#primary a:hover,
ul#primary li:hover,
ul#primary li:hover a,
ul#primary li.iehover,
ul#primary li.iehover a {
    background-position: 0 -40px;
    color: #FFF;}

/* 2nd Menu */
ul#primary li:hover li a,
ul#primary li:hover li,
ul#primary li.iehover li,
ul#primary li.iehover li a {
    color: #043669;}

/* 2nd Menu Hover Persistence */
ul#primary li:hover li a:hover,
ul#primary li:hover li:hover,
ul#primary li:hover li:hover a,
ul#primary li.iehover li a:hover,
ul#primary li.iehover li.iehover,
ul#primary li.iehover li.iehover a{
    background-position: 0 -40px;
    color: #FFF; }

/* 3rd Menu */
ul#primary li:hover li:hover li a,
ul#primary li.iehover li.iehover li a {
    color: #043669;}

/* 3rd Menu Hover Persistence */
ul#primary li:hover li:hover li a:hover,
ul#primary li:hover li:hover li:hover a,
ul#primary li.iehover li.iehover li a:hover,
ul#primary li.iehover li.iehover li.iehover a{
    background-position: 0 -40px;
    color: #FFF;}

/* 4th Menu */
ul#primary li:hover li:hover li:hover li a,
ul#primary li.iehover li.iehover li.iehover li a {
    color: #043669;}

/* 4th Menu Hover */
ul#primary li:hover li:hover li:hover li a:hover,
ul#primary li.iehover li.iehover li.iehover li a:hover{
    background-position: 0 -40px;
    color: #FFF;}

ul#primary ul{
    display: none;
    position: absolute;
    top: 0;
    left: 185px;
    background: url(../images/sub_menu_bg.gif) top left no-repeat;
    z-index: 99;
    direction: ltr;}


ul#primary ul ul,
ul#primary ul ul ul {
    display: none;
    position: absolute;
    top: 0;
    left: 165px;}

/* Do Not Move - Must Come Before display:block for Gecko */

ul#primary li:hover ul ul,
ul#primary li:hover ul ul ul,
ul#primary li.iehover ul ul,
ul#primary li.iehover ul ul ul{
    display: none;}

ul#primary li:hover ul,
ul#primary ul li:hover ul,
ul#primary ul ul li:hover ul,
ul#primary li.iehover ul,
ul#primary ul li.iehover ul,
ul#primary ul ul li.iehover ul {
    display: block;}   
    
/*******************************************
li.subBottom {
    position: relative;
    left: -12px;
    top: 20px;}   
*******************************************/
    
    .subMenuBottomImg {
        display: block;}
    
/*******************************************
UTILITY MENU
*******************************************/   

ul#utility {
    list-style: none;
    text-align: center;} 
    
    ul#utility li {
        display: inline;
        text-align: center;
        margin: 18px 0;
        padding: 0 10px;
        border-right: 1px solid #003468;
        line-height: 18px;
        font-weight: bold;}
        
        ul#utility a:hover,
        ul#utility li:hover,
        ul#utility li:hover a,
        ul#utility li.iehover,
        ul#utility li.iehover a {
            color: #fff;}
            
ul#utility li.lastLi {border-right: 0 none;}