@charset "iso-8859-1";

a:link
{
	border-color: #660000;
	text-decoration: none;
}

a:visited
{
	border-color: #660000;
	text-decoration: none;
}

a:hover
{
	text-decoration: none;
	border-color: #CC0000;
}

a:active
{
	border-color: #660000;
	text-decoration: none;
}



a:link img
{
	border-color: #660000;
}

a:visited img
{
	border-color: #660000;
}

a:hover img 
{
	border-color: #CC0000;
}

a:active img
{
	border-color: #660000;
}

body 
{
	/*background-attachment: scroll;*/
	background-color: #999999;
	/*background-image: url('../siteimages/bgnd3.jpg');
	background-repeat: no-repeat;
	color: black;*/
}

form
{
	color: black;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: smaller;

	background-color:#CCCCCC;
	padding: 10px;
	border: 1px #660000 solid;
	width: 260px;
}

h1
{
	color: black;	font-family: Garamond, Goudy Old Style, Times New Roman, serif;

	font-size: 	30pt;
	letter-spacing: 3px;
	font-style: normal;
	font-weight: bold;

	margin-top:	0px;
	margin-left: 17px;
}

h1 a:hover
{
	text-decoration: none;
}

h2
{
	color: black;	font-family: Garamond, Goudy Old Style, Times New Roman, serif;
	font-size: 	20pt;
	letter-spacing: 2px;
	font-style: normal;	font-weight: bold;
	margin-top:	10px;
	margin-bottom: 0px;
}

h3
{
	color: black;	font-family: Garamond, Goudy Old Style, Times New Roman, serif;
	font-size: 	14pt;
	letter-spacing: 2px;
	font-style: normal;	font-weight: bold;
	margin-top:	0px;
	margin-bottom: 0px;
}

h4
{
	color: black;	font-family: Garamond, Goudy Old Style, Times New Roman, serif;
	font-size: 	11pt;
	letter-spacing: 2px;
	font-style: normal;
	font-weight: bold;
	margin-top:	5px;
	margin-bottom: 5px;
}

h5
{
	color: black;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 	7pt;
	letter-spacing: normal;
	font-style: normal;	
	font-weight: normal;
	margin-top:	5px;
	margin-bottom: 5px;
}

/*img a:link 
{	
	color: #660000;
	text-decoration: none;
}


img a:visited 
{	
	color: #660000;
	text-decoration: none;
}


img a:active 
{	
	color: #660000;
	text-decoration: none;
}

img a:hover
{
	color: #CC0000;
	text-decoration: none;
}
*/

input
{
	color: black;	font-family: Garamond, Goudy Old Style, Times New Roman, serif;
	font-size: 	10pt;
	letter-spacing: normal;
	font-style: normal;
	font-weight: normal;
	margin-top:	2px;
	margin-bottom: 2px;
}

li
{
	color: black;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: smaller;
	margin-top:	1px;
	margin-bottom: 1px;
}

p 
{
	color: black;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: smaller;
	/*margin-top:	0px;*/
}

p a:link
{	
	color: #660000;
	text-decoration: none;
}


p a:visited
{	
	color: #660000;
	text-decoration: none;
}


p a:active
{	
	color: #660000;
	text-decoration: none;
}

p a:hover
{
	color: #CC0000;
	text-decoration: none;
}


select
{
	color: black;	font-family: Garamond, Goudy Old Style, Times New Roman, serif;
	font-size: 	10pt;
	letter-spacing: normal;
	font-style: normal;
	font-weight: normal;
	margin-top:	2px;
	margin-bottom: 2px;
}

