body {
	background-color: #A2A9AF;
	color: #000000;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
A:link {
	color: #333333;
	text-decoration: none;
}
A:hover {
	color: #996666;
	text-decoration: underline;
}
A:visited {
	color: #333333;
	text-decoration: none;
}
A:active {
	color: #333333;
	text-decoration: none;
}


#mainOuter {
    background: #FFFFFF url("images/css-gradient2.gif") repeat-x 0px 0px;
	margin:auto; /*centre for compliant browsers*/
	text-align:left;
	border:1px solid #000;
	width:850px;
    padding: 14px 20px 20px 20px;
}
#main {
	width:800px;
    background-image:  url("images/leftMenuBackground");	
    background-repeat: repeat-y;
	/*margin:auto; centre for compliant browsers*/
	text-align:left;
	border:0px solid #000;
    padding: 0px 0px 0px 0px;
}
#headerTop{
	background-color: #FFFFFF;
    margin-top: 0px;
    padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
    font-weight: bold;
	text-align:center;
}

.mainInner {
    background-color:#FFFFFF;
}

.crumb a{
   color: #4A708B;
   font-family: arial;
   font-size: 9pt;
   font-weight: bold;
   text-decoration:none;

}
#menuUtility{
	background-color: transparent;
	width: 600px;
	padding: 3px 0px 0px 0px;
	text-align: right;
	font-family: Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	float:right;
}


#menuUtility a{
        color: #474747;
        text-decoration: none;
}

#menuUtility a:hover{
	text-decoration: none;
	color: #000000;
}

#menuTop {
      float:left;
      font-family: Arial, sans-serif; 
      color: #336699; 
      font-size: 9pt; 
      font-weight: bold;
      width:100%;
      background: #AEF307 url("images/topRight.gif") repeat-x top center;
      line-height:normal;
}
#menuTop ul {
	  margin:0;
	  padding:0px 0px 0 0px;
	  list-style:none;
}
#menuTop li {
      display:inline;
      margin:0;
      padding:0;
}
#menuTop a {
      float:left;
      background:url("images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}

#menuTop a span {
      float:left;
      display:block;
      background:url("images/tabright.gif") no-repeat right top;
      padding:4px 8px 4px 8px;
      color: #474747;


      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuTop a span {float:none;}
/* End IE5-Mac hack */
#menuTop a:hover span {
    color:#FF9834;
      }
#menuTop a:hover {
    background-position:0% -42px;
    position: relative;
    top: -2px;
      }
#menuTop a:hover span {
    background-position:100% -42px;
    position: relative;
    top: 0px;
    left: 0px;
    color: #474747;
      }

#menuTop #current a {
    background-position:0 -42px;
      }
#menuTop #current a span {
    background-position:100% -42px;
    padding:4px 10px 4px 10px;
    }
	  
	  
#menuSub{
    background: #AEF307 url("images/menuSubGradient.jpeg") repeat-x top center;
    width: 100%;
    height: 21px;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 5px;
    color:  #ffffff;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
}

#menuSub a{
	background-color: transparent;
    color: #474747;
	height: 10pt;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 9pt;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: none;
}

#menuSub a:hover{
	background-color: #666666;
    color:  white;
	height: 10pt;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 9pt;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
    text-decoration: none;

}

a.menuSubLink:link {text-decoration: underline overline}
a.menuSubLink:visited {text-decoration: underline overline}
a.menuSubLink:active {text-decoration: underline overline}
a.menuSubLink:hover {text-decoration: underline; color: green;}


#searchBox{
    text-align: center;
	vertical-align:middle;
    color: #FFFFFF;
    padding-bottom: 2px;
    padding-top: 2px;  
    font-family: Arial, sans-serif; 
    color: #FFFFFF; 
    font-size: 12pt; 
    font-weight: bold; 
    text-decoration: none;
}

.searchBoxGradient {
    height: 20px;
    background: url("images/css-gradient.gif") 0% 0% repeat-x;
}


.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

#staffBar {
     background-color: #AEF307;
	 min-height: 10px;
	 padding:4px;
}

/* footer */
		
#footer {
    clear: both;
    background-color: #77AACC;
    padding: 0;
    text-align: right;
}

#footerLinks a{
    background-color: #FFFFFF;
    padding: 2px;
    height: 30px;
    color: #999999;
    font-size: 10px;
    text-align: center;
}
#footerLinks {
    background-color: #FFFFFF;
    padding: 2px;
    height: 30px;
    color: #999999;
    font-size: 10px;
    text-align: center;
}



/*end new styles added November 2007 KL    */



