body {margin-top:0;margin-left:0;margin-right:0; 
      background:lightblue;
      font-size : 12pt;\n}


table.top {text-align:center}
TD.top    {padding:0; text-align:center;
           color:black; font-size:20pt}

//logos of funding sources /////////////////////////////////////////////////////////////////////

div.logos {float:left; margin:5}
img.funds {float:left; clear:left; width:140; height:160; margin:5}


//best picture or picture of the month & major event
//MAJOR event/////////////////////////////////////////////////////////////////////////////////
div.frame {}
div.bestpic {float:right;top:150px;
            padding:10px;margin:10;
			width:300px;
			text-align:left;vertical-align:bottom;
			background:white;}
img.best   {top:40;margin:10px;
             height:150;width:90%}



div.frame {}
div.majorevent {padding:10px;
			width:100%;
			text-align:left;vertical-align:bottom;
			background:white;}
img.major   {float:left; top:0px;left:10px;margin:5px;
             height:150;width:100%}






// iframe information/////////////////////////////////////////////////////////////////////////

div.frame {}
iframe.pics {float:left; top:150;
            left:440px; width:760px;
            margin:10;
            height:600px;border:0;
            scrolling:yes; }







// FRAME and SLIDESHOW CONTROLS
//these affect the items in the cells on the main page/////////////////////////////////////////////

table.tablesmaller  {background-color:transparent;
                     margin:1%;	padding:0em;
                     width:10%;text-align:center;
                     font-size:8pt;}

table.tablecell  {padding : 0; 
                  font-size:8pt; 
                  text-align:center;}

h1       {color:black; font-size:35pt;white-space:no-wrap}
h2       {color:green; font-size:20pt;white-space:no-wrap}

// COUNTER (by license agreement we cannot change any of the links or images)/////////////////////////////
div.frame {}
table.counter{clear:right;float:right}