﻿/****************************************************************************************
*  Campbell River Salmon Foundation -- June 12, 2009
*
*  Corey Magowan
*  Main style sheet
*****************************************************************************************/

/* Palate
    Orange #e4361a
    text blue #004a89
/* Block default margins and padding */
*{
    margin:0;
    padding:0;
}

body {
    /* Required to center wrapper in old browsers */
    text-align:center;
    /* the rest is optional, style to taste */
    background:#fff;  /*go with white for now*/
    color:#004a89;
    font-family:Verdana, Geneva, Sans-Serif;
    font-size:14px;    
}

#wrapper
{
    margin:auto;
    width:1020px;
}

#header
{
    margin: 10px 0px 3px 0px;
    width:1019px;
    height:170px;
    background:url(../images/Header.gif) top left no-repeat; 
}
#tag_line
{
    margin:10px 15px 10px 400px;
    padding-top:15px;
    color:#e4361a;
    font-size:25px;
    text-align:right;
    vertical-align:middle;
}
#menu
{
    margin:auto 100px;
    color:#fff;
    vertical-align:bottom;
}
#menu ul
{
    display:inline;
    text-align:center;
}
#menu li
{
    float:left;
    margin:auto 10px;
    text-align:center;
}

#menu a
{
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}

#menu a:hover
{
    margin-bottom:10px;
    color:#e4361a;
    font-size:115%;
}

#menucurrent
{
    color:#e4361a;
}

#menu ul
{
    list-style:none;
}

#news
{
    float:left;
    margin: 2px 10px 3px auto;
    width: 238px;
    height: 550px;
    background:url(../images/news.gif) top left no-repeat; 
    text-align:left;
}
#news_item
{
    margin:35px 5px 5px 15px;
    text-align:left;
}

#news ul
{
    list-style-type:none;
}

.pictures
{
    clear:both;
    float:left;
    margin: 2px 10px 3px 0;
    width: 238px;
    /*height: 550px;*/
    text-align:left;
}

#pictures
{
    clear:both;
    float:left;
    margin: 2px 10px 3px 0;
    width: 238px;
    /*height: 550px;*/
    text-align:left;
}


.pictures img
{
    width:230px;
    height:auto;
}

#pictures img
{
    width:230px;
    height:auto;
}


.content
{
    margin:10px 10px 10px 240px;
    padding-left:10px;
    text-align:justify;
}
.content h1
{
    margin:5px auto;
    padding-left:50px;
    background: url(../images/Heading.gif) no-repeat;
    font-weight:bold;
    font-size:150%;
    height:2em;
    color:#949599;
}
.contentfull
{
    margin:10px;
    text-align:justify;
}
.contentfull h1
{
    margin:5px auto;
    padding-left:50px;
    background: url(../images/heading.gif) no-repeat;
    font-weight:bold;
    font-size:150%;
    height:2em;
    color:#949599;
}
.contentfooter
{
    font-size:70%;
    font-weight:bold;
}

#content
{
    margin:10px 10px 10px 240px;
    padding-left:10px;
    text-align:justify;
}
#content h1
{
    margin:5px auto;
    padding-left:50px;
    background: url(../images/Heading.gif) no-repeat;
    font-weight:bold;
    font-size:150%;
    height:2em;
    color:#949599;
}
#contentfull
{
    margin:10px;
    text-align:justify;
}
#contentfull h1
{
    margin:5px auto;
    padding-left:50px;
    background: url(../images/heading.gif) no-repeat;
    font-weight:bold;
    font-size:150%;
    height:2em;
    color:#949599;
}
#contentfooter
{
    font-size:70%;
    font-weight:bold;
}
#map
{
    float:right;
    width:262px;
    height:330px;
    border:solid 10px #fff;
}

#membertable
{
    border:solid 1px #004a89;
    width:500px;
    margin:0;
    padding:0;
}

#membertable th
{
    border:solid 1px #004a89;
    margin:0;
    padding:0;
}

#membertable tr
{
    border:solid 1px #004a89;
    margin:0;
    padding:0;
}

#membertable td
{
    border:solid 1px #004a89;
    margin:0;
    padding:0;
}

#footer
{
    clear:both;
    height:31px;
    margin: 1px auto 3px auto;
    background:url(../images/Footer.gif) top left no-repeat;
    color:#fff;
    vertical-align:middle;
}

p
{
    color:#004a89;
    margin-bottom:1em;
}

h1
{
    font-size:100%;
    color:#e4361a;
}

h2
{
    font-size:90%;
    padding-left:50px;
    margin-bottom:1em;
}

h3
{
    font-size:70%;
    margin-bottom:1em;
}
a
{
    color:#e4361a;
}

a img
{
    text-decoration:none;
    border:0 none;
}

ul
{
    margin-left:20px;
    margin-bottom:1em;
}
.memberbio {
 clear:both;
 width:840px;
 margin-top:20px;
 padding:15px;
}

.memberbio2 {
 clear:both;
 width:840px;
 margin-top:20px;
 padding:15px;
 background-color:#EEE;
}

.biopic {
 float:left;
 text-align:center;
 width:180px;
 height:260px;
}

.biotext {
}

   
    
