@import "allbasic.css"; /* just some basic formatting, no layout stuff */

/*  5152f5=lite blu 3838e8=dark  9d9da8=gray    */
body {
    margin: 0; padding: 0; color: black;  background-color: #fff;       /*  last color was #fef  #ddccff   was too dark ccbbff */
    font: 75%/1.3 Verdana, Arial, Helvetica, sans-serif;}

a {text-decoration: none; color: #3838a8;}
a:hover {text-decoration: underline;}

h1 {text-align: center; color: #3838a8;}
h2 {text-align: center; color: #3838a8; font-size: 1.5em; }
h3 {text-align: left; color: white; background-color: #9d9da8; font-size: 1.25em; }

p { } /* line-height: 1.3em; }  */
.hidden  {display: none; }

     /* For heading line - heading on left, logo on right */
.headerBox {float: left; width: 100%; border : 1px solid gray;
           background-image: url("../images/page_header.jpg"); }
            /*    background-color: #5152f5; }  */
/*     font-family: Helvetica, Arial, sans-serif; */

.pageHeading {display : inline; float : left; font-size: 2.5em;
    font-weight: bold; padding: 0.5em 0 0 0.5em; }

.logo1Span {float :left; padding: 0;}
/* float:right here only for netscape 7.0 as width:49% above does not work! */
img.logo1 {float:left; border-style: none; padding:0; height: 90px; width: 120px; }
.logo2Span {float :right; padding:0.25em 0.25em 0.25em 0.25em; border-style: none;}
/* float:right here only for netscape 7.0 as width:49% above does not work! */
img.logo2 {float:right; border-style: none; padding:0px 3px 0px 0px;}

/* clear:both gets line under logo in ie6 but not netscape! 
   removing it means logo is not above the line - & does look ok? */

.pageMenu {display: inline; float:left; clear:both;
        width: 12em; border: none; padding: 1.5em 0.5em 1em 1.2em; }
.pageMenu ul {list-style: none; }
.pageMenu li {margin: 1.0em 1.2em 0 -3.5em; border-top: 1px dotted gray; }
.pageMenuContact {margin: 3em 0 0 0; }
.pageMenu a {text-decoration: none; color: #3838a8; }
.pageMenu a:hover {text-decoration: none;}

.mainContent {display: inline; float:left; width: 48em; 
        border-left: 1px solid #cccccc; padding: 0.2em 0.4em 0em 0.4em;}

.rightContent{float: left; }
.rightColumnImage {margin: 30em 0.5em  0.5em 1.5em; }

.pageBottom {display: inline; float:left; clear:both;
        width: 100%;}
/*   Old stuff below here. */

/* For std page layout of pic on left - text on right */
TABLE.mainTable {
 padding: 2px 2px 2px 2px;
 margin: 2px 2px 2px 2px;
 border-width: 0px;
 width: 75%;
}

TD.leftCol {
    border-style: none;
width:30%;
background: transparent;
    text-align: right;
    vertical-align: top;
    margin:0px 0px 0px 0px;
    padding:4px 4px 4px 4px;
    }
IMG.leftCol {
    border-style: solid;
    border-width: 1px;
}
TD.rightCol {
    position: relative;
    border-style: none;
    text-align: left;
    vertical-align: top;
                            /* width:30%;*/
background: transparent; 
    margin:0px 0px 0px 0px;
    padding:4px 4px 4px 4px;

font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    }

SPAN.tableSubheading {
font-family: Helvetica, Arial, sans-serif;
    font-size: smaller;
    font-weight: bold;
}
SPAN.tableText {
font-family: Helvetica, Arial, sans-serif;
    font-size: smaller;
    font-weight: normal;
}
/* page bottom */
    /* contains 3 SPAN's each 3% wide. netscape7 ignores the width
    but ie6 & 5 do take notice of it.
    */
DIV.pageBottom {
    border-style: none;
    border-width: 0px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

SPAN.homeLink {
  float: left;
    vertical-align: top;
    width: 50%;
    border-style: none;
    border-width: 0px;
  text-align: left;
}	
SPAN.copyrightText {
  float: left;
    vertical-align: top;
    width: 20%;
    border-style: none;
    border-width: 0px;
    font-size: 10px;
  text-align: center;
}	
SPAN.validHtmlButton {
  float: left;
    width: 33%;
    border-style: none;
    border-width: 0px;
  text-align: right;
}	

/*-- old stuff below here */


/* border:1px solid #000; */



#banner {
    border-style: none;
text-align: center;
    background:transparent;
    margin:0px 0px 0px 0px;
    }

h1 {
    font-size:14px;
    padding-top:10px;
    }

#banner h1 {
    font-size:14px;
    padding:10px 10px 0px 10px;
    margin:0px;
    }