/* default font size */
@import url(normal.css);

/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dd {
  font-family:	verdana, tahoma, sans-serif;
  font-size: 11px;
}

body
{
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    background-color: #ece7d8;
    background-repeat: repeat-x;
    background-position: center top;
    background-image: url('../images/imgBackground.png');
}

div.container
{
    width: 800px;
    text-align: center;   
    
    background-image: url(../images/imgWillowLogo.png);    
    background-position: left top;
    background-repeat: no-repeat;        
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none; position: relative; top: 1px; left: 1px;}
A.inert:hover {position: relative; top: 0px; left: 0px;}

.clickable
{
    cursor:hand;
}



/* 
    HEADER 
*/

table.header
{           
    background-image: url(../images/imgHeaderBaseline.png);    
    background-position: left bottom;
    background-repeat: repeat-x;
}

td.header
{
    color: #404000;
    font-size: 90%;    
    
    white-space: nowrap;
    padding-top: 25px;
    padding-right: 10px;
    padding-bottom: 15px;
}

img.willowPrintLogo
{
    position:relative; 
    top:16px; 
    left:47px; 
    
    z-index:-1;
}




/* 
    CRUMBTRAIL 
*/

td.contentHeader
{
    filter:alpha(style=1, opacity=100, finishOpacity=0, startX=0, startY=75, finishX=0, finishY=0);
    background-color: white;
}

table.contentHeaderContainer
{
    width:100%;
    position:relative;
    padding:10px;   
}

td.crumbtrail
{
    padding-left: 10px;
    padding-top: 30px; 
    padding-bottom: 10px; 
    
    background-image: url(../images/imgCrumbtrailBaseline.png); 
    background-repeat: no-repeat; 
    background-position: left bottom;
    
    font-size: 105%;
}



/* 
    SIDEBAR / MENU
*/

td.sidebar
{
    width: 125px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

td.mainMenu
{
    padding-bottom: 10px;
}

tr.menuButton
{
    margin-bottom: 1px; 
}

td.menuButton
{
    background-color: #404000; 
    
    border-top: solid 1px #95946f; 
    border-left: solid 1px #78784b; 
    border-right: solid 1px #8e8d67; 
    border-bottom: solid 1px #7c7c50; 
    
    color: white;
    font-weight: normal; 
    font-size: 80%;
    
    padding-top:10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
        
    cursor: pointer;
}

td.menuButton_hover
{
    background-color: #9c9e6f;
}

a.menuButton
{
    color: white;
    text-decoration: none;
    font-size: 120%;
    font-weight: bold;
}

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


/* 
    CONTENT 
*/

h1
{
    margin-bottom: 30px;
    font-size: 175%;
    font-weight: normal;
    letter-spacing: -0.5pt;
    color: #888861;
}

h1.crumbtrail
{
    margin-bottom: 0px;
    font-size: 120%;
    font-weight: normal;
    letter-spacing: -0.5pt;
    color: #888861;
}

h2
{
    font-size: 120%;
    font-weight: bold;
    letter-spacing: -0.5pt;
    color: #888861;
    
    padding-bottom: 2px;
    border-bottom: solid 1px #c7c696;
}

td.content
{
    background-color: white;
    padding: 20px;
    
    text-align: justify; 
}

td.contentImagePanel
{
    padding-left: 20px;
    width: 200px;
    
    font-size: 80%;    
    color: #404000;
}

p.contentLink
{
    margin-top: 5px;
    text-align: right;
}

.contentLink
{
    font-size: 80%;
}

tr.innerTableHead
{
    background-color: #9c9e6f;
    color: white;
}

td.innerTableHead
{
    font-size:80%;
    font-weight: bold;
}

tr.innerTableOdd
{
    background-color: #FFFFFF;
}

tr.innerTableEven
{
    background-color: #F0F0F0;
}

td.innerTable
{
    font-size:80%;    
    text-align: left;
}

td.innerTableRight
{
    font-size:80%;    
    text-align: right;
}




/* 
    FOOTER 
*/

tr.footerContainer
{
    background-image: url(../images/imgFooterBaseline.png);
    background-position: left top;
    background-repeat: repeat-x;   
}

td.footerContainer
{
    padding: 10px;   
    background-color: white;
}

td.footer
{
    font-size: 80%;
    color: #404000;
}

a.footer
{
    color: #404000;
}