body
{
    background-color: #ffffff;
font-family:  Arial, Helvetica, sans-serif;
font-size:12pt;
    color:#000000;
}

.maincol
{
        width:auto;
        position:relative;
        padding:5px;
        margin:20px 210px 10px 200px;
        text-align:justify;
        font-size:90%;
}


.footer
{
font-size:0.5em;
}
p.article:first-letter {
font: italic 250% 'Times New Roman', Palatino, serif;
color: #FF0000;}


/* EXPLANATORY POPUPS */
.popup
{
color:#9f141a;
text-decoration:none;
}


a:link {font: bold 100% Arial; color: blue; text-decoration: none;}
a:active {font: bold 100% Arial; color: blue; text-decoration: none;}
a:visited {font: bold 100% Arial; color: blue; text-decoration: none;}
a:hover {font: bold 100% Arial; color: #ad0018; text-decoration:underline;}


#home .home, #gall .gall, #maingraham .maingraham, #maingill .maingill, #add .add, #spec .spec, #pers .pers, #comm .comm, #artists .artists, #special, .special, #sketch .sketch,  #fungi .fungi, #fruit .fruit, #flower .flower, #water .water, #portrait .portrait
{
color: white; 
background: blue; 
text-decoration: none;
}

.clear
{clear:both;}

.left
{
    /* floats item to LHS of page, and adds a margin */
    float:left;
}

.right
{
    /* floats item to RHS of the page, and adds a margin */
    float:right;
}


img
{
display:inline;
border:0;
margin:1.2em;
}

img.quote
{
display:inline;
border:0;
margin:0 0.5em 0 0;
}



h4 {

    font-size:110%;
    padding:0;
    color:#330066;
    font:italic 1.3em 'Times New Roman', Palatino, serif;

}

h5 {

    font: italic 200% 'Times New Roman', Palatino, serif;
    text-align: center;
    color: #330066;
    padding:0.5em 0 0.1em 0;
    border: 0;
    margin:0;
}

h1, h2, h3, h4
{
	color:#9F3400;
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
padding:0;
margin:1.2em 0 0 0;
}


h2  {
	font-size:120%; 
        line-height:1.1;
        text-align:center;
}

h3  {
	font-size:110%;
        text-align:left;
}


h6
{
        color: #000000;
	font-size:80%;
        padding:0;
border:0;
margin:0;
}

h1 {
	font:  bold 130% Arial, Helvetica, sans-serif;

        text-align:center;

}

.lefthalf
{    
       display:inline;
       width:45%;
       height:auto;
       float:left;       
       text-align:left;
       margin:0.5em;
}  

.righthalf
{    
       display:inline;
       width:45%; 
       background-color:#ffffff;
       float:right;
       text-align:left;
       margin:0.5em;
}

.leftthird
{    
       display:inline;
       width:30%;
       height:auto;
       background-color:#ffffff;
       float:left;       
       text-align:left;
       margin:0.5em;
}  

.righttwothirds
{    
       display:inline;
       width:60%; 
       background-color:#ffffff;
       float:right;
       text-align:left;
       margin:0.5em;
}

.lefttwothirds
{    
       display:inline;
       width:60%; 
       background-color:#ffffff;
       float:left;
       text-align:left;
       margin:0.5em;
}


.rightthird
{    
       display:inline;
       width:30%;
       height:auto;
       background-color:#ffffff;
       float:left;       
       text-align:right;
       margin:0.5em;
}  

.rightcolor
{    
       display:inline;
       width:35%; 
       color:#ad0018;
       background-color:#ffff99;
border-top: 8px solid #FFF59F;
border-right: 8px solid #f7ffc2;
border-bottom: 8px solid #eedd99;
border-left: 8px solid #EED986;
       float:right;
       text-align:left;
       margin:1em 0.2em 1em 0.75em;
       padding:0px 0.75em 0.75em 0.75em;
}

.color
{    
       display:inline;
       width:92%;       
       float:right;
       background-color:#FFF59F;
       color:#ad0018;
       text-align:left;
       margin:1em 5px;
       padding:0px 1em 1em 1em;
}

.creambox
{    
       display:inline;
       width:45%; 
       color:#ad0018;
       background-color:#FFF59F;
       float:right;
       text-align:left;
       margin:1em 2px 1.2em 1.2em;
       padding:0px 1em 1em 1em;
}


.creamboxcenter
{    
       display:inline;
       width:38%; 
       color:#330066;
       background-color:#FFF59F;
       float:right;
       text-align:center;
       padding:0 0.75em 0.5em 1em;
       margin:0 0 0.5em 2em;
border:0;
}


.p
{
font:14px Arial;
color:#330066;
text-align:justify;
}

.quotebox
{
   display:inline;
       width:38%; 
       float:right;
font:italic 1.5em Times 'New Century Schoolbook', Palatino, serif;
text-align:center;
color:#330066;
       padding:0.5em 0.5em 0.5em 1em;
       margin:0 0 0.5em 1em;
border-top: medium solid #330066;
border-bottom: medium solid #330066;
}

.quoteboxcenter
{
   display:inline;
       width:38%; 
       float:right;
font:1em Times 'New Century Schoolbook', Palatino, serif;
text-align:center;
color:#330066;
       padding:0 0.1em 0.5em 0.1em;
       margin:0 0 0.5em 2em;
border-top: medium solid #330066;
border-bottom: medium solid #330066;
}
.epigraph
{
font:italic 3em verdana;
text-align:center;
color:#330066;
}


.epigraph2
{
font:italic 1.7em Times 'New Century Schoolbook', Palatino, serif;
text-align:center;
color:#330066;
background-color:#FFF59F;
padding:0.3em 0.3em 0.3em 0.3em;
}


.epiwhite
{
font:italic 1.7em Times 'New Century Schoolbook', Palatino, serif;
text-align:center;
color:#ffffff;
       margin:0.75em 0.75em 0.3em 0.3em;
       padding:0.75em 0.75em 0.3em 0.3em;
}


.epigraphred
{
font:  italic 125% Arial, Helvetica, sans-serif;	
text-align:center;
color:#ad0018;
}


/* EXPLANATORY POPUPS */

.popup
{
color:#9f141a;
text-decoration:none;
}


.rightbar
{
position:absolute;
width:190px;
height:120%;
top:150px;
right:2px;
padding:0.2em;
margin:0 2px;
     font-family:Arial, Helvetica, sans-serif; 
     color:#000000; 
     font-size:80%;
border:0;
    
}

     .rightitemcenter
     {
     width:180px;
height:180%;
     text-align:center;
     border:thick double #ad0018;
     padding:2px 2px 5px 2px;
     margin:0;
     color:#000000;    
}


.rightbarcream
{
position:absolute;
width:190px;
height:120%;
top:150px;
right:1px;
padding:0;
margin:0 0 1px;
     font-family:Arial, Helvetica, sans-serif; 
     color:#000000; 
     font-size:80%;
border:0;
    
}
     .rightitemcream
{
         position:absolute;
         width:160px;
height:200%;
         color:#000000;
         border-style:none;
         text-align:center;
         padding:6px;
       background-color:#FFF59F;
}

     .rightitemleft
     {
     width:180px;
     height:auto;
     text-align:left;
     border:thick double #ad0018;
     padding:2px 2px 5px 2px;
     margin:0;
     }


.leftbar
{
position: absolute;
top:140px;
bottom:0;
width:160px;
height:120%;
left:2px;
padding:6px;
margin:0 5px 0 0;
font-size:80%;
border:0;
}

     .leftitemleft     
     {
         position:absolute;
         width:160px;
height:180%;
         color:#000000;
         border-style:none;
         text-align:left;
         padding:6px;
       background-color:#FFF59F;
     }

   

     .leftitemcenter
     {
         position:absolute;
         width:160px;
height:180%;
         color:#000000;
         border-style:none;
         text-align:center;
         padding:6px;
       background-color:#FFF59F;
     }


.topleftbox
{
display:inline;
float:right;
width:200px;
margin:5px 5px 0 0;
padding:0;
border:0;
font-size:8pt;
text-align:center;
}

.header
    {
    position:absolute;
    top:0;
    right: 0;
    left: 0;
    width:100%;
    height:auto;
    padding:0;
    margin:0;
    text-align:center;
}

.topnav
{            font-size:0.8em;
            text-align: center;
}
.center { text-align:center; }
.centerbox
            {
            width:100%;
            top: 40px;
            padding:1px;
            left:20px;
            right:20px;
            font:bold 170% Arial, Helvetica, sans-serif;
             color:#ad0018;
            text-align:center;
            }



.centerbox2
            {
            display:block;
            width:100%;
            padding:1px 1px 10px 1px;
            font:bold 200% Arial, Helvetica, sans-serif;
            color:#ad0018;
            text-align:center;
            margin-left:2px;
            margin-right:2px;
clear:both;
            }



/*   FOR HEADER AND OTHER USE    */
        .toprightcorner
            {
            position: absolute;
            display:inline;
            width:auto;
            height:auto;
            top:0;
            right:20px;
            padding:5px;
            font-size:10pt;
            text-align:center;
            }


       /*  LOGO BOX TO USE WITHIN HEADER */


 .logobox1
            {
            position: absolute;
            display:inline;
            width:18em;
            top: -1em;
            left:5px;
            padding:1px;
            margin:2px;
font:  bold 130% Arial, Helvetica, sans-serif;
            color:#ad0018;
            text-align: justify;
            }

.logobox2
            {
            position: absolute;
            display:inline;
            width:18em;
            left:5px;
            padding:1px;
margin:2px;
font:  bold 99% Arial, Helvetica, sans-serif;
            text-align: justify;
           color:#ad0018;
            }

.logobox
            {
            position: absolute;
            display:inline;
            width:18em;
            top: -1em;
            left:5px;
            padding:0;
            font-size:130%;
            font-weight:bold;
            color:#ad0018;
            text-align: justify;
            }

.otherartist
{
display:inline;
float:right;
width:20%;
margin:0 15px 0 0;
padding:0;
border:none;
font-size:8pt;
text-align:center;
}