/*---- S T A R T   D E F A U L T S ----*/
/* =================================== */
/* Default font size */
body, body div, body p, body th, body td, body li, body dd  {
  font-size: x-small
}

html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd {
  font-size: x-small
}

.test {
  color: red;
 }

body {
  background-color: #ffffff;
  margin: 0px 0px 0px 0px;
/*
  12px or 9pt is 75%/0.75em (given a default size for medium as 12pt or 16px)
  all font sizes will be a percentage of this value.
*/
  font-family: Verdana, Helvetica, sans-serif;
  color: #333333;
}

a {
  color: #3366FF;
}

a:visited {
  color: #795591;
}

p {
  font-size: 90%;
  font-family: verdana;
  margin: 0px 0px 12px 0px;
}


h1 {
  font-size: 150%;
  padding: 0px;
  margin: 1em 0px 0.5em 0px;
  color: #4e2f92;
  font-weight: normal;
}

h2 {
  font-size: 100%;
  padding: 0px;
  margin: 1em 0px 0.5em 0px;
  color: #575555;
}

h3 {
  font-size: 115%;
  color: #666;
  font-weight: bold;
  padding: 0px;
  margin: 1em 0px 0.5em 0px;
}

h4 {
  font-size: 1em;
  font-weight: bold;
  color: #000;
  padding: 0px;
  margin: 1em 0px 0.5em 0px;
}

h5 {
  font-size: 1em;
  font-style: italic;
  font-weight: bold;
  color: #000;
  padding: 0px;
  margin: 1em 0px 0.5em 0px;
}

.noMargin {
  margin: 0px 0px 0px 0px;
}


.hidden {
  display: none;
}

.clear {
  clear: both;
}

/* =============================== */
/*---- E N D   D E F A U L T S ----*/


/*---- S T A R T   L O G I N   B A R ----*/
/* ===================================== */
#login-bar {
  height: 1.8em;
}

#login-bar .container-right {
  font-size: 100%;
  padding-left: 0px;
  margin: 1px 5px 0px 0px;
  Xheight: 22px;
  Xline-height: 22px;
  height: 1.5em;
  line-height: 1.5em;
}

#login-bar .container-right {
  float: right;
}

#login-bar .container-right a {
  color: #333;
  text-decoration: none;
}

#login-bar .container-right a:hover, #loginbar .container-right a:focus {
  text-decoration: underline;
}

/* ================================= */
/*---- E N D   L O G I N   B A R ----*/


/*---- S T A R T   B A N N E R ----*/
/* =============================== */
#banner {
  background: url('../images/top-bar-spacer.jpg');
  height: 133px;
  border: 0px solid #000000;
  margin: 0px;
  padding: 0px;
}

#banner #logo {
  float: left;
  background: url('../images/logo.jpg') no-repeat;
  height: 133px;
  width: 204px;
}

#banner #search-bar {
  background-image: url('../images/top-right-pic.jpg');
  background-repeat: no-repeat;
  background-position: top right;
  float: right;
  text-align: right;
  font-weight: bold;
  font-size: 100%;
  color: #fff;
  height: 100%;
  padding: 0px 0px 0px 0px;
  width: 310px;
}

#banner #search-bar form {
  margin: 0px 0px 0px 0px;
  padding: 16px 5px 0px 0px;
  float: right;
}

#banner #search-bar-text
{
  float: left;
  margin: 2px 9px 0px 0px;
}

#banner #search-bar-input input {
  float: left;
  font: normal 100% Verdana;
  margin: 1px 9px 0px 0px;
  border: 1px solid #CCCCCC;
}

#banner #search-bar-go {
  background: url('../images/go.gif') no-repeat;
  width: 23px;
  height: 18px;
  float: left;
  margin: 0px 4px 0px 0px;
  font-size: 1px; 
}
/* =========================== */
/*---- E N D   B A N N E R ----*/

