body 
{
    padding:0;
    margin:0;
    background: #22ff77;
    /* goldenrod */
    background-color: #eeE8AA; 

    /* black */
    background-color: #200606; 

        /* wine */
    background-color: #440000; 
    
    /* background:#51646e url("../images/bodyBg.gif") repeat-x top left; */
    text-align:center;
    font-family: Myriad, Helvetica, Arial, sans-serif;
    font-size: 90%;
    font-family: georgia, times, "times new roman", serif;        
}

a:link
{
color: #444;
}

a:visited
{
color: #444;
}

a:hover
{
color: #fff;
} 
a:active
{
/* color: #7ff; */
/* background-color: #036; */
} 


.content_wrapper {
    width:970px;
    background: #ff7777;
    /* goldenrod */
    background-color: #eeE8AA; 

    /* black  - no good on IE shows through gaps */
    background-color: #000; 

    /* wine */
    background-color: #440000; 
    
    margin:0 auto;
    text-align:left;
}

div#banner
{
    color: #fff;
    background-color: #b9baaa;
    background-color: #EEE8AA; 
    background-color: #d9d9d9;  
    /*
    background-color: #d9d9d9;
       */
    /* margin: 10px 120px 0 120px; */
    margin-top: 15px;
    border: 2px solid #973;
    border-bottom: 1px solid #999;
    
    padding: 5px;
}

div#banright
{
    float: right;
    margin-top: 60px;
    margin-right: 20px;
    color: #444;
}

#banright a
{
    margin-left: 30px;
}

img#logo {
    border: 0;
}

div#header
{
    clear: both;
    background-color: #d9d9d9;
    background-color: #3939af;
    /* font color on board */
    background-color: #ffddcc; 
    /* goldenrod */
    background-color: #EEE8AA; 
    
    /* gold */
    background-color: #ffca77; 

    /* beige */
    background-color: #d1bc82;      

    /* gold */
    background-color: #ffcc99; 
    
    /* margin: 0 120px 0 120px; */
    font-size: 90%;
    padding: .5em;
    border-bottom: 1px solid #ffaa00;

    border-left: 2px solid #973;
    border-right: 2px solid #973;

    text-align: center;
}

div#header ul 
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

div#header li
{
    display: inline;
    margin-right: 1em;
}

#header a
{
    /* padding: 3px 5px 3px 10px; */
    /* text-decoration: none; */
    color: #87151f;
    text-decoration: none;
    background: transparent;
}

#header a:hover
{
    color: #222;
    background-color: #ccc;
}

#header a:visited
{
    /* padding: 3px 5px 3px 10px; */
    /* text-decoration: none; */
    color: #87151f;
    text-decoration: none;
    background: transparent;
}

div#container2
{
    /* margin: 0 120px 0 120px; */
    padding: 2em 200px 2em 2em;
    min-height: 600px;
    /* background: transparent; */
    border-left: 2px solid #973;
    border-right: 2px solid #973;
    
    background-image: url('../images/scan0016_80.jpg');
    background-position: 15%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

div#container3
{
    /* margin: 0 120px 0 120px; */
    padding: 2em 200px 2em 2em;
    min-height: 600px;
    /* background: transparent; */
    border-left: 2px solid #973;
    border-right: 2px solid #973;
    
    background-image: url('../images/mussels.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
}


div#index 
{
    margin: 40px;
    margin-left: 50px;
}

div#container_wide
{
    /* margin: 0 120px 0 120px; */
    /* padding: 2em 2em 2em 2em;*/
    min-height: 600px;
    /* background: transparent; */
    /*background-image: url('../images/scan0016.png');
    background-attachment: fixed;
    background-repeat: no-repeat;*/
}

div#navigation
{
    /* position: absolute;
    top: 150px;*/
    float: left;
    margin-top: 100px;    
    width: 150px;
    padding: 0em;
    background-color: #dddd88;
    background-color: #332244;
    font-family: comic sans ms;
    color: #ffddcc;
    border:6px #973 solid;
    filter: alpha(opacity=80);
    opacity: 0.80;    
   /* background: transparent; */
}

div#navigation ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div#navigation ul li 
{
    margin-top: 0px;
}

#navigation ul li a
{
    display: block;
    width: 135px;
    padding: 3px 5px 3px 10px;
    text-decoration: none;
    font-family: comic sans ms;
    color: #ffddcc;
    background: transparent;
}

#navigation ul li a:hover
{
    text-decoration: underline;
    /* color: #222; */
    /* background-color: #222; */
}

span.noticeme {
    text-decoration: bold;
    font-size: 150%;
    /*color: #ffaa00;*/
    color: #fa0002;
}

div#content
{
    float: right;
    margin-top: 80px;
    /*margin-left: 250px;*/
    width: 400px;
    /* margin-right: 200px; */
    padding: 2em;
    /* text-align: center; */
    font-size: 120%;
    font-family: comic sans ms;
    color: #ffddcc;
    border:6px #973 solid;
    filter: alpha(opacity=80);
    opacity: 0.80;
    background: #transparent;
    background: #332244;
}

div#content_wide
{
    /*margin-top: 80px; */
    /*margin-left: 180px;
    margin-right: 5%;*/
    padding: 1em;
    /* text-align: center; */
    font-size: 120%;
    background-color: #332244;
    font-family: comic sans ms;
    color: #ffddcc;
    border:6px #973 solid;
    filter: alpha(opacity=80);
    opacity: 0.80;
}

table.stats {
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px; 
    
}
table.stats td 
{
    padding: 2px;
}
table.stats tr.oddrow td
{
    background-color: #444444;
}

#content a
{
    /* padding: 3px 5px 3px 10px; */
    /* text-decoration: none; */
    font-family: comic sans ms;
    color: #ffddcc;
    background: transparent;
}

#content a:hover
{
    color: #222;
    background-color: #ccc;
}

#content_wide a
{
    /* padding: 3px 5px 3px 10px; */
    /* text-decoration: none; */
    font-family: comic sans ms;
    color: #ffddcc;
    background: transparent;
}

#content_wide a:hover
{
    color: #222;
    background-color: #ccc;
}

#cleardiv
{
    clear: both;
    height: 1em;
}

div#footer
{
    clear: both;
    background-color: #006699;

    /* gold */
    background-color: #ffcc99; 

    background-color: #973; 
    
    font-size: 75%;
    /* margin: 0 120px 0 120px; */
    padding: .5em;
    border-top: 1px solid #ffaa00;
    text-align: center;
}

div#footer ul 
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

div#footer li
{
    display: inline;
    margin-right: 1em;
}

div#gallery ul 
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

div#gallery li
{
    display: inline;
    margin-right: 1em;
}

.thumbnail{
	/*padding: 3px 3px 8px 3px;*/
	background-color: #222;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	}