/* Beachcombers color scheme:
    #215194 blue
    #810081 magenta
    #EC8F25 orange
    #F3E401 yellow
 */

body 
{
    margin-left: 0;
    margin-top: 0;
    background: White;
    font-family: Arial, sans-serif;
}

a:link      {color: #215194;}
a:visited   {color: #810081;}
a:hover     {color: #EC8F25;}

h1
{
    color: #215194;
    font-size: large;
    font-weight: bold;
    margin-top: 25px;
    margin-bottom: 0px;
}

p
{
    font-size: 13px;
    margin-top: 8px;
    margin-bottom: 8px;
}

ul
{
    font-size: 13px;
}

li
{
    margin: 10px;
}

/* Layout of the left column table. */
.left_column table
{
    margin-top: 5px;
    margin-left: 2px;
    margin-right: 2px;
    text-align: center;
    vertical-align: top;
    color: #215194;
    font-size: small;
    font-weight: bold;
    width: 108px;
}

/* Style for left column menu items: highlight on rollover. */
.left_column a:link     {display:block;width:100%;background:#EC8F25;}
.left_column a:visited  {display:block;width:100%;background:#EC8F25;}
.left_column a:hover    {display:block;width:100%;background:#F3E401;}


/* Background image subsitution for header buttons. */
a.top_button1:link , a.top_button1:visited{
    display:block;width:100px;height:130px;
    background-image:url('../../layout/images/header_button1_normal.jpg');}
a.top_button1:hover{
    display:block;width:100px;height:130px;
    background-image:url('../../layout/images/header_button1_highlight.jpg');}
    
a.top_button2:link , a.top_button2:visited{
    display:block;width:100px;height:130px;
    background-image:url('../../layout/images/header_button2_normal.jpg');}
a.top_button2:hover{
    display:block;width:100px;height:130px;
    background-image:url('../../layout/images/header_button2_highlight.jpg');}
    
a.top_button3:link , a.top_button3:visited{
    display:block;width:100px;height:50px;
    background-image:url('../../layout/images/header_button3_normal.jpg');}
a.top_button3:hover{
    display:block;width:100px;height:50px;
    background-image:url('../../layout/images/header_button3_highlight.jpg');}
    
a.top_button4:link , a.top_button4:visited{
    display:block;width:100px;height:130px;
    background-image:url('../../layout/images/header_button4_normal.jpg');}
a.top_button4:hover{
    display:block;width:100px;height:130px;
    background-image:url('../../layout/images/header_button4_highlight.jpg');}
    
a.top_button5:link , a.top_button5:visited{
    display:block;width:100px;height:130px;
    background-image:url('../../layout/images/header_button5_normal.jpg');}
a.top_button5:hover{
    display:block;width:100px;height:130px;
    background-image:url('../../layout/images/header_button5_highlight.jpg');}
    
a.top_button6:link , a.top_button6:visited{
    display:block;width:100px;height:80px;
    background-image:url('../../layout/images/header_button6_normal.jpg');}
a.top_button6:hover{
    display:block;width:100px;height:80px;
    background-image:url('../../layout/images/header_button6_highlight.jpg');}
    
/* Special style for causing hiding stuff, for example images to preload. */
.hidden { display:none; }

/* Bottom column style. */
.bottom_row table
{
    text-align: center;
    font-size: xx-small;      
}

/* Contents of right column. */
.right_column
{
    text-align: center;
    margin-left: 15px; /* These many pixels of white on the right_column's background. */
    padding-top: 20px; /* Padding at the very top of the column. */
}

/* Site meter box. */
.site_meter
{
    color: #F3E401;
    background-color: black;
    font-size: x-small;
    font-weight: bold;
    border-style: inset;
    width: 60px;
    margin-left: auto; /* These autos center-align the content (bug in IE means you need to nest this div). */
    margin-right: auto;
    margin-top: 20px;
}   

/* Styles for news items. */
.news_item
{
    border: solid medium #F3E401;
    margin-top: 15px;
    padding: 0px 15px 15px 25px;
}

/* Timestamp. */
.news_item h1
{
    color: Black;
    font-family: Courier New, Sans-Serif;
    font-size: x-small;
    margin-left: -22px;
    margin-top: 0px;
}

/* News item title. */
.news_item h2
{
    color: Black;
    font-size: medium;
    margin-left: -10px;
    margin-top: 0px;
    margin-bottom: 5px;
}

.news_item p
{
    margin-top: 0px;
}

/* Quoted text (eg within an news_item). */
.quote
{
    border: outset thin #f0f0f0;
    background-color: #f0f0f0;
    margin-bottom: 15px;
    margin-left: 20px;
    margin-top: 10px;
    padding: 10px;
}

.quote p
{
    margin-left: 0px;
}