table 
	{
	font-family: Verdana,Tahoma,Arial; 
	font-size: 0.9em;
	}
	
	h2 
	{
	color:#606060; 
	font-size:1.8em; 
	font-weight:bold; 
	letter-spacing:-1px; 
	margin:0 0 1px 0; 
	padding:0;
	}
	
	.footer 
	{
	font-size: .9em;
	}
	
	#marqueecontainer
	{
	position: relative;
	width: 200px; /*marquee width */
	height: 250px; /*marquee height */
	background-color: white;
	overflow: hidden;
	border: 1px solid #c0c0c0;;
	padding: 2px;
	padding-left: 4px;
	}	
	
	.menubutton 
	{
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	/*width: 140px; */
	height: 40px; 
	border: 0px solid green; 
	padding: 10px 11px 4px 12px;
	background:#ffffff url('/other/img/menuhover.jpg') repeat-x;
	}
	
	.menubutton:hover
	{
	color: #cc0000;
	}
	.menubuttonselected
	{
	text-transform: uppercase;
	text-decoration: none;
	color: #cc0000;
	font-weight: bold;
	font-size: 12px;
	/*width: 140px; */
	height: 40px; 
	border: 0px solid green; 
	padding: 10px 13px 4px 13px;
	background:#ffffff url('/other/img/menuhover.jpg') repeat-x;
	}
	
	#panel
	{
	width: 550px;
	height: 200px;
	overflow: auto;
	text-align: right;
	padding: 10px;
	border: 1px solid #c0c0c0;
	}
	
	#panel h1
	{
	font-size: 1.5em;
	}

	.studylink
	{
	width: 130px;
	height: 40px;
	display: block;
	margin: 0 0 5px 0;
	font-size: 1em; 
	font-weight: bold;
	text-decoration: none;
	padding: 4px;
	border: 1px solid #c0c0c0;
	background-color: #99ff99;
	color: #000000;
	}
	
	.studylinkselected
	{
	width: 130px;
	height: 40px;
	display: block;
	margin: 0 0 5px 0;
	font-size: 1em; 
	font-weight: bold;
	text-decoration: none;
	padding: 4px;
	border: 1px solid #c0c0c0;
	background-color: #99ff99;
	color: #cc0000;
	}
		
	.studylinkcontainer
	{
	margin-top: 45px;
	}
	
	
	.studylinkshort
	{
	width: 130px;
	/*height: 40px;*/
	display: block;
	margin: 0 0 5px 0;
	font-size: 1em; 
	font-weight: bold;
	text-decoration: none;
	padding: 4px;
	border: 1px solid #c0c0c0;
	background-color: #99ff99;
	color: #000000;
	}
	
		
	.sidelink
	{
	display: block;
	width: 140px; 
	height: 10px; 
	border: 1px solid #c0c0c0; 
	padding: 10px 5px 10px 5px; 
	margin: 0 0 5px 0;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	}
	
	.sidelink:hover
	{
	color: #ff0000;
	}
		
	.sidelinkselected
	{
	display: block;
	width: 140px; 
	height: 10px; 
	border: 1px solid #c0c0c0; 
	padding: 10px 5px 10px 5px; 
	margin: 0 0 5px 0;
	font-weight: bold;
	text-decoration: none;
	color: #ff0000;
	}
		
	.larger {font-size: 1.2em;}	
	
	.reduce
	/* Para text in the Reduce costs... pages */
	{
	font-size: 1.2em;
	}
	
	
	/* accordion menu styling */
	
	.arrowlistmenu{
width: 130px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 13px Arial;
color: white;
background: black url('/other/img/titlebar.png') repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url('/other/img/titlebar-active.png');
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
font: bold 13px Arial;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url('/other/img/arrowbullet.png') no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.checkboxindent {margin-left: 90px;}