/* STRUCTURE

----------------------------------------------------------------- */

BODY {

font: normal 70%/1.5em verdana, tahoma, geneva, arial, sans-serif; background:url(backnew.gif) #fff repeat-x;





margin:0;

padding:0;



}

*{

	margin:0;

	padding:0;

}

img{

	border:0;

}









/* MENU

----------------------------------------------------------------- */

#menu{

	background:#E5E5D8;

	padding:3px;

}



#menu h1{

	background:#21528C;

	color:#ffffff;

	font-size:1.1em;

	margin:0;

	padding:3px;

}

#menu ul{

	margin:0;

}



#menu li{

	background:#fff;

	border-bottom:1px solid #E5E5D8;

	list-style-type:none;

	margin:0;

}

#menu a{

	color:#4C7789;

	display:block;

	padding:3px 2px;

	text-decoration:none;

}

#menu li a:hover {

	background:#F3F3ED url(arrow-submenu.gif) right center no-repeat;

	background-position: 95% 50%;

}



/* TOP LINKS

----------------------------------------------------------------- */





#toplinks{

	height:21px;

      background:url(greybarback.gif);

	list-style-type:none;

}

#toplinks ul{

	float:right;

	list-style-type:none;

	margin:0;

}

#toplinks li{

	border-right:1px solid #E2E9ED;

	display:inline;

	list-style-type:none;

	padding:0 3px 0 3px;

}



/* HEADINGS

----------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6{

	font-weight:bold;

}

h1{

	color:#7B8C9C;

	padding:2px 0 2px 2px;

}

h2{

	color:#000;

	padding:10px 0 0 2px;

}

h3{

	color:#000180;

}

h1 {font-size: 125%;}

h2 {font-size: 115%;}

h3 {font-size: 100%;}

h4 {font-size: 95%;}

h5 {font-size: 85%;}

h6 {font-size: 75%;}





/* LINKS

----------------------------------------------------------------- */



a:link,a:active,a:visited{

	color:#4C7789;

	text-decoration:underline;

}

a:hover{

	color:#E57959;

	text-decoration:none;

}

#toplinks a{

	padding:5px;

	text-decoration:none;

}

#toplinks a:hover{

	background:#E2E9ED;

	color:#677880;

}

#footerright a{

	color:#000;

	padding:3px;

	text-decoration:none;

}





/* TEXT

----------------------------------------------------------------- */



.smalltext {

	font-family: Tahoma;

	font-size: 7.5pt;

	font-style: normal;

	font-weight: normal;

	color: #5C5656;

	text-decoration: none;

}



.blueheading {

	font-family: Tahoma;

	font-size: 9.5pt;

	font-style: normal;

	font-weight: Bold;

	color: #215294;

	text-decoration: none;

}



.Greyheading {

	font-family: Tahoma;

	font-size: 8.5pt;

	font-style: normal;

	font-weight: Bold;

	color: #9D9D97;

	text-decoration: none;

}









/* Components

----------------------------------------------------------------- */



.colmspacer {

	background-image: url(Image4_1x2.gif);

	background-repeat: no-repeat;

}





.imgborder {

  padding:0px;

  border:6px solid #ddd;

  }

.introterracottaborder {

  padding:0px;

  border:6px solid #E7E7DE;

  }



.Menuborder {

  padding:0px;

  border:6px solid #ddd;

  }

  

  

  /* Thumbnails

----------------------------------------------------------------- */

.thumbnail{

position: relative;

z-index: 0;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

padding: 5px;

left: 0px;

border: 1px dashed gray;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: 0;

left: -360px; /*position where enlarged image should offset horizontally */



}


#terracotta_link {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 90px;
	background-image: url(terracotta_link_div_bg.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
#terracotta_link p {
	margin: 0px 0px 0px 0px;
	padding: 34px 0px 0px 90px;
	font-size: 14px;
}
#terracotta_link a {
	color: #000000;
	text-decoration: none;

}
#terracotta_link a:hover {
	color: #000000;
	text-decoration: underline;
}