/*---- S T A R T   F O O T E R   B A R ----*/
/* ======================================= */
#footer-bar {
  height: 1.8em;
  background-color: #ddd;
}

#footer-bar .container-left,
#footer-bar .container-right {
  font-size: 100%;
  padding-left: 0px;
  margin: 1px 5px 0px 5px;
  Xheight: 22px;
  Xline-height: 22px;
  height: 1.5em;
  line-height: 1.5em;
}

#footer-bar .container-left {
  float: left;
}

#footer-bar .container-right {
  float: right;
}

#footer-bar .container-left a,
#footer-bar .container-right a {
  color: #333;
  text-decoration: none;
}

#footer-bar .container-left a:hover, #footer-bar .container-left a:focus,
#footer-bar .container-right a:hover, #loginbar .container-right a:focus {
  text-decoration: underline;
}

/* =================================== */
/*---- E N D   F O O T E R   B A R ----*/

/*---- S T A R T   C O P Y R I G H T   N O T I C E ----*/
/* =================================================== */
#copyright-notice {
  margin: 9px 0px 0px 9px;
  font: normal 11px Calibri;
  color: #CCCCCC;
}
/* =============================================== */
/*---- E N D   C O P Y R I G H T   N O T I C E ----*/

/*---- S T A R T   P R I N T   N O T I C E ----*/
/* =================================================== */
#print-notice {
  display: none;
}
/* =============================================== */
/*---- E N D   P R I N T   N O T I C E ----*/

/*---- S T A R T   C O N T E N T   S T Y L E S ----*/
/*
   The content area includes:
   1. Branding
   2. Left Column
   3. Centre Column (content column)
   4. Right Column

   The "content column" is made up of:
   1. Breadcrumbs
   2. Sub-menu navigation
   3. Page Tools (print/email/text/page top)
   4. Content

   The Navigation styles are located in the menu
   stylesheet.
               */
/* =============================================== */

#content-container-outer {
  background-image: url('../images/body-bg.gif');
  background-repeat: repeat-y;
}

#content-container {
  background-image: url('../images/body-bg.gif');
  background-repeat: repeat-y;
  background-position: top left;
}

#col-left {
  width: 161px;
  margin-bottom: 40px;
  padding-left: 0px;
}

#col-content {
  padding-bottom: 40px;
  padding-right: 10px;
  padding-left: 5px;
}

#col-content #col-content-wrapper {
  padding-bottom: 20px;
}

#col-right {
  padding-bottom: 40px;
  padding-top: 5px;
  padding-left: 0px;
  margin-left: 0px;
  width: 170px;
}

#col-right h2 {
  margin: 0px;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  padding: 3px 4px;
  background-color: #336699;
  font-size: 110%;
  font-weight: bold;
  color: #FFFFFF;
}

/* Standard container box -------------------------------- */

#xcol-right .boxgrad {
  margin-bottom: 5px;
  padding: 6px;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  background: url(../images/boxgrad-bg.gif) top repeat-x #FFFFFF;
}

.boxgrad {
  margin-top: 0px;
  margin-bottom: 5px;
  padding: 6px;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  background: url(../images/boxgrad-bg.gif) top repeat-x #FFFFFF;
}

.boxgrad_notitle {
  margin-bottom: 5px;
  padding: 6px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  background: url(../images/boxgrad-bg.gif) top repeat-x #FFFFFF;
}

/* boxgrad-firstline facilitates removing any top+left margin/padding */
.boxgrad-firstline {
  margin-left: 0px;
  margin-top: 0px;
  padding-left: 0px;
  padding-top: 0px;
}

.boxgrad-subtext {
  color:#006699;font-size:90%;
}

/*'headerbox' duplicates the appearance of H2, but appears the same in any column*/
.headerbox {
  color: #333;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  padding: 4px 4px 4px 4px;
  background-color: #336699;
  font-size: 110%;
  font-weight: bold;
  color: #FFFFFF;
  height:15px;
  margin: 0px;
  xwidth:100%;
  xdisplay:inline-block;
}

