/*******************************************
COLOURS
Mid Blue:   #085695
Dark Blue:  #062e59
Lime Green: #d3d017
Dark Green: #948f2b
Text Grey:  #222222




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

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;} 

body {background-color: #faf6d9;}
    
body, p, div, td, li {
    color: #222;
    font: 12px/18px Arial, Helvetica, sans-serif;}

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

h1 {font-size: 36px;}
h2 {font-size: 32px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {
    font-size: 18px;
    line-height: 18px;}
h6 {
    font-size: 14px;
    line-height: 18px;}

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

a:focus,
a:hover,
a:active {
    color: #948f2b;
    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
*******************************************/
#container {
    width: 960px;
    margin: 0 auto;
    padding-right: 8px;
    background: url(../images/shadow-yellow.gif) top right repeat-y;
    z-index: 2;
    border-left: 1px solid #fff;}

#bottomshadow {
    width: 968px;
    margin: 0 auto;
    position:relative;
    background: url(../images/shadow-yellow-bottom.gif) top right repeat-x;
    z-index: 1;}

#layout {
    width: 100%;
    background-color: #fff;
    margin-bottom: 0;}

    #header {}
    
    #topNav {
        background-color: #B6B6B6;}
    
    #search {
        background-color: #B6B6B6;}
    
    #headerRow td {
		height:20px;
		background: url(../images/header-bg.gif) top left repeat-x;}
        
        #headerRow td h1 {margin-bottom: 0;}
    
    #leftPanel,
    #content,
    #rightPanel {vertical-align: top;}
    
    
    #leftPanel {
        width: 160px;
		margin:0;
		padding:0;
		background:#A9D69F;}
		
    #default #leftPanel	{
		height:460px;}
		
    #home #content {
        width: 625px;
		padding-top:10px;}
            
    #default #content {
        width: 800px;
		padding-top:10px;}
        
        #minigenBody {margin: 0 18px 18px 18px;}
    
    #rightPanel {
        width: 180px;
		background: url(../images/news-bg.gif) top left no-repeat;
		height:460px;}
        
        #rightPanel .panel {
            margin: 0 auto 18px auto;
            width: 90%;
            height: 118px;
            border: 1px solid #085695;}
            
        #rightPanel a {
            float: left;
            clear: both;
            font-size: 150%;
            margin: 9px 0 0 0;}
        
        #rightPanel img {
            border: 0 none;
            background-color: #ccc;}
        
        #rightPanel .floatR {
            float: right;
            margin: 9px;}
            
        #rightPanel .floatL {
            float: left;
            padding: 9px;
            position: relative;
            top: 32px;}
    
    #footer {
        color: #d3d017;
        font-size: 150%;
        line-height: 150%;
        font-style: italic;
        padding: 36px 0 36px 100px;}
    
    #bottomNav {
        background-color: #d3d017;
        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 {position: relative; left: -5px;}
    
#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: 15px;}
    
    .newsItemTitle img {
        float: left;
        margin: 4px 9px 0 0}
    
.newsItemDate {font-weight: bold;
	margin-left: 15px;}

.newsItemSummary {
    padding-bottom:10px;
    margin-left: 15px;
    padding-right: 9px;
    font-size: 11px;}
    
.newsItemLink {
    float: right;
    padding-right: 9px;}
    
/*******************************************
SEARCH BOX
*******************************************/
#search {
    width: 200px;
    float: right;
    margin: -24px 9px 0 9px;
    font-weight: bold;
    font-size: 14px;
    color: #000;}

    #search form {
        float: right;
        margin-top: -22px;}
    
    #searchCaption {
        font-weight: bold;
        font-size: 14px;}
    
    .searchField {
        width:100px;}
    
    .searchButton {
    	margin-left:5px;
        color:#000;}

/*******************************************
LOGIN BOX
*******************************************/  
        
 .login {
 padding-left: 3px;
 }
    .login .loginField{
        width: 140px;}
    

/*******************************************
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 = Vertical */
ul#primary,
ul#primary li,
ul#primary ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 150px; /*For KHTML*/
  list-style: none;
  z-index: 99;}

ul#primary {margin-right: -10px;}

#ie7only ul#primary {right: -10px;}    
 
ul#primary:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

/* Root Menu a */
ul#primary a {
  display: block;
  color: #000;
  font: bold 11px/29px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu li (none ahref) */
ul#primary li,
ul#primary li li {
  padding-left: 10px;
  float: left; /*For IE 7 lack of compliance*/
  position: relative;
  display: block !important; /*For GOOD browsers*/
  background-color:#A9D69F;
  color: #000;
  font: bold 11px/29px Verdana, Arial, Helvetica, sans-serif;
  height: auto !important;
  height: 1%; /*For IE*/
  text-decoration: none;
  border-bottom:1px solid #ffffff;
}

ul#primary ul li {text-align: left; xpadding-left: 32px; padding-right: 0;}

/* 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 {
  color: #FFF;
}

/* 2nd Menu */
ul#primary li:hover li,
ul#primary li:hover li a,
ul#primary li.iehover li,
ul#primary li.iehover li a {
  background-color:#A9D69F;
  color: #006633;
}

/* 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 {
  color: #FFF;
}

/* 3rd Menu */
ul#primary li:hover li:hover li,
ul#primary li:hover li:hover li a,
ul#primary li.iehover li.iehover li,
ul#primary li.iehover li.iehover li a {
  background-color:#A9D69F;
  color: #006633;
}

/* 3rd Menu Hover Persistence */
ul#primary li:hover li:hover li a:hover,
ul#primary li:hover li:hover li: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,
ul#primary li.iehover li.iehover li.iehover a {
  color: #FFF;
}

/* 4th Menu */
ul#primary li:hover li:hover li:hover li a,
ul#primary li.iehover li.iehover li.iehover li a {
  background-color:#A9D69F;
  color: #006633;
}

/* 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 {
  color: #FFF;
}

ul#primary ul,
ul#primary ul ul,
ul#primary ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
  border-left:2px solid #FFF;}

/* 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;
}
    
/*******************************************
UTILITY MENU
*******************************************/   

ul#utility {
    width: 100%;
    margin: 0 auto;
    list-style: none;
    text-align: left;} 

ul#utility a:link,
ul#utility a:visited {color:#000;}
    
ul#utility li {
    display: inline;
    text-align: center;
    padding: 0 10px;
    border-right: 1px solid #ffffff;
    line-height: 30px;
    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;}