@charset "utf-8";
/* CSS Document */

<style type="text/css" media="screen">
	/*
	*	These rules set up some basic colors and positioning. 
	*/
		img {
			display:block;
			margin-top:1em;
			background:#eee
		}

	/*
	*	The rules for navigation start here. 
	*	Heavily inspired by the following articles:
	*		http://www.alistapart.com/articles/slidingdoors/
	*		http://www.alistapart.com/articles/mountaintop/
	*		http://www.alistapart.com/articles/sprites/
	*/
		#header {
	float: right;
	width: auto;
	font-size: 13px;
	line-height: normal;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0px;
		}
		#header ul {
	margin: 0;
	list-style: none;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 0;
	padding-top: 4px;
		}
		#header li {
			display:inline;
			margin:0;
			padding:0;
		}
	/*
	*	For the next two rules:	
	*	1. A single image is used for the two doors, rather than one.
	*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
	*	3. The padding was modified for personal preference.
	*/
	#header a {
	float:left;
	background:#E7F1F8 url("https://www.1066online.com/HASTINGS-MAIN/hastings-images/2008-layout/button-top.gif") no-repeat left top;
	padding:0 0 0 9px;
	text-decoration:none;
	color:#000;
	}
	#header a span {
	float:left;
	display:block;
	padding:4px 15px 3px 6px;
	background-image: url("https://www.1066online.com/HASTINGS-MAIN/hastings-images/2008-layout/button-top.gif");
	background-repeat: no-repeat;
	background-position: right top;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#header a span {float:none;}
	/* End IE5-Mac hack */

	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
	
	#header #current a span {
		padding-bottom:4px;
	}
	#header a:hover, #header a:hover span {
	color:#000;
	background-image: url("https://www.1066online.com/HASTINGS-MAIN/hastings-images/2008-layout/button-top-rollover.gif");
	}
	#header #current a span, #header #current a {
		background-color:#fff;
	}
  </style>








<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#blueblock{
width: 180px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Arial, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
}

* html #blueblock{ /*IE 6 only */
	w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
	margin: 0;
	font-size: 12px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #000000;
	font-weight: bold;
}

#blueblock li a{
	display: block;
	padding: 3px 3px 3px 8px;
	background-color: #0000cc;
	color: #fff;
	text-decoration: none;
	width: 100%;
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000099;
	border-left-color: #000099;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 10px solid #ffcc00;
border-right: 10px solid #0033cc;
background-color: #0033cc;
color: #ffffff;
}

</style>