/* Norfolk Catering CSS by run2 */ 
/* main colours: dark blue #1f3270; light blue #9cf; red #f00000 */

body {
font: 100% Tahoma, Verdana, Arial, sans-serif;
color: #000; 
background: #fff url(/assets/body_bg.gif) repeat-x;
margin: 10px auto;
padding: 0;
text-align: center; 
}

/*html 5 defaults */
header, nav, article, article, figure, section, footer { display: block; }

/* Fix IE. Hide from IE Mac \*/
* html body { padding-left: 1px; }
/* End */


/* General Typography */
h1 { margin: 0; padding: 0; font-size: 2em; }
h2, h3 { margin: 0; padding: 0; font-size: 1.2em; font-weight: normal; } 
h4 { margin: 0; padding: 0; font-size: 0.9em; font-weight: normal; } 
h5, p { margin: 0; padding: 0; font-size: 0.8em; }
table, ul, ol { font-size: 0.8em; }
a { color: #f00000; text-decoration: none; }
a:hover { color: #1f3270; text-decoration: underline; }


/* Span Classes */
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.white { color: #fff; }
.blue { color: #1f3270; }
.lightblue { color: #9cf; }
.boldblue { font-weight: bold; color: #1f3270; }
.right { float: right; }
.clear { clear: both; }
.offleft { position: absolute; left: -999px; width: 990px; visibility: hidden; }
.noborder { border: none; margin: 0; }
.textright { text-align: right; }
.hdn { display: none; }
.rule { clear: both; margin: 20px 10px; border-top: 1px solid #1f3270; }

/* Control */
#wrapper { 
margin: 25px auto; 
padding: 0; 
width: 960px; 
background: #fff url(/assets/wrapper_bg.gif) repeat-y; 
text-align: left; 
}


/* header */
header {
margin: 0;
padding: 0;
height: 180px;
background: #fff;
}
	header object, header img { 
	float: left;
	margin: 0;
	padding: 0; 
	border: 0; 
	}
	address {
	float: right; 
	margin: 20px 20px 0 0;
	padding: 0;
	text-align: left;
	font-size: 1.2em;
	color: #1f3270;
	font-style: normal;
	}
		address p { margin: 0 0 5px 0; }
		address a { color: #1f3270; }
		address a:hover { color: #f00; }


/* main nav */ 
nav {
float: left;
margin: 0 20px 20px 20px;
padding: 0;
width: 920px; 
color: #fff;
background: #1f3270; 
}

	
#display{ 
clear: both;
width: 920px; 
height: 256px; 
margin: 0 auto 20px auto; 
padding: 0; 
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.7);
box-shadow: 0px 0px 10px rgba(0,0,0,.7); 
behavior: url(/scripts/PIE.htc);
}
	/* required styles for carouSlide */ 
	#display .slider-wrapper { clear: both; position: relative; overflow: hidden; width: 914px; height: 254px; margin: 0; padding: 3px; background: #1f3270 url(/assets/header_bg.gif) repeat-x bottom;
}
	#display .slider-wrapper img { width: 914px; margin: 0; padding: 0; }
	#display .slider-holder { display: block; overflow: hidden; width: 920px; height: 256px; margin: 0; padding: 0; }
	#display .slider-holder li { display: block; float: left; width: 920px; height: 256px; margin: 0; padding: 0; list-style: none; color: #fff; }
	#display .s-active { position: relative; top: 0; left: 0; }
	#display .trans { position: relative; left: 0px; bottom: 3.2em; display: block; width: 914px; height: 3.2em; margin: 0; padding: 0; background-color: #001b8a; filter: alpha(opacity=80); opacity: 0.8; }
	#display p { position: relative; left: 0px; bottom: 5.5em; display: block; width: 900px; margin: 0; padding: 0.5em 20px; color:#fff; font-size: 1.1em; }


/* main content */
article {
clear: both; 
float: left; 
margin: 5px 20px 20px 20px; 
width: 600px;
background: #e1effd; 
text-align: left;
}
	article h1 {
	margin: 10px 10px 0 10px;
	padding: 0;
	font-size: 2.5em;
	color: #1f3270;
	}
	article h2 {
	margin: 20px 10px 10px 10px;
	padding: 0;
	color: #f00000;
	}
	article h3 {
	margin: 20px 10px 0 10px;
	padding: 0;
	color: #1f3270;
	}
	article p { 
	margin: 10px;
	padding: 0;
	}
		article p.tiny { font-size: 0.1px; clear: both; }
		article .tab { padding-left: 25px; }
		article .tabred { padding-left: 25px; color:#f00000; }
	article a:hover { background: #9cf; }
	article ul { 
	list-style: square; 
	margin-left: 5px; 
	padding: 0 20px; 
	}
	article img { margin: 10px; }
	
	.fb-panel { display: inline-block; float: left; width: 280px; margin: 0 10px 10px 10px; }

	.panel_full { }
		.panel_full p { 
		margin: 5px 10px; 
		font-size: 1em;
		color: #fff;
		}
		.panel_full a {
		display: block;
		float: left; 
		margin: 10px 0 10px 10px;
		width: 580px; 
		color: #fff;
		text-decoration: none;
		background: #9cf url(/assets/header_inset.jpg) repeat-x;
		}
			.panel_full a:hover {
			background: #1f3270;
			}
		.panel_full img {
		float: right; 
		margin: 10px;
		}

	.inputbox1  { 
	display: inline; 
	width: 200px; 
	padding: 2px; 
	border: 1px solid #1f3270; 
	font-family: Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif; 
	font-size: 0.8em; 
	height: 15px; 
	}
	.inputbox2  { 
	display: inline; 
	width: 150px; 
	padding: 2px; 
	border: 1px solid #1f3270; 
	font-family: Tahoma, Verdana, Geneva, Helvetica, Arial, sans-serif; 
	font-size: 0.8em; 
	height: 15px; 
	}
	.loginSubmit { 
	color: #1f3270; 
	background: none; 
	width: 50px;
	border: none; 
	font-size: 1em;
	}
	.loginSubmitRoll { 
	color: #fff; 
	background: #1f3270;
	text-decoration: underline; 
	width: 50px;
	border: none;
	font-size: 1em;
	}

	.map { 
	display: block; 
	float: left; 
	width: 580px; 
	height: 400px; 
	margin: 20px 10px 10px 10px; 
	border: 1px solid #1f3270; 
	}
		.map img { border: none; }
	
/*sidebar */
aside { 
float: left; 
width: 320px; 
margin-top: 5px;
}
	aside img { float: left; border: none; margin: 0 20px 20px 0; }
	aside h3 { margin: 0 0 10px 0; padding: 0; color: #1f3270; font-size: 1.2em; }
	aside h4 { color: #f00000; font-size: 0.7em;}
	aside p { margin: 0 20px 10px 0;}
	aside p.tiny { font-size: 0.1px; clear: both; }

	.panel { }
		.panel p { 
		margin: 5px 10px; 
		font-size: 1em;
		color: #fff;
		}
		.panel a {
		display: block;
		float: right; 
		margin: 0 20px 20px 0;
		width: 300px; 
		color: #fff;
		text-decoration: none;
		background: #9cf url(/assets/header_inset.jpg) no-repeat;
		}
			.panel a:hover {
			background: #1f3270;
			}
		.panel img {
		float: right; 
		margin: 10px;
		}

/* footer */
footer { 
clear: both; 
text-align: left; 
margin: 20px auto;
padding: 10px 20px; 
width: 880px; 
border-top: 1px solid #9cf;  
color: #9cf; 
background: #fff; 
}
	footer p { color: #9cf; }
		footer p.footerright { 
		float: right; 
		width: 320px; 
		padding-top: 0px; 
		text-align: right; 
		}
		footer p.footercentre { 
		padding-top: 0px; 
		text-align: center; 
		}
	footer a { color: #9cf; }
	footer a:hover { background: #9cf; color: #1f3270; }
	footer a.link { margin-right: 20px; }
	footer .copy { margin-right: 20px; color: #9cf; }
	footer a.current { font-weight: bold; margin-right: 20px; }
	footer img { border: none; }
	footer ul { 
	margin: 10px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #1f3270;
	}
		footer ul li {
		display: inline;
		list-style: none;
		margin: 0 20px 0 0;
		}
			footer ul li a {
			display: inline;
			padding: 0;
			font-weight: normal;
			font-size: 1.2em;
			color: #1f3270;
			border: none;
			}