/* GENERAL fonts */
P, OL, UL, DIV, H1, H2 {
	font-family: verdana, arial;
	font-size: 11px;
	color: navy;
}

body
{ 
background-image: url(gradient.jpg); 
background-color: #000000
}  

.bodytable{border: 3px solid silver;}   

.leftcol{
	padding-left: 12px;
	padding-right: 12px;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#000000;
	border-top:1px solid black;  
}


/*TD class.  All tables and forms*/
td{
	font-family: verdana, arial;
	font-size: 11px;
	color: navy;
	background-color: #FFFFFF
}

H1 { font-size: 15px; }
H2 { font-size: 13px; }
P, H1, H2 {margin: 0px 0px 5px 0px;}

/* Content column */
TD#content {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	vertical-align: top; 
	 border-top:1px solid black;  
	
}

/* ----------------  DIV BOXES------------------ */
DIV.cf_header
{
  BORDER-RIGHT: #87ceeb 1px solid;
  PADDING-RIGHT: 2px;
  BORDER-TOP: #87ceeb 1px solid;
  PADDING-LEFT: 2px;
  FONT-WEIGHT: bolder;
  FONT-SIZE: x-large;
  PADDING-BOTTOM: 2px;
  MARGIN: 2px 10% 10px;
  TEXT-TRANSFORM: none;
  BORDER-LEFT: #87ceeb 1px solid;
  COLOR: #191970;
  PADDING-TOP: 2px;
  BORDER-BOTTOM: #87ceeb 1px solid;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  BACKGROUND-COLOR: #b0c4de;
  TEXT-ALIGN: left;
  FONT-VARIANT: normal;
  TEXT-DECORATION: none
}
DIV.cf_box
{
background:#CCCCCC; 
padding:6px; 
border: 2px solid red;
	font-family: verdana, arial;
	font-size: 11px;
	color: navy;
}

DIV.cf_border
{
padding:6px; 
border: 1px solid black;
	font-family: verdana, arial;
	font-size: 11px;
	color: navy;
}


/* ----------------  Menu ------------------ */
#menu {	
	vertical-align: top; 
	width: 100px;	
}

#menu DIV {	width: 95%; }
#menu DIV A {
  font-family: verdana, arial;
  font-size: 9px;
  color: navy;
  text-decoration: none;
}
#menu DIV A:hover {
	text-decoration: underline overline;
	color:red;	
}

/* TOTAL WIDTH AVAILABLE = 184px */
/*  MENU, level 1, normal state (NO) */
TD#menu DIV.menu-level1-no {
  background-image: url(3-button.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 2px;
  margin-top: 2px;
  width: 176px;
  border: 0px solid black;
  padding:6px;
  background-color: #FFF;
  text-indent: 10
}

/*  MENU 1, level 1, active state (ACT) */
TD#menu DIV.menu1-level1-act {
  background-image: url(3-button.png);
  background-position: 0 -27;
  background-repeat: no-repeat;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 2px;
  margin-top: 2px;
  width: 176px;
  border: 0px solid black;
  padding:6px;
  background-color: #FFF;
  text-indent: 10px;
}
TD#menu_1 DIV.menu-level1-act A {
  color:black;
}
/*------------------------------------------------------ */
/*  MENU 1, level 2, normal state (NO) */
#menu DIV.menu-level2-no {
  background-image: url(3-2-button.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-left: 17px;
  margin-right: 0px;
  margin-bottom: 2px;
  margin-top: 2px;
  width: 176px;
  border: 0px solid black;
  padding:6px;
  background-color: #FFF;
  text-indent: 10
}
/*  MENU 1, level 2, active state (ACT) */
#menu DIV.menu-level2-act {
  background-image: url(3-2-button.png);
  background-position: 0 -27;
  background-repeat: no-repeat;
  margin-left: 17px;
  margin-right: 0px;
  margin-bottom: 2px;
  margin-top: 2px;
  width: 176px;
  border: 0px solid black;
  padding:6px;
  background-color: #FFF;
  text-indent: 10px;
}

/*------------------------------------------------------ */
/*  MENU 1, level 3, normal state (NO) */
#menu DIV.menu-level3-no {
  background-image: url(3-3-button.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-left: 34px;
  margin-right: 0px;
  margin-bottom: 2px;
  margin-top: 2px;
  width: 176px;
  border: 0px solid black;
  padding:6px;
  background-color: #FFF;
  text-indent: 10
}
/*  MENU 1, level 3, active state (ACT) */
#menu DIV.menu-level3-act {
  background-image: url(3-3-button.png);
  background-position: 0 -27;
  background-repeat: no-repeat;
  margin-left: 34px;
  margin-right: 0px;
  margin-bottom: 2px;
  margin-top: 2px;
  width: 176px;
  border: 0px solid black;
  padding:6px;
  background-color: #FFF;
  text-indent: 10px;
}
  /* */