/* This is the style sheet for the Derby Porcelain pages */
/* adjust the font size for status2 and status3 to make it visible on the 
touchscreen */

body
{font-family: Comic Sans MS, Verdana, Arial, San Serif;color:#000000;}

h1 {color:#2e757e;font-weight: normal;text-align:left;margin-top: 5px;} 
h2 {color:maroon;font-weight: normal;text-align:right;margin-top: 5px;font-style:italic;margin-left:20px;} 
h3 {color: #cc6633;font-size:medium;font-weight:normal;}
h4 {font-size:small;}


ul.navbar {margin-top:25px;margin-left:30px;list-style-type:square; list-style:outside;}
ul {margin-left:15px;list-style-type:square; list-style:outside;}
li {margin-bottom:10px;}

.column
{
margin-left:15;
margin-right:3%;
font-size: 12px;
text-align:justify;
}
#floating
{
/*width: 600px;*/
margin-top: 15px;
margin-right: 10px;
margin-left: 10px;
text-align: center;
font: 13px/20px;
}

#main
{
/*width: 600px;*/
margin-top: 15px;
margin-right: 180px;
margin-left: 180px;
text-align: justify;
font: 13px/20px;
}
#left
{
height:800px;
width: 160px;
/*position: absolute;top: 244px;left: 10; */
position: absolute;top:0px;left:0; 
/*border-right: solid;*/
font-size: 15px;
background-color:#99cdce;
background:url(./graphics/strip.jpg);
background-repeat:no-repeat;
}
#right
{
height:800px;
background-color:#99cdce;
width: 160px;
position:absolute;top:0px;right:0px;
/*border-left:1px #999999 solid;*/
background:url(./graphics/strip2.jpg);
background-repeat:no-repeat;
}


@media,print{
.screenonly{display:none}
#main {margin-left:0;margin-right:50;width="600"}
}
@media,screen{
.printonly{display:none;}
}

.credit
{
margin-top:10;
font-size: 11px;
text-align:justify;
}


.bold
{
           font-weight:    bold;
           color: #cc6633;
           font-size: 12px,12px;           
}
.italic    {font-style:italic;}

.caption
{
margin-top:2px;
font-size: 12px;
text-align:center;
}



a {color: #cc6633;font-weight:bold;font-size: 12px,12px; }
a.inline {font-weight:normal;}
/*a[href] {cursor: Pointer;text-decoration: none;color:maroon;}*/
a:link {text-decoration: none;color:maroon;}
a:visited {text-decoration:none;color:maroon;}
a:hover {text-decoration: none;color:#cc6633;}
/*a:active {text-decoration: none;}*/




th
{
font-weight:    bold;
font-size: x-small;           
}
td
{

font-size: x-small;           
}

img.border {margin-top:10px;}


/* Golden / yellow #FEBE2D

/* City Council green #007D76

/* Salmolnella #FFA07A

/* SF blue #01015A

/* SF purple #C71585