/* CSS Document */





/*------------ DEFAULT STYLES FOR MAIN BODY AND LINKS ------------------*/

		body
		{
			margin: 0;
			padding: 0;
			font-size:12px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color: #000;
			background-color: #fff;
			
		}
		
		a:link { color:#FF0000; font-size:1em; }
		a:visited { color:#993399 }
		
		div#content a:hover
		{
			color: #fff;
			background-color:#FF0000;
			
		}
		
		.small_font{
		color:#999999;
		font-size:1em;
		line-height:1.5}
		


/*------- BANNER STYLE(S) -----------------*/

/* Banner */
		div#banner
		{
			color: #990000;
			background-color: #FFFFFF;
			border-bottom: 1px solid #999999;
		}
		
/* Banner Heading h1 - main text */
		div#banner h1
		{
			margin: 0;
			padding: 1em .5em 0 .5em;
			font-size: 1.6em;
			font-weight: bold;
		}

/* Banner Heading h2 - tel number */
		div#banner h2
		{
			margin: 0;
			font-size: 2em;
			font-weight: normal;
			padding: 0 .5em 1em .8em;
			color:#000099
			
		}

/* Banner Image - CFO shooter */
		div#banner #CFO_img{
		float:right;
		padding-right:2em;
		padding-top:.8em;
		padding-bottom:.8em;
		}



/* Main Container with left Faux column image */		
		div#container
		{
/*			background-image:url(navigation/left_base.jpg); */
			
		}

/* Main Container with right Faux column image */		
		div#container2
		{
			
			background-repeat: repeat-y;
			background-position: right;
			
			
		}
		

/* ----------  NAVIGATION STYLES -------------------*/

/* Default Navigation Style */
		div#navigation
		{
			float: left;
			width: 210px;
			
		}

/* 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:10px 
		
		}

/* Navigation link - this controls appearance, text and text position of the main navigation */		
		#navigation ul li a
		{
			display: block;
			width: 200px;
			padding: 8px 0px 8px 16px;
			text-decoration: none;
			color: #000099;
			background-image: url(navigation/blvgradient.gif);
			background-repeat: repeat-y;
			border-bottom: 1px solid #999999;
			border-right: 1px solid #999999;
			
		}
		

/* Default ID Navigation hover - determines rollover on mouse-over  */
		#navigation ul li a:hover
		{
			color: #fff;
			background-image:url(navigation/grey.gif);
			background-repeat: repeat-y;
		}
		
/* Class Main Navigation hover - Chatsworth blue  */
		#navigation ul li a.CCF:hover{
			color: #FF0000;
			rollover background-image:url(navigation/grey.gif);
			background-repeat: repeat-y;
		}

/* Class Main Navigation hover - Holkham Green rollover */
		#navigation ul li a.HCF:hover{
			color: #fff;
			background-image:url(navigation/vgradient_green.gif);
			background-repeat: repeat-y;
		}

/* Class Main Navigation hover - Super Hero rollover */
		#navigation ul li a.SH:hover{
			color: #fff;
			background-image:url(file:///C|/Users/C B A Lloyd Owen/Dropbox/ChatsworthCountryFair/navigation/vgradient_brown.gif);
			background-repeat: repeat-y;
		}
		
/* Class Main Navigation hover - CF Red rollover */
		#navigation ul li a.CF_red:hover{
			color: #fff;
			background-image:url(file:///C|/Users/C B A Lloyd Owen/Dropbox/ChatsworthCountryFair/navigation/vgradient_red.gif);
			background-repeat: repeat-y;
		}


/* Class Main Navigation hover - CF Orange rollover added 8 Dec 2009 */
		#navigation ul li a.CF_orange:hover{
			color: #fff;
			background-image:url(file:///C|/Users/C B A Lloyd Owen/Dropbox/ChatsworthCountryFair/navigation/vgradient_orange.gif);
			background-repeat: repeat-y;
		}
/* Chatsworth Pages Navigation   */

		#navigation ul li a.CCF_main{
		background-image: url(file:///C|/Users/C B A Lloyd Owen/Dropbox/ChatsworthCountryFair/navigation/vgradient_blue.gif);
		background-repeat: repeat-y;
		}


/*Chatsworth List*/
/*Removed 24/06/09
		#navigation ul li ul li a.CCF_main{
			width: 190px;
			padding: 6px 0px 6px 30px;
			text-decoration: none;
			color: #000;
			background-image:none;
			border-bottom:#FFF 1px solid;
			background-color:#6699CC;} */
			
/*Chatsworth List modified to resolve plain background and IE8*/
/* Modified 24/06/09 */
		#navigation ul li a.CCF_main2{
			width: 190px;
			padding: 6px 0px 6px 30px;
			text-decoration: none;
			color: #000;
			background-image:none;
			border-bottom:#FFF 1px solid;
			background-color:#6699CC;
			}

/*Chatsworth mouse over modified 24/06/09 */
		#navigation ul li a:hover.CCF_main2{
			background-color:#000099;
			color:#FFFFFF;
			background-image:none
			}


/* Holkham Pages Navigation   */

		#navigation ul li a.HCF_main{
		background-image: url(file:///C|/Users/C B A Lloyd Owen/Dropbox/ChatsworthCountryFair/navigation/vgradient_green.gif);
		background-repeat: repeat-y;
		}


/*Removed 24/06/09
			#navigation ul li ul li a.HCF_main{
			width: 190px;
			padding: 6px 0px 6px 30px;
			text-decoration: none;
			color: #000;
			background-image:none;
			border-bottom:#FFF 1px solid;
			background-color:#739651;		/*
			}


/*Holkham List modified to resolve plain background and IE8*/
/* Modified 24/06/09 */
		#navigation ul li a.HCF_main2{
			width: 190px;
			padding: 6px 0px 6px 30px;
			text-decoration: none;
			color: #000;
			background-image:none;
			border-bottom:#FFF 1px solid;
			background-color:#739651;
			}

