/* CSS Document */

body {
	background-color: #EEFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: medium;
	font-style: normal;
	color: #333366;
	border-width: 0px;
	border-style: none;
	background-image: url("http://www.jddc.co.uk/images/landscape-map-bw1500.jpg");
	background-repeat: repeat;
	background-position: center top;	
}

a {
	text-decoration:none;
	color: #333366;
}

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

.JDD-pic {
	border-width: 1px;
	border-color: #333366;
	margin-bottom: 10px;
	margin-left: 20px;
}
	
.top-left {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:large;
	font-weight:normal;
	color: #333366;
	text-align: left;
	vertical-align:bottom;
	border-top-color:#333366;
	border-left-color:#333366;
	padding-left:15px;
	padding-top:10px;
	border-bottom-width:0;
	border-right-width:0;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	background-color: #FFFFFF;	

}

.top-right {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: large;
	font-style: normal;
	color: #333366;
	text-align:right;
	vertical-align:bottom;
	border-top-color:#333366;
	border-right-color:#333366;
	border-left-color:#333366;
	padding-left:10px;
	padding-right:25px;
	border-bottom-width:0;
	border-left-width:0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	background-color: #FFFFFF;
}

.menu-item {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: medium;
	font-style: normal;
	color: #000000;
	background-color: #EEEEEE;
	text-align:left;
	vertical-align:middle;
	padding-left:25px;
	border-right-color:#333366;
	border-left-color:#333366;
	border-top-width:0;
	border-bottom-width:0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}

.menu-bar-header {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: medium;
	font-style: normal;
	color: #333366;
	background-color: #EEEEEE;
	text-align:left;
	vertical-align:middle;
	padding-left:25px;
	border-right-color:#333366;
	border-left-color:#333366;
	border-top-width:0;
	border-bottom-width:0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}
.menu-outshot {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: medium;
	font-style: normal;
	border-top-width:0;
	border-bottom-width:0px;
	border-left-width:0;
	border-right-width:0;
}
.content {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: small;
	font-style: normal;
	color: #333366;
	text-align:left;
	vertical-align:top;
	padding-left:25px;
	padding-right:30px;
	border-right-color:#333366;
	border-left-color:#333366;
	border-bottom-color:#333366;
	border-top-width:0;
	padding-bottom:25px;
	background-color: #EEEEC0;
	padding-top: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #333366;
}

.content-left {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: small;
	font-style: normal;
	color: #333366;
	text-align:left;
	vertical-align:top;
	padding-left:25px;
	padding-right:30px;
	border-right-color:#333366;
	border-left-color:#333366;
	border-bottom-color:#333366;
	border-top-width:0;
	border-right-width:0;
	padding-bottom:10px;
	background-color: #EEEEC0;
	padding-top: 25px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
}
ul {
	list-style-type: square;
}
li {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	list-style-type: none;
	list-style-image: url("http://www.jddc.co.uk/images/j0115844.gif");
	list-style-position: outside;
}

.content-right {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: small;
	font-style: normal;
	color: #333366;
	text-align:right;
	vertical-align:bottom;
	padding-left:25px;
	padding-right:30px;
	border-right-color:#333366;
	border-left-color:#333366;
	border-bottom-color:#333366;
	border-top-width:0;
	border-left-width:0;
	padding-bottom:10px;
	background-color: #EEEEC0;
	padding-top: 25px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #333366;
}

.list-right {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: smaller;
	font-style: normal;
	color: #333366;
	vertical-align:top;
	padding-left:25px;
	padding-right:25px;
	border-right-color:#333366;
	border-left-color:#333366;
	border-bottom-color:#333366;
	border-top-width:0;
	border-left-width:0;
	padding-bottom:10px;
	background-color: #FFFFCC;
	padding-top: 25px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #333366;
}
.you-are-here {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:x-small;
	font-style: normal;
	color: #333366;
	text-align:right;
	vertical-align:top;
	padding-left:25px;
	padding-right:25px;
	border-style:dotted;
	border-right-color:#333366;
	border-left-color:#333366;
	border-bottom-color:#FFFFFF;
	border-top-width:0;
	border-bottom-width:0;
	padding-bottom:0px;
	background-color: #FFFFFF;
}

.footer {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:x-small;
	font-style: normal;
	color: #FFFFFF;
	text-align:left;
	vertical-align:middle;
	padding-left:25px;
	padding-right:25px;
	border-left-width:0;
	border-right-width:0;
	border-bottom-width:0px;
	border-top-width:0;
	background-color: #888866;
}

.spacer {
	font-size:5px;
	padding: 0px;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #333366;
	border-right-color: #333366;
	border-bottom-color: #333366;
	border-left-color: #333366;
	background-color: #CCCC99;
}

.top-legend {
	font-size:small;
	padding: 0px;
	border-style: none
	border-right-color:#333366;
	border-left-color:#333366;
	border-top-width:0;
	border-bottom-width:0;
	}
	
.outer-spacer {
	font-size:2px;
	padding: 0px;
	border-top-width:0;
	border-bottom-width:0;
	border-left-width:0;
	border-right-width:0;
		}
.whiteback {
	background-color: #FFFFFF;
}