/****************************************************************************************************/
/* BASIC STYLES */
/****************************************************************************************************/

/* CONTAINERS */

body
    {
    /* background colour */ 
    background-color: #262626;
    /* default text colour, family, weight, and size */    
    color: #8591b4; font-family: Tahoma, Helvetica, sans-serif; font-weight: normal; font-size: .7em;
    /* no page margin or padding */
    margin: 0px; padding: 0px;
	/* center the tables in the window */
    text-align: center;
    }
    
table
    {
    padding: 0px; 
    }
    
td
    {
    padding: 0px; 
    vertical-align: top;
    }  
      
/* LINKS */

a:link
    { 
    color: #FFFFFF;
    text-decoration: underline;  
    }
a:visited 
    { 
    color: #FFFFFF;
    text-decoration: underline; 
    }
a:hover 
    { 
    color: #ffb400;
    text-decoration: none; 
    }

/* images */

img 
    { 
    border: none; 
    }

/*************************************************************************/    
/* OUTER WRAPPER FOR WHOLE TOP BIT */
/*************************************************************************/ 

    
table.wrapper
    {
    background: url('../images/bg_notext.gif') no-repeat top center;
    width: 800px; 
    }
    
    table.wrapper td.padder /* used for padding the sides for the top banner and top navigation */
        {
        padding:0px; padding-left:28px; padding-right:28px; 
        }
    table.wrapper td.padderbottom
        {
        padding:0px; padding-top:20px; padding-bottom:20px; 
        }

/*************************************************************************/    
/* HEADER */
/*************************************************************************/ 

table.header
    {
    width: 744px; 
    margin-top: 18px;
    }

/*************************************************************************/    
/* TOP NAVIGATION */
/*************************************************************************/ 
    
table.navigation
    {
    /* margin:0px; */
    margin-top: 66px; margin-bottom:0px;
    width: 744px;
    text-align: left;
    }
    table.navigation td.science
        {
        width: 58px;
        }
    table.navigation td.divider1
        {
        width: 19px;
        }
    table.navigation td.art
        {
        width: 28px;
        }
    table.navigation td.divider2
        {
        width: 21px;
        }
    table.navigation td.design
        {
        width: 53px;
        }       
    table.navigation td.contact
        {
        width: 626px;
        text-align: right;
        }
        
/*************************************************************************/    
/* MAIN CONTENT */
/*************************************************************************/ 

table.main
    {
    Width: 800px;
    background: url('../images/bg_main.gif') repeat-y top left;
    }

/* LEFT COLUMN */

    table.main td.leftBit
        {
        width: 266px;
        padding-bottom:8px; padding-right: 0px; padding-left:18px; padding-top: 4px;
        text-align: left;
        }
        table.main td.leftBit td
            {
            padding:4px; 
            background: #000000;
            }
        table.main td.leftBit td.blank
            {
            padding:4px; 
            background: none;
            }
        table.main td.leftBit td.selected
            {
            background-color: #8591b4;
            }
        table.main td.leftBit div
            {
            color: #1f1e1e;
            padding:8px; padding-left: 10px; padding-top:0px;            
            text-transform: uppercase;
            letter-spacing: 0.14em;
            }
        table.main td.leftBit div span.selected
            {
            color: #FFB400;
            }

/* secondary navigation links */

            table.main td.leftBit div a:link
                { 
                color: #FFFFFF;
                text-decoration: none;  
                }
            table.main td.leftBit div a:visited 
                { 
                color: #FFFFFF;
                text-decoration: none; 
                }
            table.main td.leftBit div a:hover 
                { 
                color: #ffb400;
                text-decoration: none; 
                }

/* gallery navigation links */

        table.main td.leftBit div.galleryPaging
            {
            padding-top:10px;
            text-transform: none;
            letter-spacing: 0em;
            }
        table.main td.leftBit div.galleryPaging span.view
            {
            color: #8591b4;
            }
                
/* RIGHT COLUMN */


    table.main td.rightBitIndex
        {
        text-align: left;
        padding:10px; padding-left: 0px; padding-top:20px; padding-right:100px; 
        }
        table.main td.rightBitIndex div
            {
            height: 153px;
            }
        
    table.main td.rightBit
        {
        text-align: left;
        padding:10px; padding-left: 0px; padding-top:33px; padding-right:32px; 
        }
        h2
            {
            font-weight: bold; font-size: 1.1em;
            margin: 0px; padding: 0px;
            text-decoration: none;
            }
        p
            {
            color: #CCCCCC;
            margin: 0px; padding: 0px; padding-top:10px;
            line-height: 1.3em;
            }
        table.main td.rightBit td.image
            {
            padding: 0px; 
            }
            table.main td.rightBit td.image img
                {
                border: 4px solid #8591b4;
                }
            
        table.main td.rightBit td.text
            {
            padding-left: 4px;
            text-align: left;   
            }
        
/*************************************************************************/    
/* FOOTER */
/*************************************************************************/ 
            
table.footer
    {
    padding: 0px; 
    Width: 800px;
    background: url('../images/bg_footer.gif') repeat-y top left;
    color: #FFFFFF;
    text-align:left;
    }
    table.footer td
        {
        height: 15px; 
        }