/* ------ BASE ------ */
	body
	{
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: "Book Antiqua", "Palatino Linotype", Georgia, "Times New Roman", "MS Serif";
	list-style-image: none;
	background-color: #DDFCFF;





	}

	p, li
	{
	font-family: "Book Antiqua", "Palatino Linotype", Georgia, "Times New Roman", "MS Serif";
	font-size: 1em;


	}

	h1
	{
	font-size: 2.5em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;
	font-family: "Book Antiqua", "Palatino Linotype", Georgia, "Times New Roman", "MS Serif";
	list-style-image: url(../graphics/tidrule.gif);


	}

	h2
	{
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	font-family: "Book Antiqua", "Palatino Linotype", Georgia, "Times New Roman", "MS Serif";


	}

	h3
	{
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	font-family: "Book Antiqua", "Palatino Linotype", Georgia, "Times New Roman", "MS Serif";


	}

	h4
	{
	font-size: 1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;


	}

	h5
	{
	font-size: 0.6em;
	margin: auto 0em;
	font-weight: normal;
	font-family: "Book Antiqua", "Palatino Linotype", Georgia, "Times New Roman", "MS Serif";


	}

	h6
	{
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	font-family: "Book Antiqua", "Palatino Linotype", Georgia, "Times New Roman", "MS Serif";


	}

	a:link
	{
	text-decoration: underline;
	font-family: "Book Antiqua", "Palatino Linotype", Georgia, "Times New Roman", "MS Serif";
	font-weight: bold;
	font-variant: normal;




	}

	a:visited
	{

	font-family: "Book Antiqua", "Palatino Linotype", Georgia, "Times New Roman", "MS Serif";

	}

	a:hover, a:active
	{

	font-family: "Book Antiqua", "Palatino Linotype", Georgia, "Times New Roman", "MS Serif";

	}

	address
	{
	line-height: 0.5em;
	font-family: "Book Antiqua", "Palatino Linotype", Georgia, "Times New Roman", "MS Serif";

	}

/* ------ HEADER ------ */

	div#header
	{
	color: white;
	background-color: white;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(/images/navigation/banner_bk_3.jpg);
	font-family: "Book Antiqua", "Palatino Linotype", Georgia, "Times New Roman", "MS Serif";
	font-size: 2em;


	}

	div#header h1
	{
	position: relative;
	margin: 0;
	padding: 1.5em 0 0.3em 0;
	font-size: 2.2em;
	font-weight: normal;
	text-align: right;
	color: white;
	font-family: "Book Antiqua", "Palatino Linotype", Georgia, "Times New Roman", "MS Serif";

	}



/*THUMBNAIL HOVERPOPUPS*/

.thumbnail  {
position: relative;
float: left;
padding: 2px;
/*z-index: 0;*/
}

.thumbnail:hover {
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
padding: 2px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img { /*CSS for enlarged image*/
border-width: 0px; 
/*padding: 2px;*/
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 200px;
top: 125px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 0px;/*position where enlarged image should offset horizontally */
}

/*THUMBNAIL2 - thumbnail2 has border and border on hover*/

.thumbnail2 {
position: relative;
float: left;
padding: 5px;
/*z-index: 0;*/
}

.thumbnail2:hover { 
background-color: #e9e9e2;
/*z-index: 50;*/
color: #335500;
text-decoration: none;
}

.thumbnail2 span { /*CSS for enlarged image*/
position: absolute;
background-color: #e5e5e5;
padding: 5px;
/*left: -1000px;*/
border: 1px solid #666;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img { /*CSS for enlarged image*/
border-width: 0px;
/*padding: 2px;*/
}

.thumbnail2:hover span { /*CSS for enlarged image on hover*/
visibility: visible; width: 208px;
top: 140px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
left: 0px;/*position where enlarged image should offset horizontally */
}

a.thumbnail2 img { text-decoration:none;
z-index: 50; }

/*if same attribute for all 4 states, then declare here in
a.thumbnail2*/ 

a.thumbnail2 img:link { border: 2px solid #e9e9e2; background: transparent; }

a.thumbnail2 img:visited { border: 2px solid #e9e9e2; background : transparent; }

a.thumbnail2 img:hover { border: 2px solid #f00; background : transparent; }

a.thumbnail2 img:active { border: 2px solid #e9e9e2; background : transparent; }

a.thumbnail2 img { border: 2px solid #e9e9e2; }

/*end of hover popup links*/