/* this is a css file that is used for documents on the root level,
i.e. my main CRG web page and all those pages that share the same side 
bar */

             /* basic constructs */

a:link 
{
    color: #2c529b;
    background-color: transparent;
}

a:visited 
{
    color: #2c529b;
    background-color: transparent;
}

a:active 
{
    color: #2c529b;
    background-color: transparent;
}

a:link img, a:visited img { border-style: none }
a img { color: white }   /* to hide border in NS 4.x */


/* for address block */

address
{
    margin-top: 5ex;
    margin-bottom: 3ex; 
    FONT-SIZE: 12px;
}
address img { float: right; }


body
{
    BACKGROUND-COLOR: transparent;
    COLOR: black;
    FONT-SIZE: 14px;
    FONT-FAMILY: "lucida grande", verdana, sans-serif;
}  


/* replacement for center tag for text and tables.  see
http://theodorakis.net/tablecentertest.html for details */

div.center { text-align: center; }

div.center table
{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

h1, h2, h3, h4, h5, h6 { COLOR: #2C529B; }

h1 { FONT-SIZE: 28px; }
h2 { FONT-SIZE: 18px; }
h3 { FONT-SIZE: 16px; }
h4 { FONT-SIZE: 16px; }
h5 { FONT-SIZE: 16px; }
h6 { FONT-SIZE: 16px; }


             /* overall container */

/* Transparent border-top is added to force the width of the container
to be 750 px. */

#container
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 690px;
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    border-top: transparent 1px solid;
}


             /* main title block */

div.maintitle
{
    position: absolute;
    top: 20px;
    left: 20px;
    /* image is 163x62 px */
    background:  transparent url(../imgs/topbanner.jpg) no-repeat 0px 0px;
    height:  62px;
    clear: none;
    border-bottom: black 3px solid;
    margin: 0px;
    padding-bottom: 10px;
    text-align: right;
    width: 660px;
}

div.maintitle h1
{
    margin: 0px;
    padding: 0px; 
}


             /* not main title container */

div.notmaintitle
{
    position: absolute;
    top: 105px;
    left: 20px;
    clear: none;
    margin: 0px;
    padding: 0px;
    width: 660px;
}


             /* main text block */

div.maintext
{
    position: absolute;
    top: 0px;
    left: 110px;
    background-color: white;
    clear: none;
    width: 530px;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 20px;
}


/* in main text, all h2 headers except the first has padding on top */

div.maintext h2
{
    margin-top: 0px;
    padding-top: 1ex;
}


/* in main text, the first h2 header has no padding on top */

div.maintext h2.first
{
    margin-top: 0ex;
    padding-top: 0ex;
}


/* bulky lists:  this is for a main text list that i want to have a 
   line separating each item.  note the last item has 0 padding */

div.maintext ul.bulky li { padding-bottom: 2ex; }
div.maintext ul.bulky li.last { padding-bottom: 0ex; }


/* concise lists:  this is for a main text list that i want to have 
   a line separating each item */

div.maintext ul.concise li { padding-bottom: 0%; }


/* this is for a title that is inline with a main text paragraph */

span.mainparatitle { font-weight: bold; }


             /* sidebar block block */

div.sidebarframe
{
    position: absolute;
    top: 0px;
    left: 0px;
    clear: none;
    background-color: white;
    width: 85px;
    float: left;
    border-top: black 1px solid;
    border-right: black 1px solid;
    border-bottom: black 1px solid;
    border-left: black 1px solid;
    padding: 1px;
}

div.sidebartitle
{
    background-color: #333399;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Sans-serif;
    FONT-SIZE: 12px;
    margin:  0px;
    padding: 6px 3px 3px 3px;
    TEXT-ALIGN: center;
}

div.sidebartext
{
    background-color: white;
    COLOR:  #000099;
    FONT-FAMILY: Arial, Sans-serif;
    FONT-SIZE: 12px;
    margin:  0px;
    padding: 0px;
    TEXT-ALIGN: left;
}

div.sidebartext ul
{
    margin-left: 21px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    list-style-type: none;
}

div.sidebartext ul li
{
    line-height: 200%;
    list-style-type: none;
}

div.sidebartext ul li.highlight
{
    color: red;
    list-style-type: none;
}

div.sidebartext a:link { color: #000099; }

div.sidebartext a:visited { color: #000099; }

div.sidebartext a:active { color: #000099; }