/* CSS Document */

/* Default body styles */
body {
	background-color: #CCCCCC;
	color:#666666;											
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.2;
}


/* default link styles */
		a:link { color:#990000; 
		font-size:1em;
		text-decoration:none; }
		
		a:visited { color:#993399 }
		
		a:hover, a:active
		{	color:#000000;
			background-color:#999999;
		}


/* --------------- CONTAINERS ----------------------------------*/

		#masthead	{
		background-color:#000000;
		padding:0 0 0 0;
		border:#000000 1px solid;
		width:800px;
		height:94px;
		margin-left:auto;
		margin-right:auto;
		}
		
		#footer {
		background-color:#FFFFFF;
		padding:0 0 0 0;
		border:#000000 1px solid;
		border-top:none;
		width:800px;
		height:50px;
		margin-left:auto;
		margin-right:auto;
		font-style:normal;
		font-size:0.9em;
		line-height:1.5;}
		}
		
/*  not used */
		#container_home {
	background-color:#000000;
	width:800px;
	height:550px;
	border:1px solid #000000;
	border-bottom-color:#999999;
	margin-left:auto;
	margin-right:auto;
	list-style-type: none;
		}
		
		
		#containertest {
		background-color:#000000;
		width:800px;
		height:550px;
		border:1px solid #000000;
		margin-left:auto;
		margin-right:auto;
		}
		
	

		#container {
		background-color:#FFFFFF;
		width:800px;
		height:700px;
		border:#000000 1px solid;
		border-bottom-color:#999999;
		margin-left:auto;
		margin-right:auto;
		}
		
		#container_menu {
		background-color:#FFFFFF;
		width:800px;
		height:680px;
		border:#000000 1px solid;
		border-bottom-color:#999999;
		margin-left:auto;
		margin-right:auto;
		}
		
		#container_hist {
		background-color:#FFFFFF;
		width:800px;
		height:1700px;
		border:#000000 1px solid;
		border-bottom-color:#999999;
		margin-left:auto;
		margin-right:auto;
		}
		
		#container_about {
		background-color:#FFFFFF;
		width:800px;
		height:980px;
		border:#000000 1px solid;
		border-bottom-color:#999999;
		margin-left:auto;
		margin-right:auto;
		}

		#container #menu{
		background-image:url(images/menu_left.gif);
		background-repeat: repeat-y;
		height:686px;
		}
		
		#xmas{
/*		background-image:url(images/xmasnav.jpg); */
background-image:(images/offersnav.gif);
		background-repeat: repeat-y;
		height:900px;
		}
			
		
		#container_accom {
		background-color:#FFFFFF;
		width:800px;
		height:1180px;
		border:#000000 1px solid;
		border-bottom-color:#999999;
		margin-left:auto;
		margin-right:auto;
		font-size: 11px;
		font-style: normal;
		}

		}
		#container_accom #accom{
		background-image:url(images/accomnav.gif)
		background-repeat: repeat-y;
		height:1180px;
		}


		#container #news{
		background-image:url(navigation/grey_left.gif);
		background-repeat: repeat-y;
		height:700px;
		}

		#container_hist #history{
		background-image:url(navigation/history_left.gif);
		background-repeat: repeat-y;
		height:1700px;
		}

		#container #finding{
		background-image:url(navigation/green_left.gif);
		background-repeat: repeat-y;
		height:1700px;
		}

		#container_todo {
		background-color:#FFFFFF;
		width:800px;
		height:940px;
		border:#000000 1px solid;
		border-bottom-color:#999999;
		margin-left:auto;
		margin-right:auto;
		}

		#container_todo #todo{
		background-image:url(navigation/todo_left.gif);
		background-repeat: repeat-y;
		height:940px;
		}


		#container_about #about{
		background-image:url(navigation/about_left.gif);
		background-repeat: repeat-y;
		height:980px;
		}
		
		#container1xmas{
		background-color:#FFFFFF;
		width:800px;
		height:900px;
		border:#000000 1px solid;
		border-bottom-color:#999999;
		margin-left:auto;
		margin-right:auto;
		}
		
		#content{
		width:640px;
		padding:0 0 0 0;
		margin:0 0 0 0 ;
		float:right
		}
		
		
		
		#clear_all{
		clear:both}
		
		#popup {
		width:auto;
		height:auto;
		background-color:#FFFFFF;
		border:1px solid #000000;
		margin-left:auto;
		margin-right:auto;
		}

	



/* NAVIGATION STYLES */

/* Default Navigation Style  - all pages except front page*/
		div#navigation
		{
			float: left;
			width: 160px;
		}

/* Navigation Un-ordered List */
		div#navigation ul
		{	margin-bottom:2em;
			list-style-type: none;
			padding: 0;
			margin: 0;
		}

/* Navigation Un- ordered List Element */
		div#navigation ul li { 
		margin-top: 0px;
		font-size:1.3 EM;
		font-style:italic;
		}


/* Navigation link - this control appearance, text and text position of the main navigation */		
		#navigation ul li a
		{
			display: block;
			width: 150px;
			padding: 3px 0px 3px 10px;
			text-decoration: none;
			color:#FFFFFF;
			border-bottom:#990000 1px solid;
			background-image:url(navigation/nav_red.gif);
			background-repeat:repeat-y;
		}


		#navigation ul li a.home:hover{
			color: #fff;
			background-image:none;
			background-color:#000000;
		}

		#navigation ul li a.food:hover{
			color: #fff;
			background-image:none;
			background-color:#996699;
		}

		#navigation ul li a.history:hover{
			color: #fff;
			background-image:none;
			background-color:#669999;
		}

		#navigation ul li a.news:hover{
			color: #fff;
			background-image:none;
			background-color:#999999;
		}

		#navigation ul li a.todo:hover{
			color: #fff;
			background-image:none;
			background-color:#006666;
		}

		#navigation ul li a.accom:hover{
			color: #fff;
			background-image:none;
			background-color:#3399CC;
		}
		
		
		#navigation ul li a.finding:hover{
			color: #fff;
			background-image:none;
			background-color:#669966;
		}

		#navigation ul li a.about:hover{
			color: #fff;
			background-image:none;
			background-color:#990000;
		}


/* Navigation for Front Page */

		#front_nav ul{
		list-style:none;
		padding:1em 0 0 2em;		
		}
		
		#front_nav li{
		display:inline;
		padding: 0 0.6em 2em 0.6em;
		margin-right:auto;
		margin-left:auto;
		}


		

.clear{clear:both}


/* Font Styles */

.front_italic {
	font-style:italic;
	font-size:1.2em;
	margin-left:3em;
	margin-right:3em}

.small_font{
font-style:normal;
font-size:0.9em;
line-height:1.5;}


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.2;
	margin:10px 10px 10px 10px;
}

h2 {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#990000;
	padding:1em 1em 1em 1em;
	text-align:center;}

h3 {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#990000;
	padding:0.5em 0.5em 0.5em 0.5em;
	}
	
h4 {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#666666;
	font-weight:bold;
	}

h5 {font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:0.5em;
	padding-bottom:0em;}
	
h5 {font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:0.5em;
	padding-bottom:0.3em;
	font-size:14px;
	color:#336699;}
		
#trickyweb{
width:120px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-top:5px;
}