/* Modified 24/06/09 */
		#navigation ul li a:hover.HCF_main2{
			background-color:#336600;
			color:#FFFFFF;
			background-image:none
			}



/* -----------MORE LEFT: --------------Defines appearance of text on lhs of page outside Navigation*/



		div.more_left
		
		{ 	clear:left;
			float: left;
			width: 150px;
			padding: 0px 5px 0px 5px;
			color: #FF0000;
			border:#FF0000 solid 2px;
			margin-left:15px;
			margin-top:25px;
			margin-right:auto;
		}
		
/* h1 Bold Red text - Left Hand Column */
		div.more_left h1 {
		color:#FF0000;
		font-size:0.9em;
		font-weight:bold;
		margin:5px 5px 5px 5px;
		}
		
/* h2 Bold Blue text - Left Hand Column */
		div.more_left h2 {
		color:#0000FF;
		font-size:0.9em;
		font-weight:bold;
		margin:5px 5px 5px 5px;
		}

/* h3 Normal weight red text - Left Hand Column */
		div.more_left h3 {
		font-size:0.9em;
		font-weight:normal;
		margin:5px 5px 5px 5px;

		}
/* Links - left hand column */		
		div.more_left a
		{
		color:#0000FF;
		font-size:0.9em;
		text-decoration:underline}


/*----------- IMAGES COLUMN ON RIGHT ----------------*/

/* Default settings for Images column */
		div#images
		{
			float: right;
			width: 210px;
			margin: 0;
			padding: 0px 0px 0px 10px;
			color:#000000;
			border-bottom: 1px solid #999999;
			border-left: 1px solid #999999;
			
		}
		
/* Default image position within Images column */
		div#images img{
		padding:0.5em 0 0.5em 0;
		}
		

/* h3(White) text style within Images column */
		div#images h3
		{
			margin-top: 0;
			color: #fff;
			padding: .2em;
			background-position: right;
			background-repeat: repeat-y;
		}
		

/* ------------------MAIN CONTENT ------------------------------ */

/* Default position as liquid centre */
/* Modified May 2010 - margin-left and margin-right: 220px replaces with padding-left: 20px */
		div#content
		{
			
		/*	margin-left: 220px;	*/					
		/*	margin-right: 220px;	*/
			padding: 0 1em 0 1em;
			overflow: hidden;
			padding-left:20px;
			padding-right:20px;		
						
		}
		
/* Content for all ASP calculation pages */

		div#content_asp
		{
			margin-left: 220px;
			margin-right: 80px;
			padding: 0 1em 0 1em;
		}




/* CONTENT FONT STYLES */

/* Content default text style */ 		
		div#content { line-height: 130%;
		font-size:1em; }
		
/* Content Heading Styles - defined as classes for re-use within the content section */

/* H1 Double size font - BLACK - left aligned */

		div#content h1
		{
			font-size: 2em;
			color: #000;
			margin: 0;
			padding-top: 1em;
			font-weight: normal;
			line-height:1.5em;
		}

/* H2 Double size font - BLUE - left aligned */
		div#content h2
		{
			font-size: 2em;
			color: #000099;
			margin: 0;
			padding-top: 1em;
			font-weight: normal;
			line-height:1.5em;
		}

/* H3 Double size font - RED - left aligned */
		div#content h3
		{
			font-size: 2em;
			color: #FF0000;
			margin: 0;
			padding-top: 1em;
			font-weight: normal;
			line-height:1.5em;
		}


/* H4 1.5X size font - BLACK - left aligned */
		div#content h4
		{
			font-size: 1.5em;
			color: #000;
			margin: 0;
			padding-top: 0.7em;
			font-weight: normal;
			line-height:1.5em;
		}

/* H5 1.5X size font - BLUE - left aligned */
		div#content h5
		{
			font-size: 1.5em;
			color: #000099;
			margin: 0;
			padding: 0.7em 0 0.7em 0;
			font-weight: normal;
			line-height:1.5em;			
		}

/* H5 1.5X size font - RED - left aligned */
		div#content h6
		{
			font-size: 1.5em;
			color: #FF0000;
			margin: 0;
			padding-top: 0.7em;
			font-weight: normal;
			line-height:1.5em;
		}


/* prevent images butting up to text */ 
		
		div#content img{
		padding-bottom:0.5em;
		padding-top:0.5em}
		

/* Content_ASP - defines font styles for all ASP pages */

/* ASP Pages H1 header 1.5x - BLACK - left aligned */

		div#content_asp h1
		{
			font-size: 1.5em;
			color:#0000FF;
			margin: 0;
			padding-top: 1em;
			font-weight: normal;
			line-height:1em;
		}

/* ASP pages Error Message  - red x 1.2 */		
			.err_msg {
			font-size: 1.2em;
			color:#FF0000;
			}

/* ASP PAges small font (used for instructions) - black x0.9  */			
			div#content_asp tr{
			font-size: 0.9em;
			color:#000000;
			}


		
		
		
/* ----------- CLEARS FLOATS ----------------*/
		#cleardiv
		{
			clear: both;
			height: 1em;
		}
		
/* ------------FOOTER STYLES ----------------*/
		div#footer
		{
			clear: both;
			padding: .5em 1em;
			border-top: 1px solid #999;
			text-align:center;
			color:#999999;
			line-height:1.5em;
		}
		
		div#footer ul
		{
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
		
		div#footer li
		{
			display: inline;
			margin-right: 1em;
		}