.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;}

p {
margin-top: 0; margin-bottom: 0;
}

form {
        padding: 0;
        margin: 0;
        display: inline;
}       
        
.inbox {
        font-size: small;
        font-weight: bold;
        border-style: inset;
        border-color: black;
        border-width: 1px; 
        color: black;
}

.outlineBox {
        border-style: inset;
        border-color: black;
        border-width: 1px;
        color: black;
}

#center{
   width:768px;
   height:100px;
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-50px;
   margin-left:-50px;
}

#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: 12px;
}

* 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: 14px;
        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;
}
 
.nav_number {
        font-family: Verdana, Arial, sans-serif;
        font-size: 70%;
        font-weight: bold;
        text-align: center;
        margin: 0px;
        padding: 0px;
        color: white;
        background-color: #6600cc;
        cursor: auto;
}       
        
.nav_button {
        font-family: Verdana, Arial, sans-serif;
        font-size: 70%;
        font-weight: bold;
        text-align: center;
        margin: 0px;
        padding: 0px;
        color: white;
        background-color: #6600cc;
        cursor: auto;
}

b.cbl {
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
        color: black;
}

.ddmenu {
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
        font-weight: bold;
	color: white;
        background-color: #dd0000; 
}

.blist {
	list-style-image: url("/images/Redball.gif");
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
	padding:0; 
	margin:0px 0px 0px 20px;
}

.vlist {
	list-style-image: url("/images/Redball.gif");
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
        padding:0;
        margin:0px 0px 0px 20px;
}

.clist {
	list-style-image: url("/images/Redball.gif");
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
	padding:0; 
	margin:0px 0px 0px 15px;
}

.header {
        font-family: Verdana, Arial, sans-serif;
        font-size: x-small;
        font-weight: bold;
        color: white;
}
	
.r_title {
        font-family: Verdana, Arial, sans-serif;
        font-size: medium;
        font-weight: bold;
        color: #dd0000;
}

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

A:link {
        color: #0000ff;
	font-weight: bold;
}

A:visited {
        color: black;
}

A.title {
        font-family: Verdana, Arial, sans-serif;
        font-size: small;
	color: red;
        font-weight: bold;
}

.color_button {
        font-family: Verdana, Arial, sans-serif;
        font-size: 70%;
        font-weight: bold;
        text-align: center;
        color:white;
        cursor: auto;
}

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

.gref_button {
        font-family: Verdana, Arial, sans-serif;
        font-size: 8px;
        font-weight: bold;
        text-align: center;
        color:white;
        background-color: #6600cc;
        cursor: auto;
}

.yellow_button {
        font-family: Verdana, Arial, sans-serif;
        font-size: 70%;
        font-weight: bold;
        text-align: center;
        color:black;
        background-color: yellow;
        cursor: auto;
}       

.dd_button {
        font-family: Verdana, Arial, sans-serif;
        font-size: 60%;
        width: 60px;
        font-weight: bold;
        text-align: center;
        color:white;
        background-color: #6600cc;
        cursor: auto;
}

.green_button { 
        font-family: Verdana, Arial, sans-serif;
        font-size: 70%;
        font-weight: bold;
        text-align: center;
        color: white;
        background-color:#338833;
        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;
}

#weekly {
        margin:0px auto;
        position: relative;
        background-color:white;
        padding: 1px;
        cursor: auto;
}

#weekly a{
        font-family: Verdana, sans-serif, Arial;
        font-size: 80%;
        font-weight: bold;
        padding: 1px;
        padding-left: 1px;
        display: block;
        width: 100%;
        color: black;
        text-decoration: none;
        border: 1px solid #aaaaaa;
}

#weekly a:hover {
        background-color: #6600cc;
        font-size: 80%;
        font-weight: bold;
        color: white;
}

#weekly a:visited {
        margin:0px auto;
        position: relative;
        font-size: 80%;
        color: black;
        padding: 1px;
        cursor: auto;
}

#weekly a:visited:hover {
        background-color: #6600cc;
        font-size: 80%;
        font-weight: bold;
        color: white;
}

.msg_title {
        font-family: Verdana, Arial, sans-serif;
        font-size: 80%;
        cursor: auto;
}

.msg_date {
        font-family: Verdana, Arial, sans-serif;
        font-size: 70%;
        cursor: auto;
}

.boxon {
        margin:0px auto;
        position: relative;
        background-color:white;
        border-style: solid;
        border-width: 2px;
        border-color: #ff0000;
        padding: 1px;
        cursor: auto;
}       
        
.boxoff {
        margin:0px auto;
        position: relative;
        background-color:white;
        border-style: solid;
        border-width: 2px; 
        border-color: white;
        padding: 1px; 
        cursor: auto; 
}

.sbox {
        font-family: Verdana, Arial, sans-serif;
        font-size: 70%;
        font-weight: bold;
}

.searchtext {
        font-family: Verdana, Arial, sans-serif;
	font-size: 16px; 
	color: black;
	font-weight: bold;
}

.purple_box {
        font-family: Verdana, Arial, sans-serif;
        font-size: 70%;
        font-weight: bold;
        text-align: center;
        color:white;
        background-color: #6600cc;
        cursor: pointer;
}

.button_color {
        font-family: Verdana, Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
	text-align: center;
        color:white;
        background-color: #6600cc;
	cursor: pointer;
}

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

div.red_box {
        border: solid;
	color: #6600cc;
        border-width: 1px 1px 1px 1px;
        width: 100%
}

table.menu a {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px; 
        border:1px solid black;
        border-collapse: collapse;
        border-spacing: 0px;
        display: block;
}

div.menu a {
        font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: white;
        text-decoration:none;
        text-align: center;
        padding: 2px 5px;
}

div.menu a:link {
        color: white;
        background: #6600cc;
        text-decoration:none;
}

div.menu a:active {
        color: white;
        background: #6600cc;
        text-decoration:none;
}

div.menu a:visited {
        color: white;
        background: #6600cc;
        text-decoration:none;
}

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

/*
div.menu { 
	margin:0 auto;
}
*/

