p { font-family: Verdana, Arial, sans-Serif; font-size: 0.7em; color: #333; line-height: 135%; margin: 0px; }

a
{
  font-family: Verdana, Arial, sans-Serif;
  color: #1B81A3;
}

h1 { font-family: Verdana, Arial, sans-Serif; font-style: normal; font-size: 100%; color: #1B81A3; line-height: 135%; margin: 0; margin-bottom: 10px; }


body
{
  margin: 0px;
  padding: 0px;
	text-align: center;
	background-image: url(../images/bkg.jpg);
  background-repeat: repeat-x;
  background-color: #C9ECEC;
}

img
{
  border: 0px;
}

#container
{
  width: 740px;
  margin: 0px auto;
  margin-top: 20px;
  padding: 0px 20px;
  text-align: left;
  background-color: #FFF;
}

html>body #container
{
  width: 700px;
}

/* header contains logo and navigation */
#header
{
  margin: 0px;
  padding-top: 20px;
  height: 46px;
}

#logo
{
  width: 220px;
}

#navigation
{
  width: 460px;
  float: right;
}

/* wrapper contains rightcontent and leftcontent */
#wrapper
{
  clear: both;
}

#leftcontent
{
  width: 210px;
}

#leftcontent a:hover
{
  background-color: #1B81A3;
  color: #FFFFFF;
}

.leftheader
{
  border-bottom: solid 1px #C9ECEC;
  margin-bottom: 6px;
}

#rightcontent
{
  width: 460px;
  float: right;
}

#view
{
  width: 460px;
  background-color: #C9ECEC;
  padding: 5px;
}

#view a:hover
{
  background-color: #1B81A3;
  color: #FFFFFF;
}

.link:hover
{
  color: #333333;
}

/* 460 - 5 = 455 */
html>body #thumbnails
{
  width: 450px;
}

#thumbnails
{
  width: 460px;
  background-color: #C9ECEC;
  padding: 5px;
}

/* 460 - 5 = 455 */
html>body #view
{
  width: 450px;
}

#mapcontent
{
  width: 460px;
  height: 243px;
  background-color: #C9ECEC;
  padding: 5px;
}

html>body #mapcontent
{
  width: 450px;
}

#titlelist
{ padding: 0; margin: 0; width: 100%; }

#titlelist li { list-style: none; font-family: Verdana, Arial, sans-Serif; font-size: 80%; color: #1B81A3; line-height: 170%; margin: 0; }
#titlelist li a:link { font-family: Verdana, Arial, sans-Serif; font-size: 120%; color: #1B81A3; line-height: 170%; margin: 0; text-decoration: underline; }
#titlelist li a:visited { font-family: Verdana, Arial, sans-Serif; font-size: 120%; color: 1B81A3; line-height: 170%; margin: 0; text-decoration: underline; }
#titlelist li a:hover { font-family: Verdana, Arial, sans-Serif; font-size: 120&; color: #FFF; text-decoration: none; line-height: 170%; margin: 0;  background-color: #1B81A3 }

#makerlist
{ padding: 0; margin: 0; width: 100%; }

#makerlist li { list-style: none; font-family: Verdana, Arial, sans-Serif; font-size: 98%; color: #1B81A3; line-height: 170%; margin: 0; }
#makerlist li a:link { font-family: Verdana, Arial, sans-Serif;  font-size: 80%; color: #1B81A3; line-height: 170%; margin: 0; text-decoration: underline; }
#makerlist li a:visited { font-family: Verdana, Arial, sans-Serif; font-size: 80%;  color: #1B81A3; line-height: 170%; margin: 0; text-decoration: underline; }
#makerlist li a:hover { font-family: Verdana, Arial, sans-Serif; font-size: 80%; color: #FFF; text-decoration: none; line-height: 170%; margin: 0;  background-color: #1B81A3 }

#arealist
{ padding: 0; margin: 0; width: 100%; }

#arealist li {  list-style: none; font-family: Verdana, Arial, sans-Serif;  font-size: 80%; color: #1B81A3; line-height: 170%; margin: 0; }
#arealist li a:link { font-family: Verdana, Arial, sans-Serif; font-size: 120%;  color: #1B81A3; line-height: 170%; margin: 0; text-decoration: underline; }
#arealist li a:visited { font-family: Verdana, Arial, sans-Serif; font-size: 120%; color: #1B81A3; line-height: 170%; margin: 0; text-decoration: underline; }
#arealist li a:hover { font-family: Verdana, Arial, sans-Serif; font-size: 120%;  color: #FFF; text-decoration: none; line-height: 170%; margin: 0;  background-color: #1B81A3 }

/* thumbnails are 76px wide by 44px deep and have a 2px #FFF border.  */
.thumbnail
{ border: solid 2px #FFF; margin-bottom: 5px; margin-right: 5px; margin-left: 5px; margin-top: 5px; }

.thumbnailselected
{ /* border: solid 2px #FFF; */ padding-right: 10px; float: left; }

.bristolmap
{ /* border: solid 2px #FFF; */ padding-right: 10px; float: left; }

#thumbnailnav
{ width: 460px; /* border: solid 1px #C9ECEC; */ margin-top: 10px; margin-bottom: 10px; text-align: center; padding: 8px; background-color: #ECECEC; }

#thumbnailnav a:hover
{
  background-color: #1B81A3;
  color: #FFFFFF;
}

/* 460 - 8+8 = 444 */ 
html>body #thumbnailnav
{ width: 444px; }  

#viewbynav
{
  text-align: right;
}

#supporters
{
  padding-top: 10px;
}
 
#footer
{ 
  width: 460px;
  height: 40px;
  font-size: 90%;
  padding-top: 20px;
  text-align: center;
}

#footer a:hover
{
  background-color: #1B81A3;
  color: #FFFFFF;
}


#footerMargin
{
  clear: both;
}