.style2 {
	font-family: 				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#000087;
	background-color: 			#CCCCFF;

}

/* Used for "horrizontal_navigation.asp" */
a.style4:link,a.style4:visited {
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#CCCCFF;
	background-color: 			#6666CC;
	text-decoration:			none;
	vertical-align: 			middle;

/* This line-height is a crappy way to vertically center the text within the block element */
	line-height:				200%;
	display:				block;
	width:					100%;
	height:					100%;


}

a.style4:hover{
	color: 					#000087;
	background-color: 			#CCCCFF;

}

/* this style is probably no longer necessary...  it used to be used, but then I added the a.style4 elements.  I leave it here in case
some part of the site that I don't know about uses it (Actually, the search button uses this style) */
.style4 {
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#CCCCFF;
	background-color: 			#6666CC;
}



a.orange:link,a.orange:visited {
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#000087;
	background-color: 			#FF9900;
	text-decoration:			none;
	font-weight:				bold;
	vertical-align: 			middle;
	line-height:				200%;
	display:				block;
	width:					100%;
	height:					100%;
}

a.orange:hover {
	background-color: 			#FFB400;
}

/* this style is probably no longer necessary...  it used to be used, but then I added the a.orange elements.  I leave it here in case
some part of the site that I don't know about uses it */
.orange {
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#000087;
	background-color: 			#FF9900;
	font-weight:				bold;
}

.arrow {
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				16px;
	color: 					#000087;
}

.arrow_hover{
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				16px;
	color: 					#000087;
	font-weight:				bold;
}

h1{
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				16px;
	color: 					#000087;
	font-weight:				bold;
	margin:					0px;
}


h2{
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				14px;
	color: 					#000087;
	font-weight:				bold;
	margin:					0px;
}


h3{
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#000087;
	font-weight:				bold;
	margin:					0px;
}



h4{
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				16px;
	color: 					#FF9900;
	font-weight:				bold;
	margin:					0px;
}

h5{
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				14px;
	color: 					#FF9900;
	font-weight:				bold;
	margin:					0px;
}

h6{
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#FF9900;
	font-weight:				bold;
	margin:					0px;
}

ul{
	font-family: 				Arial, Helvetica, sans-serif;
	list-style-type: 			circle;
	list-style-position:			outside;
	margin-top:				0px;
	margin-bottom:				0px;
}

/* this style is probably no longer necessary...  it used to be used, but then I added the a.orange elements.  I leave it here in case
some part of the site that I don't know about uses it */
.orange_light {
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#000087;
	background-color: 			#FFB400;
	font-weight:				bold;
}

.orange16bold{
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				16px;
	color: 					#FF9900;
	font-weight:				bold;
}

.blue16bold{
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				16px;
	color: 					#000087;
	font-weight:				bold;
}

.page{
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#000087;
}

a.left_menu img {
	border: 				0px;
}

a.left_menu:link,a.left_menu:visited {
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#000087;
	background-color: 			#CCCACC;
	text-decoration:			none;
	font-weight:				normal;
	vertical-align: 			middle;
	display:				block;
	width:					100%;
	height:					100%;
}

a.left_menu:hover {
	text-decoration:			none;
	font-weight:				bold;
}


/* The preferred method is the a.left_menu styles; not these following two styles */
.left_menu {
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#000087;
	background-color: 			#CCCACC;
}

.left_menu_hover {
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#000087;
	background-color: 			#CCCACC;
	font-weight: 				bold;
}

.meeting_header {
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				16px;
	color: 					#000087;
	background-color: 			#FF9900;

}

table,.format_table {
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#000087;
}

a.top_menu:link,a.top_menu:visited {
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color:					#CCCCFF;
	background-color:			#000087;
	text-decoration:			none;
	font-weight:				normal;
	vertical-align: 			middle;
	display:				block;
	width:					100%;
	height:					100%;
}

a.top_menu:hover{
	font-weight:				bold;
}

/* Can problably be deleted - I used the a.top_menu where this style used to be used */
.top_menu{
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color:					#CCCCFF;
	background-color:			#000087;
}

/*Probably deletable style*/
.top_menu_hover{
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				12px;
	color:					#CCCCFF;
	font-weight: 				bold;
}

.copyright{
	font-family:				Arial, Helvetica, sans-serif;
	font-size: 				10px;
	color: 					#000087;
}

.leftborder { 
	border-left:       			1px solid #FF9900;
}

.rightborder { 
	border-right:       			1px solid #FF9900;
}

.test{
	border-left:       			1px solid;
	border-right:       			1px solid;
	border-top:				1px solid;
	border-bottom:				1px solid;
}

.right_border_grey{
	border-right:       			1px solid;
}

.right_bottom_border_grey{
	border-bottom:				1px solid;
	border-right:       			1px solid;

}