/* 
	BG CREAM : FFFFE8
	Text GREY : 898B97
	Accent TOAST : CDA87D


*/

html{
    overflow-y : scroll ;
}


body
{
    background-color : #FFFFE8 ;
    color : #778 ;
    font-family : "Trebuchet MS", Helvetica, Jamrul, arial, helvetica, sans-serif ;
    text-align : center ;
    
    font-size : .9em ;
    
}


h1, h2, h3, h4
{
    color : #668 ;
}

a, a:visited
{
    text-decoration : none ;
    color : #A43 ;
}

a:hover
{
    text-decoration : underline ;
}

h2.rightHeading
{
    text-align : right ;
    margin-top : 0px ;
}


a.hovertip
{
    position : relative ;
}

    a.hovertip img
    {
        position : absolute ;
        display : none ;
    }
    
    a.hovertip:hover img
    {
        display : block ;
    }

#mainDiv
{
    width : 970px ;
    position : relative ;
    margin : 0px auto ;
    
    text-align : left ;

/*    
    background-image : url(../assets/images/lineright.jpg) ;
    background-position : top right ;
    background-repeat : repeat-y ;
*/
}

#header
{
    width : 970px ;
    height : 150px ;
    
    position : relative ;
    
    background-image : url(../assets/images/header.jpg) ;
    background-position : top left ;
    background-repeat : no-repeat ;
    
    clear : both ;
    
}

#footer {
    clear : both ;
    font-size : x-small ;
    text-align : center ;
    padding-top : 2em ;
    /*height : 3em ;*/
}

    #legal {
        font-size : x-small ;
        text-align : center ;
    }

div.sidebar
{
    width : 157px ; /* 200 - padding */
    min-height : 400px ;
    float : left ;
    clear : right ;
    
    margin-top : 25px ;
    padding-right : 20px ;
    
    /*background-image : url(../assets/images/lineleft.jpg) ;*/
    /*background-position : 155px 0px ;*/
    /*background-repeat : no-repeat ;*/
    
    border-right : 1px solid #999 ;
    
    overflow-x : visible ;
    
    text-align : left ;

/*    border : 1px solid red ; */
    
}

div.sidebar dd
{
    position : relative ;
        left : 1em ;
    
    margin : .5em ;
    text-indent : -.5em ;
    padding-left : .6em ;
}


div.sidebar a, div.sidebar a:visited 
{
    display : block ;
    width : 100% ;
    padding-right : 1px ;
    
    padding : .5em ;
    text-indent : -.5em ;
    padding-left : .6em ;
}

    div.sidebar a:hover
    {
        color : #008 ;
        text-decoration : none ;
    }

    div.sidebar a.active
    {
        color : #008 ;
        font-weight : 700 ;
    }
    
    
        div.sidebar a.nodec:hover
        {
            color : #A43 ;
        }
    
    div.sidebar h3
    {
        margin : 0em ;
    }


#content
{
    position : relative ;
    
    float : left ;
    width : 745px ;
    padding : 25px 0px 10px 10px ;
    
}

.pgHeader
{
    text-align : right ;
    margin-top : 0px ;
}


div.tnDiv
{
    text-align : center ;
    clear : both ;
}

    div.tnDiv table
    {
        position : relative ;
        margin : 0px auto ;
        
        border-collapse : separate ;
        border-spacing : 12px ;
        border-collapse: expression('separate', cellSpacing = '15px'); /* SOMETHING TO DO WITH IE? */
    }
    
    div.tnDiv table td
    {
        position : relative ;
        border : 1px solid #898B97 ;
    }
    
        div.tnDiv table td:hover
        {
            background-color : #EEE ;
        }
    
    div.tnDiv table td img
    {
        padding : 12px 12px 15px 12px ;

    }
    


img
{
    border : 0px ;
}

img.matted
{
    background-color : #EEE ;
    padding : 2px ;

    border : 1px solid #CDA87D ;
}

a img.matted:hover
{
    background-color : #AAA ;
}