body 
{background-color:#FFFFFF}



h1
 {font-size:200%;
color:#006699;
text-align:center;
font-family:arial,verdana,"sans serif"}


h2 
{font-size:150%;
color:#006699;
text-align:center;
font-family:arial,verdana,"sans serif"}

h3 
{font-size:120%;
color:#006699;
text-align:center;
font-family:arial,verdana,"sans serif"}

h4 {font-size:100%;
color:#006699;
text-align:center;
font-family:arial,verdana,"sans serif"}

h5 
{font-size:100%;
color:#006699;
text-align:left;
font-family:arial,verdana,"sans serif"}

p 
{font-size:90%;
color:#006699;
text-align:justify;
font-family:arial,verdana,"sans serif"}

p.date
{font-size:50%;
color:#006699;
text-align:justify;
margin: 0px 0px 5px 0px;
font-family:arial,verdana,"sans serif"}

p.center 
{font-size:90%;
color:#006699;
text-align:center;
font-family:arial,verdana,"sans serif"}

p.small 
{font-size:60%;
color:#006699;
text-align:center;font-family:arial,verdana,"sans serif"}

p.vsmall
 {font-size:50%;
color:#006699;
text-align:center;
font-family:arial,verdana,"sans serif"}

p.ex 
{font-size:90%;
color:#00ff00;
text-align:justify;
font-family:arial,verdana,"sans serif"}

a:link 
{text-decoration: none;
color:#3333FF}

a:visited
 {color:#000099}

a:active 
{color:#3399FF}

a:hover
 {color:#3399FF}

/*stuff below is for sliding menu*/

.glossymenu
{margin: 5px 0;
padding: 0;
width: 200px;
 /*width of menu*/
border: 0;
border-bottom-width: 0;}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }



img.fb{left:0px;width:120px;height:36px;}
img.fb{background:url(images/fblogo.png) no-repet;}
img.fb a :hover{background: url(images/fblogo2.png) ;
}

img.facebooklogo{
width:120px;
height:36px;
position:absolute;
background:url(images/facebooklogo.png) 0 0;}
.picboxleft{
       
        float:left;
        margin-right:5px;
        margin-top:5px;
        border:2px inset #808080;
 }

.picboxright{
        float:right;
        margin-right:5px;
        margin-top:5px;
        border:2px inset #808080;
        margin-left:5px;
 }
.glossymenu 

a.menuitem
{background: #FFFF99
 url(glossyback.gif) 
repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #FFFF99;
display: block;
position: relative;
 /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 2px;
text-decoration: none;}

.glossymenu 
a.menuitem:visited, 
.glossymenu 
.menuitem:active
{color: #FFFF99;}
.glossymenu
 a.menuitem 
.statusicon
{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;}
.glossymenu 
a.menuitem:hover
{background-image: url(glossyback2.gif);}
.glossymenu 
div.submenu
{ /*DIV that contains each sub menu*/background: #CCFFFF;}
.glossymenu
 div.submenu 
ul{ /*UL of each sub menu*/list-style-type: none;
margin: 0;
padding: 0;}
.glossymenu 
div.submenu ul li{border-bottom: 0;}
.glossymenu 
div.submenu ul li a{display: block;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #006699;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
height: 20px;}
.glossymenu 
div.submenu ul li a:hover{background: #AAEEFF;color: white;}