.headerbox table {
   width: 100%;
}

/*'headerlink' is a link inside the 'headerbox', eg an 'edit' link*/
a.headerlink{
  color: #FFFFFF;
  text-decoration: none;
  float: right;
  font-weight:normal;
}

a.headerlink:visited{
  color: #FFFFFF;
}

a.headerlink:hover{
  color: #FFFFFF;
  font-weight:bold;
}


/* ----- Lists and links in standard container ------- */

.boxgrad ul {
    list-style-type: none; 
    padding: 0;
    margin: 2px 0px 5px 0px;
    text-align: left;
}
.boxgrad ul li {
    padding: 0px 0px 0px 0px;
    margin: 1px 0px 1px 0px;
    background: url(../images/lbip_off.gif) 0px 3px no-repeat;
}
.boxgrad ul li.selected {
    background: url(../images/bip_on.gif) 0px 3px no-repeat;    
}


.boxgrad ul li ul {
    list-style-type: none; 
    margin: 2px 0px 2px 0px;
}
.boxgrad ul li ul li {
    padding: 2px 3px 2px 18px;
    background: url(../images/lbip_off.gif) 20px 7px no-repeat;    
}

.boxgrad ul li a, .boxgrad ul li a:visited {
    font-weight: normal;
    display: block;
    padding: 1px 1px 1px 12px;
    text-decoration: none;
    color: #222;
    letter-spacing: 0px;
}
.boxgrad ul li a:hover {
    font-weight: normal;
    xfont-size: 1.2em;
    display: block;
    padding: 1px 1px 1px 12px;
    text-decoration: none;
    color: #336699;
    xletter-spacing: 0px;
}


