html{background-color: #FFFFFF;}

body{ 
      color: #000000;
      font-family: verdana, arial, helvetica, sans-serif;
      font-size: 8pt;
      line-height: 150%;
      margin-top: 10px;
      scrollbar-face-color: #989898;
      scrollbar-highlight-color: #E9E9E9;
      scrollbar-3dlight-color: #FFFFFF;
      scrollbar-darkshadow-color: #000000;
      scrollbar-shadow-color: #666666;
      scrollbar-arrow-color: #66CC66; 
      scrollbar-track-color: #3F3F3F; 
    }

/* CONTENT LINKS - Black */

a.{color: #000000; font-size: 8pt; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;}
a.:link {color: #000000;} 
a.:visited {color: #000000;}
a.:active {color: #000000;}
a.:hover {color: #000000; font-size: 8pt;}

a.alt{color: #000000; font-size: 7pt; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none;}
a.alt:link {color: #000000;} 
a.alt:visited {color: #000000;}
a.alt:active {color: #000000;}
a.alt:hover {color: #9C183F; font-size: 7pt;}

#pageDiv{
  min-height:100%;
  background-color: #FFFFFF;
  position: absolute;
  width: 800px;
  left: 50%;
  top: 0px;
  margin-left: -400px;
  border-style: solid;
  border-width: 0px;
  background-position: bottom;
  background-repeat: repeat-x;
  background-image: url(images/footerGradient.jpg);
}


p {font-family: verdana, arial, helvetica, sans-serif; font-size: 8pt; line-height: 150%;}
p.content {font-family: verdana, arial, helvetica, sans-serif; font-size: 8pt; line-height: 150%; text-align: justify; margin-left: 80px; margin-right: 80px;}
p.contentNarrow {font-family: verdana, arial, helvetica, sans-serif; font-size: 8pt; line-height: 150%; text-align: justify; margin-left: 50px; margin-right: 30px;}
div.content{font-family: verdana, arial, helvetica, sans-serif; font-size: 8pt; line-height: 150%;}
p.small{font-family: verdana, arial, helvetica, sans-serif; font-size: 7pt; font-weight: bold; line-height: 120%;}
p.button{background-image: url(images/button.jpg); background-repeat: no-repeat; width: 180px; height: 23px; color: #FFFFFF; font-weight: bold; text-align: right; padding-top: 3px; margin-top: 0px; margin-bottom: 3px;}
span.field{font-family: verdana, arial, helvetica, sans-serif; color: #FFFFFF; font-size: 7pt; font-weight: bold; line-height: 120%;}

img {padding-left: 0px; padding-right: 0px; margin-left: 0; margin-right: 0px;}

.gradient{padding-bottom: 55px;}

h1 {font-family: verdana, arial, helvetica, sans-serif; line-height: 150%; font-size: 9pt; margin-left: 80px; margin-right: 80px;}
h1.narrow {font-family: verdana, arial, helvetica, sans-serif; line-height: 150%; font-size: 9pt; margin-left: 50px; margin-right: 30px;}
h2 {font-size: 9pt;}
h3{font-family: verdana, arial, helvetica, sans-serif; line-height: 150%; font-size: 8pt; font-weight: bold; margin-left: 0px; margin-right: 0px;}

.red{font-size: 7pt; color: #FF0000;}

img.bloc {display: block;}

.centeredImage {text-align: center; margin-top: 0px; margin-bottom: 0px; padding: 0px; }

input{border-width: 1px; border-color: #EBD4AA;}

input.maroon {color: #FFFFFF; background-color: #9C183F; border-style: double; border-width: 3px; border-color: #FFFFFF;}

input.gold {color: #000000; background-color: #D9C49D; border-style: double; border-width: 3px; border-color: #D9C49D; font-size: 7pt; font-weight: bold;}


/* CSS ROLLOVER - TRIFECTA*/

/* WHEN DONT WANT ROLLOVER EFFECT */
.cssnavStatic
{
position: relative;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
background: url(images/buttonStatic.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 190px;
height: 23px;
margin: 0;
margin-bottom: 5px;
padding: 0;
}

.cssnav
{
position: relative;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
background: url(images/overbutton.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 180px;
height: 23px;
margin: 0;
margin-bottom: 5px;
padding: 0;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 8pt;
width: 180px;
height: 23px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 180px;
height: 23px;
border: 0px;
margin: 0px;
padding: 0px;
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
font-weight: bold;
font-size: 8pt;
text-align: right;
color: #FFFFFF;
left: 5px;
top: 2px;
width: 165px;
margin: 0px;
padding: 0px;
padding-top: 1px;
cursor: pointer; cursor: hand;
} 


.cssnav span.narrow
{
position: absolute;
font-weight: bold;
text-align: right;
letter-spacing: -1px;
color: #FFFFFF;
left: 5px;
top: 2px;
width: 165px;
margin: 0px;
padding: 0px;
padding-top: 1px;
cursor: pointer; cursor: hand;
} 


/* For Static Link */
.cssnavStatic span
{
position: absolute;
font-weight: bold;
text-align: right;
color: #FFFFFF;
left: 5px;
top: 2px;
width: 175px;
margin: 0px;
padding: 0px;
padding-top: 1px;
} 




/* CSS ROLLOVER - TRIFECTA  NAVBAR HORIZONTAL   - 3 different size buttons*/


/*GRADIENT TO FILL IN END SPACE WHERE NO BUTTON*/
.navbarGradient
{
position: relative;
font-family: verdana, arial, helvetica, sans-serif;
float: left;
background-image: url(images/navbarGradient.jpg);
background-repeat: repeat-x;
height: 43px;
margin: 0;
padding: 0;
overflow:hidden;/* for ie to hide extra height*/
}

.menu {margin-top: 130px; margin-left: 374px; margin-right: 0px; padding: 0; height: 35px; width: 426px;}

.navbar
{
position: relative;
font-family: verdana, arial, helvetica, sans-serif;
float: left;
background: url(images/overnavbarSlice.jpg) no-repeat;
width: 105px;
height: 43px;
margin: 0;
padding: 0;
overflow:hidden;/* for ie to hide extra height*/
}

.navbar a
{
display: block;
color: #000000;
font-size: 8pt;
width: 105px;
height: 43px;
display: block;
float: left;
color: black;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.navbar img
{
width: 105px;
height: 43px;
border-width: 0px;
}

* html a:hover
{
visibility:visible
}

.navbar a:hover img
{
visibility:hidden
}

.navbar span
{
position: absolute;
left: 5px;
top: 4px;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #FFFFFF;
width: 105px;
margin: 0px;
padding: 0px;
cursor: pointer; cursor: hand;
} 


/* CSS ROLLOVER - TRIFECTA  NAVBAR LONG HORIZONTAL */

.navbarLong
{
position: relative;
font-family: verdana, arial, helvetica, sans-serif;
float: left;
background: url(images/overnavbarSliceLong.jpg) no-repeat;
width: 115px;
height: 43px;
margin: 0;
padding: 0;
overflow:hidden;/* for ie to hide extra height*/
}

.navbarLong a
{
display: block;
color: #000000;
font-size: 8pt;
width: 115px;
height: 43px;
display: block;
float: left;
color: black;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.navbarLong img
{
width: 115px;
height: 43px;
border-width: 0px;
}

* html a:hover
{
visibility:visible
}

.navbarLong a:hover img
{
visibility:hidden
}

.navbarLong span
{
position: absolute;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #FFFFFF;
left: 5px;
top: 5px;
width: 113px;
margin: 0px;
padding: 0px;
cursor: pointer; cursor: hand;
} 

/* CSS ROLLOVER - TRIFECTA  NAVBAR SHORT HORIZONTAL */

.navbarShort
{
position: relative;
font-family: verdana, arial, helvetica, sans-serif;
float: left;
background: url(images/overnavbarSliceShort.jpg) no-repeat;
width: 95px;
height: 43px;
margin: 0;
padding: 0;
overflow:hidden;/* for ie to hide extra height*/
}

.navbarShort a
{
display: block;
color: #000000;
font-size: 8pt;
width: 95px;
height: 43px;
display: block;
float: left;
color: black;
text-decoration: none;
overflow:hidden;/* for ie to hide extra height*/
}

.navbarShort img
{
width: 95px;
height: 43px;
border-width: 0px;
}

* html a:hover
{
visibility:visible
}

.navbarShort a:hover img
{
visibility:hidden
}

.navbarShort span
{
position: absolute;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #FFFFFF;
left: 5px;
top: 5px;
width: 95px;
margin: 0px;
padding: 0px;
cursor: pointer; cursor: hand;
}