@import url(../css/style.css);
/*** div layouts ***/
#container {
    margin: 0;
    background: url(../images/gradient.jpg) #FFF repeat-x bottom left;
    min-height: 100%;
    height: 100%;
}

#header {
    margin: 0;
    padding: 0;
    height: 160px;
    width: auto;
    background: url(../images/gradient2.jpg) #FFF repeat-x top left;
}

#rings {
    margin: 20px 50px 0 0;
    height: 180px;
    padding: 0;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/flagpole.gif) no-repeat top right;
}
#rings h1 {margin-top: 75px;}

#topnav {
    margin: 0 auto auto 20px;
    padding: 0;
    height: 30px;
    min-width: 800px;
    width: 100%;
}

#leftnav {
    padding: 5px 0 0 0;
    width: 135px;
    float: right;
}

#body {
    margin: 0 ;
    padding: 0 40px 20px 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;  
    vertical-align: top;
    xbackground-color: #fff;      
}

#body td {font-size: 10pt}

#footer {
    clear: both;
    margin: auto 0 0 20px;
    text-align: center;
    font-size: 90%;
    color: #000;
}

.menuLink {
    height: 25px;
    padding: 7px 0 5px 5px;
}

.menuLink a {
    background: url(../images/1-menu.jpg) top-left no-repeat; 
    width: 135px; 
    font:  bold 12px/30px condensed Verdana, Arial, Helvetica, sans-serif;
    height: 31px;
    color: #c96d2e;
    text-decoration: none;
    padding-left: 5px;
}

.menulink a:hover {
    background-position: 0 -31px;
    color: #FFF;
}


/*** News ***/
#newsPanel {
    margin: 5px 0 0 0;
    padding: 0;
    width: 135px;
    background: url(../images/1-news.jpg) #CCC no-repeat 0 0;
}
#newsPanel h2 {
    padding: 8px 0;
    font-size: 12px;
    color: #FFF;
    text-indent: 25px;
    font-stretch: condensed;
}
#newsPanel ul {
    padding:0;
    margin: 0;
    list-style-type:none;
    text-indent: 12px;
    font-size: 100%;
    background-color: #CCC;
    border-collapse: 
}
#newsPanel ul li ul li {
    font-size:85%;
    padding: 0 0 5px 0;
    margin:0;
    color: #333;
}

#newsPanel .utilityNewsCategoryTitle { 
    padding: 0; 
    margin: 0;
    font-weight:bold;
    font-size: 110%;
    color:#333;
}
#newsPanel .secondaryNewsCategoryTitle {}

#newsPanel .newsItemTitle { font-weight:bold;}

#newsPanel .newsItemDate {font-style: italic;}

#newsPanel .newsItemSummary { 
    text-indent: 15px;
    padding: 0 0 5px 0;
} 

#newsPanel .newsItemLink {}



/********** LEFT NAVIGATION MENU ***********/

/* Root = Vertical, Secondary = Horizontal */
ul#utility,
ul#utility ul,
ul#members,
ul#members ul{
  margin:0 ;
  border: 0 none;
  padding: 0px;
  width: 135px; /*For KHTML*/
  list-style: none;
  text-indent: 0;
}

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



ul#utility li li,
ul#utility li li li,
ul#members li li,
ul#members li li li {
    margin: 0;
    padding: 5px 0 5px 5px; 
    display: block;
    color: #FFF;
    border-bottom: 1px solid #FFF;
    font: 12px/21px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
    background:url(../images/1-menu.jpg) #FFF no-repeat 0 0;
    width: 135px !important;
    width: 140px; /*For IE*/ 
} 
 
ul#utility:after,
ul#members:after { /*From IE 7 lack of compliance*/
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
ul#utility li:hover,
ul#utility li.iehover,
ul#members li:hover,
ul#members li.iehover {
    background-position:  0 -31;
    color: #CCC;
    cursor: pointer;
}

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

/* Root Menu Hover Persistence */

ul#utility a:hover,
ul#utility li:hover a,
ul#utility li.iehover a,
ul#members a:hover,
ul#members li:hover a,
ul#members li.iehover a {
   color: #CCC;
}

/* 2nd Menu */

ul#utility li:hover li a,
ul#utility li.iehover li a,
ul#members li:hover li a,
ul#members li.iehover li a {
    color: #FFF;
}

/* 2nd Menu Hover Persistence */

