/* Multimenu dropdown list menu with explanations */

/* List TopNav Multimenu start*/
.content p{font-size: 12px; font-family: Helvetica;}
.content font{font-size: 12px; font-family: Helvetica;}

.mainmenuNext { font: Helvetica; font-size: 14px; font-weight: normal; margin-top: 10px; color: black;}



body {

               behavior:url("fileadmin/csshover.htc"); 
      text-align: center;
      padding: 0;
      margin: 20px 0 0 0;
      background: white;
font-size: 12px;
}

/* This replaces the main table */
#container {
     width: 750px;
     text-align: center;
}

/* Can't get border to work in container, 
    so created another one for the border */
#frame {
     width: 750px;
     margin: 0 auto;
     text-align: left;
     background: white;
     border: 1px solid #333333;
     font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
}


p {
     padding: 0 0px;
line-height: 18px;
}

H1 {
     padding: 30px 0 0 10px;
}

/* Gives background color to Top Menu */
#topmenubg {
     float: left;
     background: #707586;
     width: 750px;
     text-align: center;
/* needed to give a margin above and below the buttons if desired */
     height: 3em;
}
div#mainmenu  {
/* needed to give a margin above and below the buttons if desired */
/*   height: 40px; */
}

.mainmenu {
}
/* this class defines the look of the horizontal navigation */
#nav {
    list-style: none;
    position: relative;
/* my page content width is 750px */
    width: 100% !important; 
    width: 100%; 
    font-size: 1em;
    margin: 0px 30px 0px 0px !important;
    margin: 0px 0px 0px 0px;
}

#nav ul {
    list-style: none;
    display: none;
/* postion: absolute - is needed so that the dropdown menus go over the page content */
    position: absolute;
    overflow: visible;
}

#nav li {
    display: block;
/* button width */

    position: relative;
/* float: left - keeps the menu horizontal */
    float: left;

/* Mozilla needs padding to look like IE which doesn't need it */
    padding-bottom: 4px !important;
    padding: 0;
}

#nav li#unsel a {
    display: block;
/* button background color is different than horizontal menu background */
    background-color: #ffffff;
    color: #808080; 
    font-weight: normal;
    text-decoration: none;
/* using 2 different color for the button give it dimension */

}

#nav li#unsel a:hover {
    background-color: #ffffff;
    color: #203382;
/* reversing the color for hover make the button look indented */
    border: solid 0px; 
    border-color: #333333 #AFB6D0 #AFB6D0 #333333;
}

#nav li#unsel1 a {
    display: block;
/* button background color is different than horizontal menu background */
    background-color: #7E92DE;
    color: #D6EFB5; 
    font-weight: bold;
    text-decoration: none;
/* using 2 different color for the button give it dimension */
    border: solid 0px; 
    border-color: #AFB6D0 #333333 #333333 #AFB6D0;
}

#nav li#unsel1 a:hover {
    background-color: #7E92DE;
    color: #333333;
/* reversing the color for hover make the button look indented */
    border: solid 0px; 
    border-color: #333333 #AFB6D0 #AFB6D0 #333333;
}

#nav li#unsel2 a {
    display: block;
/* button background color is different than horizontal menu background */
    background-color: #4662D0;
    color: #D6EFB5; 
    font-weight: bold;
    text-decoration: none;
/* using 2 different color for the button give it dimension */
    border: solid 0px; 
    border-color: #AFB6D0 #333333 #333333 #AFB6D0;
}

#nav li#unsel2 a:hover {
    background-color: #4662D0;
    color: #333333;
/* reversing the color for hover make the button look indented */
    border: solid 0px; 
    border-color: #333333 #AFB6D0 #AFB6D0 #333333;
}

#nav li#unsel3 a {
    display: block;
/* button background color is different than horizontal menu background */
    background-color: #2B44AA;
    color: #D6EFB5; 
    font-weight: bold;
    text-decoration: none;
/* using 2 different color for the button give it dimension */
    border: solid 0px; 
    border-color: #AFB6D0 #333333 #333333 #AFB6D0;
}

#nav li#unsel3 a:hover {
    background-color: #2B44AA;
    color: #333333;
/* reversing the color for hover make the button look indented */
    border: solid 0px; 
    border-color: #333333 #AFB6D0 #AFB6D0 #333333;
}

#nav li#unsel4 a {
    display: block;
/* button background color is different than horizontal menu background */
    background-color: #203382;
    color: #D6EFB5; 
    font-weight: bold;
    text-decoration: none;
