body
{
    background-color: #ffffff;
    color:#000000;
    font-family:  'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size:14px;
}


a:link {font: bold 13px verdana; color: blue; text-decoration: none;}
a:active {font: bold 13px verdana; color: blue; text-decoration: none;}
a:visited {font: bold 13px verdana; color: blue; text-decoration: none;}
a:hover {font: bold 13px verdana; color: #ad0018; text-decoration:underline;}

.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:0.5em;
}



h1, h2
{
	color: #8a2be2;
	background: transparent;
	font-family:  'Trebuchet MS', Arial, Helvetica, sans-serif;
}


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

h2  {
	font-size:120%;
        text-align:left;
}

h4  {
	font-size:110%;
	padding:0;
	font-family:  'Trebuchet MS', Arial, Helvetica, sans-serif;	
}


h5  {
        color: #000000;
	font-size:110%;
	padding:0;
	font-family:  'Trebuchet MS', Arial, Helvetica, sans-serif;	
}

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

h3  {
	font:  bold 130% Arial, Helvetica, sans-serif;
color:#ffffff;	
	line-height:1.1;
	padding:3px 3px 3px 5px;
      border: 1px solid #8a2be2!important; 
      background:#8a2be2;
}



table
{
     border:thin solid #99ccff;
}

td {
	padding: 5px 10px;
	vertical-align: top;
}
td a {
	font-weight: bold;
	color: #06c;
}
th {
	font: bold 100% Verdana,Arial,Helvetica,sans-serif;
	color: #666;
	background: #ccffff;
}




.left45pcwhite
{    
       display:inline;
       width:45%;
       height:auto;
       background-color:#ffffff;
       float:left;       
       text-align:left;
       margin:5px;
}  


.right45pcwhite
{    
       display:inline;
       width:45%; 
       background-color:#ffffff;
       float:right;
       text-align:left;
       margin:5px;
}

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




.epigraphpurple
{
font:italic 1.5em verdana;
text-align:center;
color:#330066;
}


/* EXPLANATORY POPUPS */

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


.rightbar
{
position:absolute;
width:190px;
height: auto;
top:150px;
right:2px;
padding:0;
margin:0 2px;
     font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
     color:#000000; 
border:0;
    
}

     .rightitemcenterblue
     {
     width:180px;
     height:auto;
     text-align:center;
     border:thick double #6699ff;
     padding:2px 2px 5px 2px;
     margin:0;
     font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
     color:#000000;    
}

     .rightitemleftblue
     {
     width:180px;
     height:auto;
     text-align:left;
     border:thick double #6699ff;
     padding:2px 2px 5px 2px;
     margin:0;
     font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
     color:#000000;    
}

.leftbarblue
{
position: absolute;
top:120px;
bottom:0;
width:180px;
height:100%;
left:2px;
padding:6px;
margin:0 5px 0 0;
font:12px verdana;
         border: thick solid #8a2be2;
}

     .leftitemleftblue
     {
         position:absolute;
         width:180px;
         height:100%;
         color:#000000;
         text-align:left;
         padding:35px 6px 6px 6px;
         margin:0;
         background-color:#add8e6;
border-top: thick solid #8a2be2;
border-right: thick solid #6699ff; 
border-bottom: thick solid #6699ff; 
border-left: thick solid #8a2be2;
     }


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


.maincolblue
{
        width:auto;
        position:relative;
        padding:5px;
        margin:60px 220px 10px 220px;
        text-align:justify;
}

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

        /* this is the TOP BAR FOR HORIZ LINKS  place BELOW maincol end of div */      
         .topbar
            {
            position:absolute;
            width:100%;
            top:80px;
            left:2px;
            right:2px;
            padding:0;
            height:4em;
            font-size:10pt;
            text-align: center;
            }


         /*   TOP NAV Plain   */
          .navhoriz
            {
            width:100%;
           overflow: visible;
            margin-left:2px;
            margin-right:2px;
            text-align:center;
            }


.centerboxpurple
            {
            position:absolute;
            width:100%;
            top: 40px;
            padding:1px;
            left:20px;
            right:20px;
            font:bold 200% Arial, Helvetica, sans-serif;
            color:#8a2be2;
            text-align:center;
            }

.centerbox2purple
            {
            position:absolute;
            display:inline;
            width:100%;
            padding:5px;
            left:2px;
            right:2px;
            font:bold 200% Arial, Helvetica, sans-serif;
            color:#8a2be2;
            text-align:center;
 
            }


       

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

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