.xx-small {font-family: Verdana, Arial, sans-serif; font-size: 12px;}
.x-small {font-family: Verdana, Arial, sans-serif; font-size: 14px;}
.small {font-family: Verdana, Arial, sans-serif; font-size: 16px;}
.medium {font-family: Verdana, Arial, sans-serif; font-size: 18px;}
.large {font-family: Verdana, Arial, sans-serif; font-size: 20px;}
.x-large {font-family: Verdana, Arial, sans-serif; font-size: 22px;}
.xx-large {font-family: Verdana, Arial, sans-serif; font-size: 24px;}

form {  
        padding: 0;
        margin: 0;
        display: inline;
}       

#coolmenu {
        border: 1px solid black;
        border-bottom-width: 0;
        width: 170px;
        background-color: white;
}       
        
.cooltitle {
        font-family: Verdana, sans-serif, Arial;
        font-weight: bold;
        font-size: 75%;
}       

* html #coolmenu { /*IE only rule, to negate the padding below IE includes in menu width.*/
        width: 164px;
}       

#coolmenu a {
        font-family: Verdana, sans-serif, Arial;
        font-weight: bold;
        font-size: 75%;
        padding: 2px;
        padding-left: 4px;
        display: block;
        width: 100%; 
        color: black;
        text-decoration: none;
        border-bottom: 1px solid black;
} 
        
html>body #coolmenu a { /*Non IE rule*/
        width: auto;
}

#coolmenu a:hover {
        background-color: #6600cc;
        color: white;
}

ul {
	list-style-type: disc;
        color: #000099;
}

A:hover {
        text-decoration: underline;
        background-color: #ffff55; 
        color: #bb0000;
}

A:link {
        color: #0000ff;
}

A:visited {
        color: black;
}

.purple_button {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        color:white;
        background-color: #6600cc;
        cursor: auto;
}       
.red_button {
        font-family: Verdana, Arial, sans-serif;
        font-size: 70%;
        font-weight: bold;
        text-align: center;
        color:white;
        background-color: #dd0000;
        cursor: auto;
}

.push_button {
        font-family: Verdana, Arial, sans-serif;
        font-size: 70%;
        font-weight: bold; 
        color: white;
        width: 100%;
        padding: 1px;
        cursor: auto;
}

div.box {
        border: solid;
        border-width: 1px 1px 1px 1px;
        padding: 0.5em;
        width: 120px;
}

table.menu a {  
        width: 100%;
        border:1px solid #333333;
        border-collapse: collapse;
        border-spacing: 0px;
        display: block; 
        text-decoration: none;  
}   
    
table.menu a {
        width: 100%; 
        border:1px solid black;
        border-collapse: collapse;
        border-spacing: 0px;
        display: block;
} 
        
div.menu a {
        font-family: Verdana, Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: white;
        text-decoration:none; 
        padding: 2px 5px;
}       
        
div.menu a:link {
        color: white; 
        background: #6600cc;
}

div.menu a:active {
        color: white;
        background: #6600cc;
}       
        
div.menu a:visited {
        color: white; 
        background: #6600cc;
}

div.menu a:hover {
        color: black;
        background: white;  
        border:1px solid black;
}       

/*
div.menu {
        position: absolute;
        top: 0; 
        left: 0;
}
*/