.topbar {
	background-image: url(./img/valnerina_index_hnav_bg.gif);
	background-repeat: repeat-x;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.headerbg {
	background-color: #e4e2e2;/*themecolour1$-0.7%, 63.3%;*/
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.headerbg2 {
	background-color: #b8b7b7;/*themecolour1;*/
}

.mainMenu {
    background-color: #F0F0F0;
    position: absolute;
    visibility: hidden;
    border: 1px solid #336699;
    padding-top: 1px;
    width: 182px;
}

.menuItem {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    color: #336699;
    height: 18px;
    text-decoration: none;
    padding-left: 5px;
    width: 180px;
}

.bottomAd {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #336699;
    text-decoration: none;
}

.menuItemNet {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10px;
    border: 1px solid #336699;
    color: #336699;
    height: 18px;
    text-decoration: none;
    padding-left: 5px;
    width: 180px;
}

.menuItem a {
    text-decoration: none;
    color: #336699;
}

.menuItem a: visited {
    text-decoration: none;
    color: #336699;
}

.menuItem a: hover {
    text-decoration: none;
    color: white;
}

.pageTitle
{
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: normal;
    text-decoration: none
}

/* The following are used in the navigation bar to set background and text colors */
.nav
{
    font-weight: bold;
    font-size: 60%;
    color: white;
    margin-left: 5px;
    margin-right: 5px;
    font-family: verdana;
    text-align: center;
    background-color: #336699;
    text-decoration: none
}

TD.nav A
{
    color: white;
    text-decoration: none
}

TD.nav A: visited
{
    color: white;
    text-decoration: none
}

TD.nav A: hover
{
    color: white;
    text-decoration: none
}

TD.nav A: active
{
    color: white;
    text-decoration: none
}

.navAct
{
    font-weight: bold;
    font-size: 60%;
    color: #336699;
    margin-left: 5px;
    margin-right: 5px;
    font-family: verdana;
    text-align: center;
    background-color: white;
    text-decoration: none
}

TD.navAct A
{
    color: #336699;
    text-decoration: none
}

TD.navAct A: visited
{
    color: #336699;
    text-decoration: none
}

TD.navAct A: hover
{
    color: #336699;
    text-decoration: none
}

TD.navAct A: active
{
    color: #336699;
    text-decoration: none
}
/* The previous were used in the navigation bar to set background and text colors */

.navOn
{
    font-weight: bold;
    font-size: 60%;
    margin-left: 5px;
    color: #369;
    margin-right: 5px;
    font-family: verdana;
    text-align: center;
    text-decoration: none
}

TD.navOn A
{
    color: #369;
    text-decoration: none
}

TD.navOn A: visited
{
    color: #369;
    text-decoration: none
}

TD.navOn A: hover
{
    color: #369;
    text-decoration: none
}

TD.navOn A: active
{
    color: #369;
    text-decoration: none
}

.navL
{
    font-weight: bold;
    font-size: 60%;
    color: white;
    text-indent: 12px;
    font-family: verdana;
    text-align: left;
    text-decoration: none
}

TD.navL A
{
    color: white;
    text-decoration: none
}

TD.navL A: visited
{
    color: white;
    text-decoration: none
}

TD.navL A: hover
{
    color: white;
    text-decoration: none
}

TD.navL A: active
{
    color: white;
    text-decoration: none
}

.navR
{
    font-size: 60%;
    color: white;
    font-family: verdana;
    background-color: #336699
}

.aUL
{
    font-weight: bold;
    font-size: 60%;
    color: #024990;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

.aFont
{
    font-size: 60%;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

.p
{
    font-size: 70%;
    font-family: Verdana
}

.psmall
{
    font-size: 80%;
    font-family: Verdana
}

.pA
{
    font-size: 70%;
    padding-bottom: 12px;
    margin-left: 12px;
    line-height: 16px;
    margin-right: 7px;
    padding-top: 0px;
    font-family: Verdana
}

.t
{
    font-size: 60%;
    font-family: Verdana
}

.t2
{
    font-size: 60%;
    font-family: Verdana
}

.t3
{
    font-size: 60%;
    font-family: Arial
}

.q
{
    font-size: 60%;
    color: #999999;
    font-family: Verdana
}

.w
{
    font-weight: bold
}

.caption
{
    font-size: 60%;
    color: #666666;
    font-family: Verdana
}

.d
{
    font-size: 60%;
    color: #999999;
    font-family: Verdana
}

.d2
{
    font-size: 60%;
    padding-bottom: 10px;
    color: #999999;
    font-family: Verdana
}

.da
{
    font-size: 60%;
    padding-bottom: 2px;
    color: #999999;
    font-family: Verdana
}

.form
{
    font-size: 12px;
    height: 17px
}

.sM
{
    margin-top: 10px
}

.mHtSP
{
    margin: 1px 153px 1px 151px
}

.mHsp
{
    margin-left: 5px;
    margin-right: 5px
}

TD.mH TD.mHi A
{
    font-size: 60%;
    color: #ffffff;
    font-family: Verdana;
    text-decoration: none
}

TD.mH TD.mHiON A
{
    font-size: 60%;
    color: #336699;
    font-family: Verdana;
    text-decoration: none
}

.h1
{
    font-size: 150%;
    color: #666666;
    padding-top: 8px;
    font-family: Arial
}

.h1nc
{
    font-size: 200%;
    color: #666666;
    padding-top: 8px;
    font-family: Arial
}

.h1v2
{
    font-weight: 600;
    font-size: 120%;
    color: #666666;
    padding-top: 11px;
    font-family: Arial
}

.h1v3
{
    font-weight: 600;
    font-size: 130%;
    color: #666666;
    font-family: Arial
}

.h1v4
{
    font-size: 120%;
    color: #666666;
    padding-top: 8px;
    font-family: Arial
}

.h1v5
{
    font-size: 120%;
    color: #666666;
    padding-top: 3px;
    font-family: Arial
}

.h2
{
    font-weight: bold;
    font-size: 90%;
    color: #666666;
    font-family: Arial
}

.h2a
{
    padding-right: 7px;
    padding-left: 12px;
    font-weight: bold;
    font-size: 90%;
    padding-bottom: 2px;
    color: #666;
    padding-top: 8px;
    font-family: Arial
}

.h2v2
{
    font-size: 110%;
    padding-bottom: 13px;
    color: #666666;
    margin-right: 6px;
    font-family: Arial
}

.h2v3
{
    font-size: 110%;
    padding-bottom: 3px;
    color: #666666;
    margin-right: 6px;
    font-family: Arial
}

.h4
{
    font-size: 60%;
    padding-bottom: 10px;
    color: #666666;
    font-family: Verdana
}

.h4v2
{
    font-size: 60%;
    color: #666666;
    font-family: Verdana
}

.h4v3
{
    font-size: 60%;
    font-weight: bold;
    color: #666666;
    font-family: Verdana
}

.s
{
    margin-top: 8px
}

.sp
{
    padding-left: 12px;
    margin-right: 6px
}

TABLE.sp
{
    margin-left: 12px;
    margin-right: 7px
}

TD.sp
{
    margin-left: 12px;
    margin-right: 7px
}

.sp2
{
    margin-left: 12px
}

.dsp
{
    margin-left: 10px;
    margin-right: 7px
}

.hSP
{
    margin-left: 164px;
    margin-right: 153px
}

TD.h A
{
    text-decoration: none
}

.desc
{
    font-size: 60%;
    margin-left: 12px;
    color: #ffffff;
    margin-right: 7px;
    font-family: Verdana;
}

.paSP
{
    margin-top: 1px;
    margin-bottom: 1px
}

TD.blue
{
    background-color: #336699
}

TD.blueLight
{
    background-color: #9999cc
}

TD.green
{
    background-color: #99cc00
}

TD.grey
{
    background-color: #cccccc
}

TD.orange
{
    background-color: #ff6600
}

TD.purple
{
    background-color: #663366
}

TD.red
{
    background-color: #cc3333
}

TD.tan
{
    background-color: #999966
}

A.nH
{
    font-weight: bold;
    font-size: 60%;
    color: #ffffff;
    font-family: Verdana;
    text-decoration: none
}

A.nH: visited
{
    color: #ffffff
}

A.nH: hover
{
    color: #ffffff
}

A.nHON
{
    font-weight: bold;
    font-size: 60%;
    color: #ffffff;
    font-family: Verdana;
    text-decoration: none
}

A.nHON: visited
{
    color: #ffffff
}

A.nHON: hover
{
    color: #ffffff
}

A.n1
{
    font-weight: bold;
    font-size: 60%;
    color: #336699;
    font-family: Verdana;
    text-decoration: none
}

A.n1: visited
{
    color: #336699
}

A.n1: hover
{
    color: #6699cc
}

A.n1ON
{
    font-weight: bold;
    font-size: 60%;
    color: #336699;
    font-family: Verdana;
    text-decoration: none
}

A.n1ON: visited
{
    color: #336699
}

A.n1ON: hover
{
    color: #6699cc
}

A.n2
{
    font-size: 60%;
    color: #336699;
    font-family: Verdana;
    text-decoration: none
}

A.n2: visited
{
    color: #336699
}

A.n2: hover
{
    color: #6699cc
}
A.n2ON
{
    font-size: 60%;
    color: #336699;
    font-family: Verdana;
    text-decoration: none
}

A.n2ON: visited
{
    color: #336699
}

A.n2ON: hover
{
    color: #6699cc
}

.n1SP
{
    padding-right: 6px;
    padding-left: 12px;
    padding-bottom: 2px;
    padding-top: 2px
}

.n2SP
{
    padding-right: 6px;
    padding-left: 24px;
    padding-bottom: 2px;
    padding-top: 2px
}

TD.dirI IMG
{
    margin-top: 1px;
    margin-bottom: 1px
}

TD.dirP .p
{
    margin-top: 8px;
    margin-bottom: 6px
}

.aSP
{
    margin-left: 12px
}

.aSP2
{
    margin-top: 12px;
    margin-bottom: 10px;
    margin-left: 18px
}

.aSPa
{
    padding-bottom: 8px;
    margin-left: 12px;
    padding-top: 12px
}

.aSPab
{
    margin-top: 0px;
    margin-left: 12px
}

.aNsp
{
    padding-bottom: 12px
}

TABLE.f
{
    margin-top: 8px;
    background-color: #e5e5e5
}

TD.f A
{
    font-size: 60%;
    color: #666666;
    font-family: Verdana;
    text-decoration: none
}

TD.f SPAN
{
    font-size: 60%;
    color: #666666;
    font-family: Verdana;
    text-decoration: none
}

TD.f A
{
    font-size: 60%;
    color: #666666;
    font-family: Verdana;
    text-decoration: none
}

TD.f1 A
{
    font-size: 60%;
    color: #666666;
    font-family: Verdana;
    text-decoration: none
}

TD.f A: visited
{
    color: #666666
}

TD.f1 A: visited
{
    color: #666666
}

.abs
{
    font-weight: bold;
    font-size: 60%;
    margin-left: 12px;
    color: #666666;
    line-height: 14px;
    margin-right: 7px;
    font-family: Verdana
}

TABLE.aIMG
{
    padding-left: 12px;
    margin-right: 10px
}

A
{
    color: #336699;
    text-decoration: none
}

.p A
{
    color: #336699;
    text-decoration: none
}

.t A
{
    color: #336699;
    text-decoration: none
}

.t2 A: visited
{
    color: #336699
}

B A
{
    color: #336699;
    text-decoration: none
}

A: visited
{
    color: #996666
}

A: hover

{
    color: #6699cc
}

.sp3
{
    padding-left: 6px;
    margin-right: 6px
}

/*  ----------- Kader Aouad fixes ------------- */

/* Is used in Sidemenu.xsl to by the a tag displaying the text for the top lvl element in leftmenu structure*/
A.kad1
{
    font-weight: bold;
    font-size: 60%;
    color: #ffffff;
    font-family: Verdana;
    text-decoration: none;
}

A.kad1: visited
{
    color: #ffffff;
}

A.kad1: hover
{
    color: #ffffff;
}

/* Is used in Sidemenu.xsl to by the a tags displaying text for elements below level 1 in leftmenu  structure*/
A.kad2
{
    font-weight: bold;
    font-size: 60%;
    color: #336699;
    font-family: Verdana;
    text-decoration: none
}

A.kad2: visited
{
    color: #336699
}

A.kad2: hover
{
    color: #6699cc
}

/* Is used in ArticleTypes/TodayHeader/Preview.xsl to display the header text */
.desc-new
{
    font-size: 60%;
    margin-left: 12px;
    color: white;
    margin-right: 7px;
    font-family: Verdana;
}

/* Is used in ArticleTypes/TodayHeader/Preview.xsl to display the header text in a bigger size for compact headers*/
.desc-new-big
{
    font-size: 100%;
    margin-left: 12px;
    color: white;
    margin-right: 7px;
    font-family: Verdana;
}

/* Is used in ArticleTypes/TodayHeader/Preview.xsl to display the header text */
.desc-new2
{
    font-size: 60%;
    margin-left: 12px;
    color: black;
    margin-right: 7px;
    font-family: Verdana;
}

/* Is used in ArticleTypes/TodayHeader/Preview.xsl to display the header text in a bigger size for compact headers*/
.desc-new2-big
{
    font-size: 100%;
    margin-left: 12px;
    color: black;
    margin-right: 7px;
    font-family: Verdana;
}

/* Is used in BuildMain.asp to shift the headertext under the masthead to the right*/
.hSP-new
{
    margin-left: 164px;
    margin-right: 153px
}

.sp-newp2
{
    padding-top: 6px;
    padding-right: 6px;
    padding-bottom: 5px;
    padding-left: 12px
}

.sp-new
{
    padding-left: 12px;
    margin-right: 6px
}

.sp2-new
{
    margin-left: 12px;
}

.h2v2-new
{
    font-size: 110%;
    padding-bottom: 13px;
    color: #666666;
    margin-right: 6px;
    font-family: Arial
}

TD.f1-new A
{
    font-size: 60%;
    color: #666666;
    font-family: Verdana;
    text-decoration: none
}

TD.f1-new A: visited
{
    color: #666666
}

TABLE.f-new
{
    margin-top: 8px;
    background-color: #e5e5e5
}

a.nav: link {  color: #336699; text-decoration: none}
a.nav: visited { color: #336699; text-decoration: none }
a.nav: hover {  color: #6699CC; text-decoration: none}

a.nav2: link {  color: #336699; text-decoration: none}
a.nav2: visited { color: #996666; text-decoration: none }
a.nav2: hover { color: #6699CC; text-decoration: none }

a.bodlink: link { color: #336699; text-decoration: none}
a.bodlink: visited { color: #996666; text-decoration: none}
a.bodlink: hover { color: #6699CC; text-decoration: none}

/* The following 3 must be used for grids on tables */
.ThinBorder {
    border: 1px solid #606060;
}

.sotable {
    border-top: 1px solid #606060;
    border-left: 1px solid #606060;
}

.sotd {
    border-right: 1px solid #606060;
    border-bottom: 1px solid #606060;
}