.buttonhead {
	background-color: #F0F0F0;
	color: #666666;
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
.buttontekst {
	color: #CCCCCC;
	background-color: #5D92B1;
	font-size: 8pt;
	text-align: left;
	text-decoration: none;
	border-top: thin solid #5D92B1;
	border-right: thin solid #4A708B;
	border-bottom: thin solid #4A708B;
	border-left: thin solid #5D92B1;
}
.buttontekst A:link {
	color: white;
	text-decoration: none;
	width: 100%;
	height: 100%;
	font-weight: bolder;
}
.buttontekst A:visited {
	color: white;
	text-decoration: none;
	width: 100%;
	height: 100%;
	font-weight: bolder;
}
.buttontekst A:hover {
	color: #CC9999;
	text-decoration: underline;
	width: 100%;
	height: 100%;
	font-weight: bolder;
}
.buttontekstsel {
	color: #CCCCCC;
        background-color: #5D92B1;
	font-size: 8pt;
	text-align: left;
	text-decoration: none;
	border-top: thin solid #5D92B1;
	border-right: thin solid #4A708B;
	border-bottom: thin solid #4A708B;
	border-left: thin solid #5D92B1;
}
.buttontekstsel A:link {
	color: white;
	text-decoration: none;
	width: 100%;
	height: 100%;
	font-weight: bolder;
}
.buttontekstsel A:visited {
	color: white;
	text-decoration: none;
	width: 100%;
	height: 100%;
	font-weight: bolder;
}
.buttontekstsel A:hover {
	color: #CCCCCC;
	text-decoration: none;
	width: 100%;
	height: 100%;
	font-weight: bolder;
}
.listalt {
	color: #666666;
	text-decoration: none;
	font-weight: 500;
	border-collapse: collapse;
	font-size: 80%;
	/* border-top: thin solid #AEB1B1;
	border-right: thin solid #AEB1B1;
	border-bottom: thin solid #AEB1B1;
	border-left: thin solid #AEB1B1; */
	vertical-align: top;
}
.listalt A:link {
	color: #333333;
	text-decoration: none;
	font-weight: 500;
	font-size: 100%;
	vertical-align: top;
}
.listalt A:hover {
	color: #996666;
	text-decoration: underline;
	font-weight: 500;
	font-size: 100%;
	vertical-align: top;
}
.listAltHead {
	color: white;
	background-color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
}
.listhead {
	background-color: #FFFFFF;
	color: #666666;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
.listhead A:Hover {
	color: #666666;
	text-decoration: none;
}
.listitemEven {
	color: #666666;
	background-color: #FFFFFF;	
	font-weight: normal;
	vertical-align: top;
	border: thin solid #CCCCCC;
}
.listitemEven A:link {
	color: #333333;
	text-decoration: none;
	font-weight: 500;
}
.listitemEven A:visited {
	color: #336633;
	font-weight: 300;
	text-decoration: none;
}
.listitemEven A:hover {
	color: #996666;
	text-decoration: none;
	font-weight: 500;
}
.listitemOdd {
	color: #666666;
        background-color: #CCCCCC;
	font-weight: normal;
	vertical-align: top;	
	border: thin solid #CCCCCC;
}
.listitemOdd A:link {
	color: #333333;
	text-decoration: none;
	font-weight: 500;
}
.listitemOdd A:visited {
	color: #336633;
	font-weight: 300;
	text-decoration: none;
} 
.listitemOdd A:hover {
	color: #996666;
	text-decoration: none;
	font-weight: 500;
}
.listsubhead {
	background-color: #F0F0F0;
	color: #666666;
	font-size: 10pt;
	text-align: left;
	vertical-align: middle;
}
.prefsline {
	color: #AB251B;
}
.rsselement {
	color: #666666;
	font-weight: normal;
	vertical-align: top;
	background-color: #F5F5F5;
}
.rsselement A:link {
	color: #333333;
	text-decoration: none;
	font-weight: 500;
}
.rsselement A:visited {
	color: #333333;
	font-weight: 300;
	text-decoration: none;
}
.rsselement A:hover {
	color: #996666;
	text-decoration: none;
	font-weight: 500;
}
.rssheader {
	font-weight: bold;
	background-color: #F5F5F5;
}
.rsstable {
	font-size: 10pt;
}
.rsstitle {
	font-weight: bold;
	background-color: #F5F5F5;
}
.startelements {
	color: #5F604A;
	font-size: 10pt;
}
.submcancelbalk {
	background-color: #F0F0F0;
	text-align: center
}
.subsearchbutton {
	color: #666666;
	font-weight: normal;
	vertical-align: top;
	background-color: #FFFFFF;
}
.subsearchbutton A:link {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
.subsearchbutton A:visited {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
} 
.subsearchbutton A:hover {
	color: #996666;
	font-weight: bold;
	text-decoration: none;
}
/* t a b s */

  /* Note: 
     if you use Internet Explorer and want to change the colour of the button text within a tab 
     changing the .tabactive property will give undesired effects. Instead, you have to 
     explicitly add the class of the button within the tab, e.g. 
     .tabactive.buttontekst2 instead of just .buttontekst2.  
  */


.tabactive { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 10pt; 
        text-align: center; 
        background-color:  #4A708B;    /*223399*/
        vertical-align: top;
      }
.tabDatabase { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 10pt; 
        text-align: center; 
        background-color: #4A708B;
        vertical-align: top;
      }
.tabRestrictions { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 10pt; 
        text-align: center; 
        background-color: #5D92B1;     /*4466CC*/
        vertical-align: top;
      }
.tabactive A:link {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% } 
.tabactive A:visited {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% }
#tableft { text-align:left }
#tabright { text-align:right } 
.tabnoactive { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 10pt; 
        text-align: center; 
        background-color: #8DB6CD;
        vertical-align: top;
      }
.tabnoactive A:link {color: #000000; text-decoration: none ; width : 100%; height : 100% } 
.tabnoactive A:visited {color: #000000; text-decoration: none ; width : 100%; height : 100% }
#tabitem { text-align:left; font-size: 10pt; } 
#tabitem A:link {color: #FFFFFF; }  
#tabbutton {  text-align: left;}
#tabboolbox {  text-align: right;}
.titlebar {
	background-color: #4A708B;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	height: 1.8em;
	text-align: center;
	vertical-align: middle;
}
.titlebar A:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.titlebaralt {
	height: 51px; 
	color: #FFFFFF; 
	font-weight: bold; 
	text-align: left; 
	vertical-align: middle;
}
.titlebaralt A:link {
	color: #FFFFFF;
	text-decoration: none;
}
.titlebaralt A:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.titlebaraltleft {
	/* background-image:url("images/SubHeaderLogoLeft.gif");
	background-repeat: no-repeat; */
	background-color: #8DB6CD; 
	width: 51px;
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 100%; 
	text-align: left; 
	vertical-align: middle;
}		
.titlebaraltmidle {
	/* background-image:url("images/SubHeaderBG.gif");
	background-repeat: repeat-x; */
	background-color: #8DB6CD;
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 100%; 
	text-align: left; 
	vertical-align: middle;
}
.titlebaraltmidle A:link {
	color: #FFFFFF;
	text-decoration: none;
}
.titlebaraltmidle A:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.titlebaraltmidle A:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.titlebaraltinterface {
	/* background-image:url("images/SubHeaderBG.gif");
	background-repeat: repeat-x; */
	background-color: #8DB6CD;
	width: 20px;
	text-align: center;
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 100%;  
	vertical-align: middle;
}		
.titlebaraltright {
	/* background-image:url("images/SubHeaderBG.gif");
	background-repeat: repeat-x; */
	background-color: #8DB6CD;
	width: 25px;
	text-align: center;
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 100%; 
	vertical-align: middle;
}
.titlebarrecources {
	height: 51px; 
	color: #FFFFFF; 
	background-color: #8DB6CD;
	font-weight: bold; 
	font-size: 100%; 
	text-align: left; 
	vertical-align: middle;
}
.titlebarrecources A:link {
	color: #FFFFFF;
	text-decoration: none;
}
.titlebarrecources A:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.titlebarrecourcesleft {
	/* background-image:url("images/SubHeaderBG.gif");
	background-repeat: repeat-x; */
	background-color: #8DB6CD;
	width: 10px;
	text-align: center;
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 100%; 
	vertical-align: middle;
}	
.titlebarrecourcesmidle {
	/* background-image:url("images/SubHeaderBG.gif");
	background-repeat: repeat-x; */
	background-color: #8DB6CD;
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 100%; 
	text-align: left; 
	vertical-align: middle;
}	
.titlebarrecourcesright {
	/* background-image:url("images/SubHeaderLogoRight.gif");
	background-repeat: repeat-x; */
	background-color: #8DB6CD;
	width: 51px;
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 100%; 
	text-align: left; 
	vertical-align: middle;
}
.treeelement {
	color: #FFFFFF;
	background-color: #AB251B;
	vertical-align: top;
}
.treeelement A:link {
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	height: 100%;
} 
.treeelement A:visited {
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
.treeelement A:active {
	color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
.treeelement A:hover {
	color: #CC9999;
	text-decoration: underline;
	width: 100%;
	height: 100%;
}