/* --- static menu styles ---
note:
	1. not all browsers render styles the same way so try out your style sheet
	on different browsers before publishing;
style naming convention:
	m<zero based menu number>l<zero based level number>i|o<for inner or outer tag>
*/

.m0l0i {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	text-decoration : none;
	padding: 6px;
	font-weight : bold;
}
.m0l0o {
	text-decoration : none;
	border : 1px solid #ffffff;
}
.m0l1i {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	text-decoration : none;
	padding: 4px;
	font-weight : bold;
}
.m0l1o {
	text-decoration : none;
	border : 1px solid #ffffff;
}
.m0l2i {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	text-decoration : none;
	padding: 4px;
}
.m0l2o {
	text-decoration : none;
	border : 1px solid #666666;
}


body 
{
background-image: url("images/bg-blue.png");
color: #333333; 
}

a:link {color: #0000FF}     /* unvisited link */
a:visited {color: #3333CC}  /* visited link */
a:hover {color: #FF00FF}   /* mouse over link */
a:active {color: #FF0000}   /* selected link */

h2 {
	font-family: Times New Roman, Verdana, sans-serif;
	font-size: 28px;
	font-style: italic;
	color: #666666;
	text-decoration : none;
	padding: 4px;
	text-align : center;
}
	
hr { color: #8AA7E2;}

A.menu {
  font-family : Arial, Helvetica;
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size : 12pt;
  color : white;
  background-color : #8AA7E2;
  text-decoration : none;
  text-align : left;
}

div.menuHover a:hover { background: white; color: #8aa7e2 }

A.programMenu {
  font-family : Arial, Helvetica;
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size : 12pt;
  color : #FFFFFF;
  background-color : #8AA7E2;
  text-decoration : none;
  text-align : right;
  padding: 6px
}

A.programDownload {
  font-family : Arial, Helvetica;
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size : 12pt;
  color : #FFFFFF;
  background-color : #ff6fcf;
  text-decoration : none;
  text-align : right;
  padding: 6px
}

div.programMenuHover a:hover { background: #FFFFFF; color: #8aa7e2; }

div.top {
   font-family: Times New Roman, Verdana, sans-serif;
   font-size: 36px;
   font-style: italic;
   font-weight : bold;
   color: #6666CC;
   text-decoration : none;
   padding: 4px;
   text-align : center;

}

a.programs {
   font-family: Times New Roman, Verdana, sans-serif;
   font-size: 28px;
   font-style: normal;
   font-weight : bold;
   color: #666666;
   text-decoration : none;
   padding: 4px;
   text-align : center;
}

dt { font-weight: bold }