ul 
{
	color: black;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

/*****************************************************************************************************/

.content-cell 
{
	/*background-image: url('../site_images/screen_50.gif');
	background-repeat: repeat;*/

	border: 1px #660000 solid;
	padding: 20px;
	/*margin-top: 15px;*/
	margin-bottom: 20px;

	/*min-height: 98px;*/		/*no support in IE, but NS and OP do.*/
}

.content-cell img
{
	border: 1px solid;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}


/*****************************************************************************************************/

.content-column
{
	/*background-color: transparent;*/
	position: absolute;
	left: 240px;
	/*top: 20px;*/				/*I should be able to do this with content*/
	margin-right: 20px;
	/*margin-bottom: 20px;*/	/*Doesn't work in any of the browsers. No reference?*/
	/*margin-top:0px;*/			/*I'll add to content instead*/
	/*height: 100%;*/			/*Percentage has some subtle effect, but very little*/
}


/*****************************************************************************************************/

.content-item
{
	/*margin-top: 25px;
	margin-left: 0px;
	margin-bottom: 25px;
	margin-right: 0px;*/
	/*border: 1px #660000 solid;*/
	padding: 10px 0px 20px 0px;
	clear:left;
	/*margin-bottom: 25px;*/
}

/*****************************************************************************************************/

.copy
{
	color: #660000;	
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: xx-small;
	text-align: center;
}

.copy a:link, .copy a:visited, .copy a:active 
{	
	text-decoration: none;
	color: #000099; 
}

.copy a:hover 
{	
	text-decoration: none;
	color: #0000FF; 
}
/*****************************************************************************************************/

.current
{
	color: #CC0000;
	text-decoration: none;
}

.current a:hover
{
	color: #CC0000;
	text-decoration: none;
}

/*****************************************************************************************************/

/*
.external a:link
{
	color: #000099; 
}

.external a:visited
{
	color: #000099; 
}

.external a:active
{
	color: #000099; 
}

.external a:hover
{
	color: #0000FF;
	text-decoration: none;
}
*/

a.external:link  
{
	color: #000099; 
}

a.external:visited  
{
	color: #000099; 
}

a.external:hover  
{
	color: #0000FF;
	text-decoration: none;
}

a.external:active  
{
	color: #000099; 
}



/*****************************************************************************************************/

.index-bottom 
{
	margin-top: 10px;
	margin-left: -5px;
	/*position: absolute;
	top: 430px;
	left:-10px;*/
	
/*	width: 160px;
	text-align: center;
*/
}

/*****************************************************************************************************/

.index-column
{
	position: absolute;
	width: 220px;
}

/*****************************************************************************************************/

.index-middle 
{
	margin-top: 27px;
	margin-left: 15px;
	/*position: absolute;
	top: 170px;
	left: 20px;*/
}

/*****************************************************************************************************/

.index-top
{	font-family: Garamond, Goudy Old Style, Times New Roman, serif;
	font-size: 	30pt;
	letter-spacing: 3px;
	font-style: normal;	font-weight: bold;

	margin-top:	5px;
	margin-left: 17px;
}



.index-top a:link
{
	color: #660000;
}

.index-top a:visited
{
	color: #660000;
}

.index-top a:active
{
	color: #660000;
}

.index-top a:hover
{
	color: #CC0000; 
}

/*****************************************************************************************************/

.internal a:link
{
	color: #000099; 
}

.internal a:visited
{
	color: #000099; 
}

.internal a:active
{
	color: #000099; 
}

.internal a:hover
{
	color: #0000FF;
	text-decoration: none;
}

/*****************************************************************************************************/

.nav-button 
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 10pt;
	border: 1px #660000 solid;
	/*
	background-image: url('../siteimages/screen_50.gif');
	background-repeat: repeat;
	*/
	width: 170px;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 8px;
	text-align: center;
}

.nav-button a:link
{	
	color: #660000;
	text-decoration: none;
}


.nav-button a:visited
{	
	color: #660000;
	text-decoration: none;
}


.nav-button a:active
{	
	color: #660000;
	text-decoration: none;
}

.nav-button a:hover
{
	color: #CC0000;
	text-decoration: none;
}

/*****************************************************************************************************/

.nav-text
{
	color: #660000;	
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: x-small;

	text-align: center;
	bottom: 0px;
	padding-top: 40px;
	margin-top: 40px;
}

.nav-text a:link
{	
	color: #660000;
}

.nav-text a:visited
{	
	color: #660000;
}

.nav-text a:active
{	
	color: #660000;
}

.nav-text a:hover
{
	color: #CC0000;
	text-decoration: none;
}

/*****************************************************************************************************/

.picture-key
{
	border: 1px solid;

	float: left;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
}

a:link .picture-key, a:visited .picture-key, a:active .picture-key 
{
	border-color: #660000;
}

a:hover .picture-key 
{
	border-color: #CC0000;
}

/*****************************************************************************************************/

.sidebar 
{
	padding: 20px;
	margin-left: 20px;
	margin-top: 20px;
	float: right;
	width: 300px;
	font-size: 10pt;
	/*background-image: url('../site_images/circle_filled_large.gif');
	background-repeat: repeat;*/
	background-color: #CCCCCC;	/*168,217,183  A8D9B7*/
	border: 1px solid #660000; 
}


/*****************************************************************************************************/

.slogan
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: xx-small;
	font-style: italic;
	font-weight: normal;
	margin-top:	5px;
	margin-bottom: 30px;
}

/*****************************************************************************************************/

.thumbnail
{
	border: 1px solid;

	/*position: relative;*/		/*No effect in any browser*/
	/*float: right;*/			/*makes perfect in NS, behind content in IE*/
	margin-left: 15px;
	margin-bottom: 15px; 
}

a:link .thumbnail
{
	border-color: #660000;
}

a:visited .thumbnail
{
	border-color: #660000;
}

a:active .thumbnail
{
	border-color: #660000;
}

a:hover .thumbnail 
{
	border-color: #CC0000;
}

.thumbnails-cell
{
	margin-top: 39px;
	margin-bottom: 10px;
	/*position: relative;*/		/*No effect in any browser*/
	/*margin-bottom: 15px;*/	/*Better than this is to have each element have a bottom margin*/
								/*so they are spaced correctly when they wrap*/
	text-align: right;			/*this is the key, instead of trying to float individual elements*/
}