﻿/******************************************************/
/***   Stylesheet for the additiona information	    ***/
/***   boxes that appear on most pages			    ***/
/******************************************************/

.shadowLeft
{
	background: url('Images/shadow-left.gif') repeat-y;
	width: 185px;
	padding-left: 4px;
}

.box
{
	background: url('Images/box-background.gif') repeat-x;
	background-color: White;
	width: 184px;
	border-style: solid;
	border-color: rgb(200, 200, 200);
	border-width: 0px 1px 1px 1px;
}

/******************************************************/
/***   Wider box for the home page                  ***/
/******************************************************/

.boxHome
{
	background: url('Images/box-background.gif') repeat-x;
	background-color: White;
	width: 310px;
	border-style: solid;
	border-color: rgb(200, 200, 200);
	border-width: 0px 1px 1px 1px;
}

.boxHeader
{
	height: 25px;
	padding: 7px 8px 0px 8px;
	color: White;
}

.boxContent
{
	padding: 8px 8px 0px 8px;
	margin-bottom: 20px;
	line-height: 25px;
}

.boxContentHome
{
	padding: 4px 8px 0px 8px;
	margin-bottom: 20px;
	line-height: 25px;
}

.boxContent a:link,
.boxContent a:active,
.boxContent a:visited
{ 
	color: Black; 
	font-weight: normal;
	text-decoration: none; 
}

.boxContent a:hover
{ 
	color: Black;
	font-weight: normal;
	text-decoration: underline; 
}

.boxContentHome a:link, 
.boxContentHome a:visited, 
.boxContentHome a:active  	
{
	color: rgb(90, 64, 153); 
	text-decoration: none; 
	font-weight: bold; 
}

.boxContentHome a: hover 
{ 
	color: Black; 
	text-decoration: underline; 
}

.boxContent ul
{
	list-style-image: url(Images/bulletpoint-arrow.gif);
	margin-top: -5px;
	margin-left: 20px;
	padding: 0px;
	letter-spacing: 1px;
}

.shadowBottom
{
	background: url('Images/box-shadow-bottom.gif') repeat-x; 
	width: 190px;
	height: 5px;
}

/******************************************************/
/***   Wider shadow for the home page               ***/
/******************************************************/

.shadowBottomHome
{
	background: url('Images/boxHome-shadow-bottom.gif') repeat-x; 
	width: 314px;
	height: 5px;
}