/* using 2 different color for the button give it dimension */
    border: solid 0px; 
    border-color: #AFB6D0 #333333 #333333 #AFB6D0;
}

#nav li#unsel4 a:hover {
    background-color: #203382;
    color: #333333;
/* reversing the color for hover make the button look indented */
    border: solid 0px; 
    border-color: #333333 #AFB6D0 #AFB6D0 #333333;
}


#nav li#sel A {
    background-color: #B7C1EC;
    color: #333333;
    border-color: #333333 #AFB6D0 #AFB6D0 #333333;
}
#nav li#sel A:hover {
    background-color: #B7C1EC;
    color: #ff6600;*/
    border-color: #333333 #AFB6D0 #AFB6D0 #333333;
}


/* 1st dropdown level */
/* this class controls the alignment of this level underneath the horizontal menu buttons */
#level1 {
    display: block;
    left: -39px;
}
#level1 UL {
    position: absolute;
    overflow: visible;
}
#level1 li {
    display: block;
    margin: 0 !important;  
    margin: 0;
    padding: -0 0 !important;
/* font-size is controlled here */
    font-size: 1em; 
}
#level1 li A {
    display: block;
/* dropdown menu width is controlled here */
    width: 150px;
    background: #e6f0d2;
    padding: 1px 3px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    color: #666666;
/* needs to be set to zero to override margins from horizontal menu */
    margin: 0;
/* needs to be set to zero to override borders from horizontal menu */
    border: 0; 
}
#level1 li A:hover {
    display: block;
    color: #ff6600;
    background-color: #d6ecb9;
/* needs to be set to zero to override borders from horizontal menu */
    border: 0; 
}
 #level1 li#sel A { 
    background-color: #B7C1EC;
    color: #666666;
}
#level1 li#sel A:hover {
    background-color: #B7C1EC;
    color: #ff6600;
}

/* 2nd dropdown level */
#level2 {
    display: block;
    position: absolute;
/* this aligns the 2nd level flyout to the right of the 1st level dropdown */
    left: 116px !important;
    left: 110px;
    top: 0; !important;
}
#level2 UL {
    display: block;
/* this needs to be set to relative or it will only display the last of a number of links */
    position: relative;
    overflow: visible;
}
#level2 LI {
    display: block;
}
#level2 li A {
    display: block;
    background: #afb6d0;
    color: #333333;
}
#level2 li A:hover {
    display: block;
    background: #dadde9;
}
#level2 li#sel A {
    background-color: #afb6d0;
    color: #333333;
}
#level2 li#sel A:hover {
    background-color: #afb6d0;
    color: #ff6600;
    text-decoration: underline;
}


/* all see this */
#nav ul ul, #nav ul ul ul {
   display: none;
   position: absolute;
   width: 150px;
   top: 0;
}
/* non-IE bowsers see this */
#nav ul li>ul, #nav ul ul li>ul {
    margin-top: 0;
}
#nav LI:hover UL UL, #nav LI:hover UL UL UL{
    display: none;
}
#nav LI:hover UL {
    display: block;
}
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul {
    display: block;
}
li>ul {
    top: auto:
}
UNKNOWN {
    margin-top: 0;
    left: auto; 
    top: auto;
}

/* List TopNav Multimenu end*/

a:link				 {
	color: #000099;
	text-decoration: underline;
}
a:visited			 {
	color: #000099;
	text-decoration: underline;
}
a:hover				{
	color: #000099;
	text-decoration: underline;
}
a:active			{
	color: #000099;
	text-decoration: underline;
}
body,td,tr,table,font	 {
	color: #666;
	font-family: Helvetica;
	font-size: 12px;
}