ul#utility li:hover li a:hover,
ul#utility li:hover li:hover a,
ul#utility li.iehover li a:hover,
ul#utility li.iehover li.iehover a,
ul#members li:hover li a:hover,
ul#members li:hover li:hover a,
ul#members li.iehover li a:hover,
ul#members li.iehover li.iehover a {
  background-position: 0 -31px;
  color: #CCC;

}

/* 3rd Menu 

ul#forms li:hover li:hover li a,
ul#forms li.iehover li.iehover li a {
  background: #EEE;
  color: #001D61;
}*/

/* 3rd Menu Hover Persistence 
ul#forms li:hover li:hover li a:hover,
ul#forms li:hover li:hover li:hover a,
ul#forms li.iehover li.iehover li a:hover,
ul#forms li.iehover li.iehover li.iehover a {
  background: <cfoutput>#barBgColour#</cfoutput>;
  color: #FFF;
}*/

/* 4th Menu 
ul#forms li:hover li:hover li:hover li a,
ul#forms li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #072B61;
}*/

/* 4th Menu Hover 
ul#forms li:hover li:hover li:hover li a:hover,
ul#forms li.iehover li.iehover li.iehover li a:hover {
  background: <cfoutput>#barBgColour#</cfoutput>;
  color: #FFF;
}*/

ul#utility ul,
ul#members ul {
  display: none;
  position: absolute;
  top: 0;
  left: 135px;
  border: 0 none;
}


ul#utility ul ul,
ul#utility ul ul ul,
ul#members ul ul,
ul#members ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 135px;
}

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

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

ul#utility li:hover ul,
ul#utility ul li:hover ul,
ul#utility ul ul li:hover ul,
ul#utility li.iehover ul,
ul#utility ul li.iehover ul,
ul#utility ul ul li.iehover ul,
ul#members li:hover ul,
ul#members ul li:hover ul,
ul#members ul ul li:hover ul,
ul#members li.iehover ul,
ul#members ul li.iehover ul,
ul#members ul ul li.iehover ul {
  display: block;
}

/******************* TOP MENU ********************/
/* Root = Horizontal, Secondary = Vertical */
ul#primary {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: auto; /*For KHTML*/
  list-style: none;
  height: auto;
  display: block !important;
  display: inline;
}

ul#primary li {
  border: 0 none;
  padding: 0 5px;
  margin: 0;
  margin-right: 10px;
  float: left; /*For Gecko*/
  width:135px;
  display: inline;
  list-style: none;
  position: relative;
  background: url(../images/1-menu.jpg) #FFF no-repeat 0 0;
  height: 30px;
  color: #c96d2e;
  font: bold 12px/30px condensed Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align: left;
}

ul#primary #navSelected {background-position: 0 -31px;}

ul#primary #navSelected a {color: #FFF;}

ul#primary #navSelected li:hover,
ul#primary #navSelected li.iehover,
ul#primary #navSelected li:hover a,
ul#primary #navSelected li.iehover a {background-position: 0 -31px; color: #FFF;}

ul#primary ul {
  margin: 0;
  border: 0 none;
  padding: 0 ;
  width: 135px;
  list-style: none;
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
}

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

ul#primary ul li {
  border-top: 6px solid #FFF;
  width: 135px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  background: url(../images/1-menu.jpg) #FFF no-repeat 0 0;
}

/* Root Menu */
ul#primary a {
  border: 1px hidden;
  padding: 0;
  margin: 0;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: inline;
  color: #c96d2e; 
  font: bold 12px/30px condensed Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  text-align: left;
}

/* Root Menu Hover Persistence */
ul#primary li:hover,
ul#primary li.iehover {
  background:url(../images/1-menu.jpg) no-repeat 0 -31px;
  color: #FFF;
  cursor: default; 
}

ul#primary li:hover a,
ul#primary li.iehover a {
    color: #FFF;
}


/* 2nd Menu */

ul#primary li:hover li,
ul#primary li.iehover li,
ul#primary li:hover li a,
ul#primary li.iehover li a {
  float: none;
  color: #c96d2e;
}

/* 2nd Menu Hover Persistence */

ul#primary li:hover li:hover,
ul#primary li:hover li:hover ,
ul#primary li.iehover li:hover,
ul#primary li.iehover li.iehover,
ul#primary li:hover li:hover a,
ul#primary li:hover li:hover a,
ul#primary li.iehover li:hover a,
ul#primary li.iehover li.iehover a {
  color: #FFF;
}



/* ---------------------------------------------------------------- */
/* 3rd Menu */
ul#primary li:hover li:hover li a,
ul#primary li.iehover li.iehover li a {
  float: none;
  xbackground: #EEE;
  color: #EEE;
}

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

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

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

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

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