.resultItemOff { backGround-color: #FFFFFF;}
.resultItemOn { backGround-color: #F9F9F9; }

.boxgrad .resultsTable {
  background-color: #EEEEEE;
  font-family: 'Arial', 'Helvetica';
  font-weight:normal;
  font-size:12px!important;
  padding-left: 1px;
  padding-right: 1px;
  border: 1px dotted;
}

.boxgrad .itemDesc {
    padding-left: px;
    xfont-size: 12px;
    padding-right: 3px;
 }

.boxgrad .itemValue {
    xbackground-color: #E1E1E1;
    padding-left: 6px;
    xfont-size: 12px!important;
    padding-right: 3px;
    color: #000000;
  }
  
.boxgrad .itemTextDesc {
   padding-left: px;
   xfont-size: 10px;
   padding-right: 3px;
   font-style: italic;

 }
 
.itemTable {
  xmargin: 5px;
  border: 1px solid #CCC;
  background: url(../images/boxgrad-bg.gif) top repeat-x #FFFFFF;
}
 
.itemTableStack {
  xmargin: 5px;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  background: url(../images/boxgrad-bg.gif) top repeat-x #FFFFFF;
}

a.specialLink {
   color: #222;
   text-decoration: none;
   float: right;
   font-weight:normal;
}

a.specialLink:visited{
  color: #222;
}

a.specialLink:hover{
  color: #999;
  xfont-weight:bold;
}


a.basicLink {
   color: #222;
   text-decoration: none;
   font-weight:normal;
}

a.basicLink:visited{
  color: #222;
}

a.basicLink:hover{
  color: #999;
  xfont-weight:bold;
}

/* Standard message styles ------------------------------ */

.error-message {
  color: #FF0000;
  font-weight: bold;
}

.warning-message {
  font-weight: bold;
}



/* =========================================== */
/*---- E N D   C O N T E N T   S T Y L E S ----*/

/*---- S T A R T   P A G E   T O O L S ----*/
/* ======================================= */
.page-tools {
  float: right;
  margin-top: 19px; /*change to line up with content-container H1*/

}

.page-tools img {
  display: block;
  float: left;
}

.page-tools a {
  display: block;
  float: left;
}

.page-tools span {
  float: left;
}

.page-tools .printIcon {
  background-image: url('../images/tools-print-over.gif');
  background-repeat: no-repeat;
  width: 13px;
  height: 15px;
}

.page-tools a.printIcon {
  background-image: url('../images/tools-print.gif');
}

.page-tools a.printIcon:hover {
  background-image: url('../images/tools-print-over.gif');
}

.page-tools .mailToIcon {
  background-image: url('../images/tools-email-over.gif');
  background-repeat: no-repeat;
  width: 14px;
  height: 15px;
}

.page-tools a.mailToIcon {
  background-image: url('../images/tools-email.gif');
}

.page-tools a.mailToIcon:hover {
  background-image: url('../images/tools-email-over.gif');
}

.page-tools .textIcon,
.page-tools .graphicIcon {
  background-image: url('../images/tools-text-over.gif');
  background-repeat: no-repeat;
  width: 11px;
  height: 15px;
}

.page-tools a.textIcon,
.page-tools a.graphicIcon {
  background-image: url('../images/tools-text.gif');
}

.page-tools a.textIcon:hover,
.page-tools a.graphicIcon:hover {
  background-image: url('../images/tools-text-over.gif');
}

.page-tools .backToTopIcon {
  background-image: url('../images/tools-top-over.gif');
  background-repeat: no-repeat;
  width: 30px;
  height: 15px;
}

.page-tools a.backToTopIcon {
  background-image: url('../images/tools-top.gif');
}

.page-tools a.backToTopIcon:hover {
  background-image: url('../images/tools-top-over.gif');
}

.page-tools .fontSizeUpIcon {
  background-image: url('../images/tools-fontsize-up-over.gif');
  background-repeat: no-repeat;
  width: 14px;
  height: 15px;
}

.page-tools a.fontSizeUpIcon {
  background-image: url('../images/tools-fontsize-up.gif');
}

.page-tools a.fontSizeUpIcon:hover {
  background-image: url('../images/tools-fontsize-up-over.gif');
}



.page-tools .fontSizeDownIcon {
  background-image: url('../images/tools-fontsize-down-over.gif');
  background-repeat: no-repeat;
  width: 14px;
  height: 15px;
}

.page-tools a.fontSizeDownIcon {
  background-image: url('../images/tools-fontsize-down.gif');
}

.page-tools a.fontSizeDownIcon:hover {
  background-image: url('../images/tools-fontsize-down-over.gif');
}

.page-tools .nextPageIcon {
  background-image: url('../images/nav-next-over.gif');
  background-repeat: no-repeat;
  width: 37px;
  height: 15px;
}

.page-tools a.nextPageIcon {
  background-image: url('../images/nav-next.gif');
}

.page-tools a.nextPageIcon:hover {
  background-image: url('../images/nav-next-over.gif');
}

.page-tools .prevPageIcon {
  background-image: url('../images/nav-previous-over.gif');
  background-repeat: no-repeat;
  width: 55px;
  height: 15px;
}

.page-tools a.prevPageIcon {
  background-image: url('../images/nav-previous.gif');
}

.page-tools a.prevPageIcon:hover {
  background-image: url('../images/nav-previous-over.gif');
}


.page-tools span.displayText {
  display: none;
}

/* =================================== */
/*---- E N D   P A G E   T O O L S ----*/

/*---- S T A R T   R S S----*/
/* ======================================= */

#col-left .rssfeed {
  background-image: url('../images/rss-sml.png');
  background-repeat: no-repeat;
  display: inline-block;
  width:16px;
  height:16px;;
}

#col-right .rssfeed {
  background-image: url('../images/rss-sml.png');
  background-repeat: no-repeat;
  display: inline-block;
  width:16px;
  height:16px;
}

.rssfeed {
  background-image: url('../images/rss-lge.gif');
  background-repeat: no-repeat;
  display: inline-block;
  text-decoration: none;
  width: 36px;
  height: 14px;
 }