.leftmenuno {font-size: 12px; color: #666; padding-bottom: 10px;}
.leftmenuno a:link{color: #666; text-decoration: none;}
.leftmenuno a:active{color: #666; text-decoration: none;}
.leftmenuno a:visited{color: #666; text-decoration: none;}
.leftmenuno a:hover{color: #000099; text-decoration: none;}
.leftmenuno a:focus{color: #000099; text-decoration: none;}



.leftmenuact {font-size: 12px; color: #000099; font-weight: bold;padding-bottom: 10px;}
.leftmenuact a:link{color: #000099; text-decoration: none;}
.leftmenuact a:active{color: #000099; text-decoration: none;}
.leftmenuact a:visited{color: #000099; text-decoration: none;}
.leftmenuact a:hover{color: #000099; text-decoration: none;}
.leftmenuact a:focus{color: #000099; text-decoration: none;}

.topmenu {position: relative;}



.mainmenuNext { font: Helvetica; font-size: 14px; font-weight: normal; margin-top: 10px; color: black;}

/*.mainmenuNext A { background-color : transparent; color : #3F3F40; text-decoration : none; font-weight : normal; }*/
/*.mainmenuNext A:link { background-color : transparent; color : #3F3F40; text-decoration : none; font-weight : normal; }*/
/*.mainmenuNext A:visited { background-color : transparent; color : #3F3F40; font-weight : normal; text-decoration : none; }*/
/*.mainmenuNext A:hover { background-color : transparent; color : #000099; text-decoration : none; }*/
/*.mainmenuNext A:active { background-color : transparent; color : #000099; font-weight : bold; text-decoration : none; } */

.mainmenuNext .n1 { margin-left: 0px; padding-right: 29px;  border-right: 1px solid #000099; float: left; }
.mainmenuNext .n2 { margin-left: 30px; padding-right: 29px; border-right: 1px solid #000099; float: left; }
.mainmenuNext .n3 { margin-left: 30px; padding-right: 30px; border-right: 1px solid #000099;  float: left;}
.mainmenuNext .n4 { margin-left: 30px; padding-right: 29px; border-right: 1px solid #000099;  float: left;}
.mainmenuNext .n5 { margin-left: 30px; padding-right: 29px; border-right: 1px solid #000099; float: left; }
.mainmenuNext .n6 { margin-left: 30px; float: left; }

.mainmenuNext .n1 a{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext .n1 a:link{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext .n1 a:hover{color: #000099; text-decoration : none; font-weight : normal;}
.mainmenuNext .n1 a:focus{color: #000099; text-decoration : none; font-weight : normal;}

.mainmenuNext .n2 a{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext .n2 a:link{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext .n2 a:hover{color: #000099; text-decoration : none; font-weight : normal;}
.mainmenuNext .n2 a:focus{color: #000099; text-decoration : none; font-weight : normal;}

.mainmenuNext .n3 a{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext .n3 a:link{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext .n3 a:hover{color: #000099; text-decoration : none; font-weight : normal;}
.mainmenuNext .n3 a:focus{color: #000099; text-decoration : none; font-weight : normal;}

.mainmenuNext .n4 a{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext .n4 a:link{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext .n4 a:hover{color: #000099; text-decoration : none; font-weight : normal;}
.mainmenuNext .n4 a:focus{color: #000099; text-decoration : none; font-weight : normal;}

.mainmenuNext .n5 a{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext .n5 a:link{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext .n5 a:hover{color: #000099; text-decoration : none; font-weight : normal;}
.mainmenuNext .n5 a:focus{color: #000099; text-decoration : none; font-weight : normal;}

.mainmenuNext .n6 a{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext .n6 a:link{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext .n6 a:hover{color: #000099; text-decoration : none; font-weight : normal;}
.mainmenuNext .n6 a:focus{color: #000099; text-decoration : none; font-weight : normal;}

.mainmenuNext .s1 { margin-left: 0px;  padding-right: 25px;  border-right: 1px solid #000099; float: left; font-weight: bold; color : #000099;}
.mainmenuNext .s2 { margin-left: 24px; padding-right: 25px; border-right: 1px solid #000099; float: left; font-weight: bold; color : #000099;}
.mainmenuNext .s3 { margin-left: 21px; padding-right: 22px; border-right: 1px solid #000099; float: left; font-weight: bold; color : #000099;}
.mainmenuNext .s4 { margin-left: 24px; padding-right: 25px; border-right: 1px solid #000099; float: left; font-weight: bold; color : #000099;}
.mainmenuNext .s5 { margin-left: 25px; padding-right: 26px; border-right: 1px solid #000099; float: left; font-weight: bold; color : #000099;}
.mainmenuNext .s6 { margin-left: 25px; float: left; color : #000099;}

.mainmenuNext .s1 a{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s1 a:link{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s1 a:hover{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s1 a:focus{color: #000099; text-decoration : none; font-weight : bold;}

.mainmenuNext .s2 a{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s2 a:link{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s2 a:hover{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s2 a:focus{color: #000099; text-decoration : none; font-weight : bold;}

.mainmenuNext .s3 a{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s3 a:link{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s3 a:hover{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s3 a:focus{color: #000099; text-decoration : none; font-weight : bold;}

.mainmenuNext .s4 a{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s4 a:link{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s4 a:hover{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s4 a:focus{color: #000099; text-decoration : none; font-weight : bold;}

.mainmenuNext .s5 a{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s5 a:link{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s5 a:hover{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s5 a:focus{color: #000099; text-decoration : none; font-weight : bold;}

.mainmenuNext .s6 a{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s6 a:link{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s6 a:hover{color: #000099; text-decoration : none; font-weight : bold;}
.mainmenuNext .s6 a:focus{color: #000099; text-decoration : none; font-weight : bold;}

.news-list-item { font-size: 12px;}
.news-head { font-weight: bold; color: #000099; font-size: 12px; text-decoration: none;}

.news-list-container .news-list-morelink { font-weight: normal; color: #000099;}
.news-list-container .news-list-morelink a{ font-weight: normal; color: #000099; text-decoration: underline;}
.news-list-container .news-list-morelink a:link{ font-weight: normal; color: #000099; text-decoration: underline;}
.news-list-container .news-list-morelink a:visited{ font-weight: normal; color: #000099; text-decoration: underline;}
.news-list-container .news-list-morelink a:hover { font-weight: normal; color: #000099; text-decoration: underline;}

.news-list-item a{font-weight: normal; color: #000099; text-decoration: none;}
.news-list-item a:link{font-weight: normal; color: #000099; text-decoration: none;}
.news-list-item a:visited{font-weight: normal; color: #000099; text-decoration: none;}
.news-list-item a:hover{font-weight: normal; color: #000099; text-decoration: none;}

.homelink { font: Helvetica; font-size: 14px; font-weight: normal; margin-top: 10px; color: black;}
.homelink a{color: #3F3F40; text-decoration : none; font-weight : normal;}
.homelink a:link{color: #3F3F40; text-decoration : none; font-weight : normal;}
.homelink a:visited{color: #3F3F40; text-decoration : none; font-weight : normal;}
.homelink a:hover{color: #000099; text-decoration : none; font-weight : normal;}
.homelink a:focus{color: #000099; text-decoration : none; font-weight : normal;}

.mainmenuNext_h { font: Helvetica; font-size: 14px; font-weight: normal; margin-top: 10px; color: black;}

/*.mainmenuNext_h A { background-color : transparent; color : #3F3F40; text-decoration : none; font-weight : normal; }*/
/*.mainmenuNext_h A:link { background-color : transparent; color : #3F3F40; text-decoration : none; font-weight : normal; }*/
/*.mainmenuNext_h A:visited { background-color : transparent; color : #3F3F40; font-weight : normal; text-decoration : none; }*/
/*.mainmenuNext_h A:hover { background-color : transparent; color : #000099; text-decoration : none; }*/
/*.mainmenuNext_h A:active { background-color : transparent; color : #000099; font-weight : bold; text-decoration : none; } */

.mainmenuNext_h .n1 { margin-left: 2px; padding-right: 33px;  border-right: 1px solid #000099; float: left; }
.mainmenuNext_h .n2 { margin-left: 33px; padding-right: 33px; border-right: 1px solid #000099; float: left; }
.mainmenuNext_h .n3 { margin-left: 33px; padding-right: 33px; border-right: 1px solid #000099;  float: left;}
.mainmenuNext_h .n4 { margin-left: 33px; padding-right: 33px; border-right: 1px solid #000099;  float: left;}
.mainmenuNext_h .n5 { margin-left: 33px; padding-right: 33px; border-right: 1px solid #000099; float: left; }
.mainmenuNext_h .n6 { margin-left: 33px; float: left; }

.mainmenuNext_h .n1 a{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n1 a:link{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n1 a:hover{color: #000099; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n1 a:focus{color: #000099; text-decoration : none; font-weight : normal;}

.mainmenuNext_h .n2 a{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n2 a:link{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n2 a:hover{color: #000099; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n2 a:focus{color: #000099; text-decoration : none; font-weight : normal;}

.mainmenuNext_h .n3 a{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n3 a:link{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n3 a:hover{color: #000099; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n3 a:focus{color: #000099; text-decoration : none; font-weight : normal;}

.mainmenuNext_h .n4 a{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n4 a:link{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n4 a:hover{color: #000099; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n4 a:focus{color: #000099; text-decoration : none; font-weight : normal;}

.mainmenuNext_h .n5 a{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n5 a:link{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n5 a:hover{color: #000099; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n5 a:focus{color: #000099; text-decoration : none; font-weight : normal;}

.mainmenuNext_h .n6 a{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n6 a:link{color: #3F3F40; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n6 a:hover{color: #000099; text-decoration : none; font-weight : normal;}
.mainmenuNext_h .n6 a:focus{color: #000099; text-decoration : none; font-weight : normal;}

li {list-style-image:url(/uploads/tf/li_bullet.gif);}