body {
background-color: #99ccee;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
padding:0px;
margin:0px;
}
a {color: #ff3300;}
a:visited {color:#BF4E30;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
color: #FFFFFF;
font-size: 12px;
text-transform:bold;
background-color: #0e51a7;
border-top:0px solid #564b47;
border-bottom:0px solid #564b47;
padding:5px 15px;
margin:0px }


h2 {
font-size: 160%;
font-weight: normal;
padding: 5px 10px;
margin:0px;
font-weight:bold;
text-align: center;}
h5 {
color: #FF3300;
font-size: 12px;
padding: 5px 10px;
margin:0px;
font-weight:bold;
text-align: left;}

h6 {
color: #000000;
font-size: 11px;
font-style:italic;
padding: 5px 10px;
margin:0px;
font-weight:bold;
text-align: left;}




h4 {
color: #FF3300;
font-size: 11px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
font-weight:bold;
}

h3 {
font-size: 13px;
color: #FFFF99;
background-color: #000000;
border-top:2px solid #000000;
border-bottom:2px solid #000000;
padding:5px 15px;
margin:0px }


.shadow {background-image: url(http://theseagullshop.com/graphics/StorefrontNoLines.jpg);	padding: 9px;}
.plain {border: 1px solid #000000; padding: 5px; width: 300px; background-color: #0e51a7;}

.art {border-style: double;	padding: 16px;	background-color: #ccbb99;  display: block;
    margin-left: auto;
    margin-right: auto;}
ul.square {list-style-type:square}
img { border: none; } 
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
.bold
{
font-weight: bold;
} 
p.center {text-align: center;}
p.indent { text-indent: 20px; }

img.floatLeft { 
    float: left; 
    margin: 10px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.content {border: 5px #000000;}


img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 908px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #ccbb99;
border: 6px solid #000000;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #ccbb99;
text-align: right;
padding: 0px;
margin: 0px;

}
#banner img {padding:0px 0px;} 

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin-left: 200px;
margin-right: 0px;

}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;

width: 200px;
margin: 0px;
padding: 1px;
}

/* -----------footer--------------------------- */
#footer {
width: 898px;
padding: 5px;
text-align: center; 
background-color:#ccbb99;
margin-left: auto;
margin-right: auto;}

/* -----------sidenavigation--------------------------- */
#navcontainer
{
margin-left: 18px;
width: 15em;
border-right: 1px solid #000;
padding: 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin-left: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 5px 5px 5px 5px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}

#navcontainer li li
{
border-top: 1px solid #90bade;
border-bottom: 0;
margin: 0;
}

#navcontainer li li a
{
display: block;
padding: 5px 5px 5px 20px;
border-left: 10px solid #1958b7;
border-right: 10px solid #508fc4;
background-color: #5ba3e0;
color: #fff;
text-decoration: none;
width: 100%;
}