
/*-----------------------------------*/
/* hoizontal header/hover modules */
/*-----------------------------------*/
#mod{
width: 732px;
height:87px;
}
#mod ul{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#mod li{
display: inline;
list-style: none;
padding: 0 0 0 0;
font-weight: bold;
}
#mod li  h2 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;

}
#mod li  h2:hover {
color: #ffffff;
cursor:default;
}
#mod li  h3 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
font-size: 0.90em;
border:none;
}
#mod li  h3:hover {
color: #ffffff;
cursor:default;
}
#mod li a, #mod li a:link, #mod li a:active, #mod li a:visited {
float: left;
display: block;
width: 105px;
height: 46px;
text-decoration: none;
overflow: hidden;
font-size: 0.80em;
text-align:right;
font-weight:normal;
text-transform:uppercase;
padding-top:36px;
padding-right:10px;
}
#mod li a:hover {
}
#mod .mod-opt a, #mod .mod-opt a:link, #mod .mod-opt a:active, #mod .mod-opt a:visited  {
background-color: #412851;
color: #B8ABBC;
width: 105px;
height: 46px;
margin:0 0 0 0px;
margin-right:5px;
padding-top:36px;
padding-right:10px;
}
#mod .mod-opt a:hover {
background-color: #D6CDD8;
color: #382346;
}
/*-----------------------------------*/
/* three hoizontal header/hover modules */
/*-----------------------------------*/
#tri-mod{
width: 358px;
height:186px;
margin:0 0 0 0px;
}
#tri-mod ul{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#tri-mod li{
display: inline;
list-style: none;
padding: 0 0 0 0;
font-weight: bold;
}
#tri-mod li  h2 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;

}
#tri-mod li  h2:hover {
color: #ffffff;
cursor:default;
}
#tri-mod li  h3 {
font-weight: normal;
margin:0 0 0 0px;
color:#ffffff;
font-size: 0.90em;
border:none;
}
#tri-mod li  h3:hover {
color: #ffffff;
cursor:default;
}
#tri-mod li a, #tri-mod li a:link, #tri-mod li a:active, #tri-mod li a:visited {
float: left;
display: block;
text-decoration: none;
overflow: hidden;
font-size: 1.0em;
text-align:left;
}
#tri-mod li a:hover {
}
#tri-mod .tri1 a, #tri-mod .tri1 a:link, #tri-mod .tri1 a:active, #tri-mod .tri1 a:visited  {
background-color: #D1D1D1;
color: #ffffff;
width: 119px;
height: 186px;
margin:0 0 0 0px;
text-align:left;
background-image:url(../media/images/tri-1-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#tri-mod .tri1 a:hover {
background-color: #D1D1D1;
color: #ffffff;
} 
#tri-mod .tri2 a, #tri-mod .tri2 a:link, #tri-mod .tri2 a:active, #tri-mod .tri2 a:visited  {
background-color: #D1D1D1;
color: #ffffff;
width: 118px;
height: 186px;
margin:0 0 0 0px;
text-align:left;
background-image:url(../media/images/tri-2-bg.jpg);
background-position:top left;
background-repeat:no-repeat;
}
#tri-mod .tri2 a:hover {
background-color: #D1D1D1;
color: #ffffff;
} 
#tri-mod .tri3 a, #tri-mod .tri3 a:link, #tri-mod .tri3 a:active, #tri-mod .tri3 a:visited  {
background-color:#D1D1D1;
color: #ffffff;
width: 121px;
height: 186px;
margin:0 0 0 0px;
text-align:left;
background-image:url(../media/images/tri-3-bg.jpg);
background-position:top left;
background-repeat:no-repeat;

}
#tri-mod .tri3 a:hover {
background-color: #D1D1D1;
color: #ffffff;
}
/*-----------------------------------*/
