/* T.Makinen 20090804

   CSS for my Colargol web pages
   Black text on a white area on a deep purple background,
   blue and orange marker colors
*/

/* class for preloaded content */

div.NoRender {
    display:none;
}

/* dark purple background, blue text */

body {
    color:#0060E0;
    background-color:#180020;
    font-size:100%;
    background-image:url('layout/raster.png');
}

/* black text on white background for main content */

td.ContentBox {
    color:#000000;
    background-color:#F0F0FF;
    background-image:url('layout/textraster.png');
    margin:0px;
    border-style:none;
    border-width:0px;
    padding:10px;
    width:680px;
}

/* additional classes for table elements used to make layout */

td.MenuBox {
    background-image:url('layout/menubar_bg.png');
    margin:0px;
    border-style:none;
    border-width:0px;
    padding:0px;
    width:284px;
}

td.TitleBox {
    margin:0px;
    border-style:none;
    border-width:0px;
    padding:0px;
    width:700px;
}

td.SideBox {
    margin:0px;
    border-style:none;
    border-width:0px;
    padding:0px;
    width:16px;
}

/* vignette table */

.Vignette {
    border-style:dotted;
    border-width:5px;
    border-color:#0060E0;
    background-color:#A0D0FF;
}

/* vignette sans borders */

.VignetSans {
    border-style:none;
    border-width:0px;
    background-color:#A0D0FF;
}

/* news table */

.NewsBox {
    border-style:dotted;
    border-width:3px;
    border-color:#0060E0;
    background-color:#182060;
}

/* Collection table */

table.CollecTable {
    border-collapse:separate;
    empty-cells:hide;
}


/* blue/orange links, underline on hover only */

a:link {
    color:#0060E0;
    text-decoration:none;
}
a:visited {
    color:#C08020;
    text-decoration:none;
}
a:hover {
    color:#C08020;
    text-decoration:underline;
}

/* header style definitions */

h1 {
    clear:both;
    text-align:center;
    font-family:arial,sans-serif;
    font-size:1.5em;
    font-weight:bold;
}

h2 {
    clear:both;
    text-align:left;
    font-family:arial,sans-serif;
    font-size:1.2em;
    font-style:italic;
    font-weight:bold;
}

h3 {
    clear:both;
    text-align:left;
    font-family:arial,sans-serif;
    font-size:1.0em;
    font-style:italic;
    font-weight:normal;
}

/* text style definitions */

.MainText {
    text-align:justify;
    font-family:arial,sans-serif;
    font-size:0.875em;
}

.CaptionText {
    text-align:center;
    font-family:arial,sans-serif;
    font-size:0.625em;
}

.MenuText {
    text-align:left;
    font-family:arial,sans-serif;
    font-size:1.0em;
    font-weight:bold;
}

.VignetteCaption {
    color:#0060E0;
    text-align:center;
    font-family:arial,sans-serif;
    font-size:0.875em;
    font-weight:bold;
}

.VignetteText {
    color:#0060E0;
    text-align:left;
    font-family:arial,sans-serif;
    font-size:0.625em;
}

/* list style */

ul {
    list-style-type:circle;
    font-family:arial,sans-serif;
    font-size:0.875em;
}

/* floater classes */

.RightFloater {
    float:right;
    margin-left:10px;
}

.LeftFloater {
    float:left;
    margin-right:10px;
}