/* ---------------------------------------------------------- */
/*                                                            */
/* Customised stylesheet for www.cheshirenicholas.co.uk       */
/*                                                            */
/* File:      custom.css                                      */
/* Date:      2012-05-01                                      */
/* Version:   0.1                                             */
/*                                                            */
/* ---------------------------------------------------------- */



/* ---------- Font : Global default definitions ------------- */

html 
	{
	font-size:100%;
	min-height:101%;
	}

table, tr, td, form, input, select, textarea, ul, li
	{
font-family:Arial, Helvetica, sans-serif;				/* Global CN font style - Arial or other Sans-Serif variants */
	}
	
a:link    {text-decoration: none; color:#8f937e}
a:hover   {text-decoration: underline; color:#46abbf;}
a:active  {text-decoration: none; color:#8f937e}
a:visited {text-decoration: underline; color:#8f937e;}


	

/* ------------- Font: Customised definitions --------------- */


body 
	{
	font-size:80%;
	background-color:#29182a;					/* Global CN background colour of website - deep purple */
	font-family:Arial, Helvetica, sans-serif;			/* Global CN font style - Arial or other Sans-Serif variants */
	}


.left 									/* Div class left - content aligned to left of class */
	{
	float:left;
	}

.right 									/* Div class right - content aligned to right of class */
	{
	float:right;
	}

.clear 									/* Div class clear - content class cleared */
	{
	clear:both;
	}


p 	{	
	color: #333333;
	margin-bottom: 20px;
	line-height: 16px;
	}

hr 	{
	background-color: #333333;					/* Black line */
	color:#333333;							/* Black line */
	clear:both;
	float:none;
	width:100%;
	height: 1px;
	border:none;
	margin: 12px 0 12px 0;
	}


/* ----------------- Font: Heading styles ------------------- */


h2 
	{
	color: #333333;
	font-size: 1.5em;
	line-height: 1.2em;
	}

h3 
	{
	color:#333333;
	font-size:1.3em;
	margin-top:10px;
	margin-bottom:20px;
	}

p.heading 								/* Primary heading format - main content windows (home and sub pages) */
	{
	font-weight:700;
	font-size:18px;
	color:#333333;
	margin:0;
	padding:0;
	line-height: 24px;
	}


/* -------------------- Page: Structure --------------------- */


#header_wrap 								/* Header - content frame definition */
	{
	width:960px;
	height:150px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 auto;
	}

#header 								/* Header - containter definition */
	{
	height:150px;
	width:920px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	}

#content_wrap 								/* Main page image (banner graphics) - content frame definition */
	{
	width:960px;
	line-height:1.9em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}

#content_container 							/* Main page image (banner graphics) - container definition */
	{
	width:960px;
	background-color:#FFFFFF;
	color:#000;
	margin:0 auto;
	}



#home_left 								/* Main page (general information) - container definition */
	{
	float:left;
	width:660px;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:10px;
	}

#home_right 								/* Main page (news & updates) - container definition */
	{
	float:right;
	width:240px;
	padding-top:8px;
	padding-right:20px;
	padding-bottom:20px;
	}



#sub_left 								/* Sub page (directory) - container definition */
	{
	float:left;
	width:240px;
	padding-top:8px;
	padding-left:20px;
	padding-bottom:20px;
	}

#sub_right 								/* Sub page (content) - container definition */
	{
	float:right;
	width:660px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:10px;
	}





/* ----------------- Page: Content - Main ------------------- */

#latest_news_full 							/* General information section (home & sub) - frame definition */
	{
	width:660px;
	margin-bottom:15px;
	margin-top:5px;
	}

#latest_news_full_header 						/* General information section (home & sub) - containter definition (header) */
	{
	background-image:url(../../style/images/maincolumn_header_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:645px;
	height:36px;
	padding-left:15px;
	padding-top:17px;
	}


#latest_news_full_content 						/* General information section (home & sub) - containter definition (main) */
	{
	width:630px;
	background-image:url(../../style/images/maincolumn_content_bg.png);
	background-repeat:repeat-y;
	background-position:left top;
	padding:15px;
	}

#latest_news_full_content a:hover 
	{
	text-decoration: underline;
	}

#latest_news_full_content p 
	{
	padding-bottom: 10px;
	}

#latest_news_full_footer 						/* General information section (home & sub) - containter definition (footer) */
	{
	width:660px;
	height:22px;
	background-image:url(../../style/images/maincolumn_footer.png);
	background-repeat:no-repeat;
	background-position:left top;
	}

#section_img_header 
        {
	height: 200px;
	overflow: hidden;
        }




/* ------ Page: Content - Sign Planner/Quick Resources ------ */

#sign_planner_lite_660 							
	{
	height:250px;
	width:660px;
	margin-bottom:25px;
	color: #333333;
	}

#sign_planner_lite_660_small 						/* Sign Planner/Quick Resources - frame definition */
	{
	height:190px;
	width:660px;
	margin-bottom:40px;
	color: #333333;
	}


#sign_planner_header 							/* Sign Planner/Quick Resources - header container definition */
	{
	background-image:url(../../style/images/signplanner_header_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:645px;
	height:36px;
	padding-left:15px;
	padding-top:17px;
	}

#sign_planner_content 							
	{
	width:630px;
	height:145px;
	background-image:url(../../style/images/signplanner_content_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:15px;
	}

#sign_planner_content_small 						/* Sign Planner/Quick Resources - content container definition */
	{
	width:630px;
	height:108px;
	background-image:url(../../style/images/signplanner_content_bg_small.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding:15px;
	}

#sign_planner_footer 
	{
	width:660px;
	height:22px;
	background-image:url(../../style/images/signplanner_footer_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:20px;
	}

#sign_planner_footer_small 						/* Sign Planner/Quick Resources - footer container definition */
	{
	width:660px;
	height:22px;
	background-image:url(../../style/images/signplanner_footer_bg_small.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:20px;
	}


.hidden 
	{
	display: none;
	}




/* ---- Page: Navigation - Sign Planner/Quick Resources ----- */

#sign_planner_links 
	{
	float: right;
	width: 47%;
	}

#sign_planner_links ul 
	{
	padding-bottom:0;
	list-style-type: none;
	}

#sign_planner_links li 
	{
	margin-bottom: 4px;
	}

#sign_planner_links li a,
#sign_planner_links li a:visited
	{
	font-size: 100%;
	display: block;
	border-left: 4px solid #054A4A;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0.5em;
	color: #333333;
	background-color: #b8cec6;
	}

#sign_planner_links li a:hover, 
#sign_planner_links li a.active 
	{
	font-size: 100%;
	display: block;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0.5em;
	border-left: 4px solid #98aca8;
	background-color: #98aca8;
	text-decoration: none;
	}



/* ---- Page: Navigation - Sign Planner/Quick Resources LHS - */

#sign_planner_links_left 
	{
	float: left;
	width: 47%;
	}

#sign_planner_links_left ul 
	{
	padding-bottom:0;
	list-style-type: none;
	}

#sign_planner_links_left li 
	{
	margin-bottom: 4px;
	}

#sign_planner_links_left li a:visited, #sign_planner_links_left li a {
	font-size: 100%;
	display: block;
	border-left: 4px solid #054A4A;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0.5em;
	color: #333333;
	background-color: #b8cec6;
}

#sign_planner_links_left li a:hover, #sign_planner_links_left li a.active {
	font-size: 100%;
	display: block;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0.5em;
	border-left: 4px solid #98aca8;
	background-color: #98aca8;
	text-decoration: none;
}


/* ------------------------ Menu ---------------------------- */


/* ---- Container styling in line with webpage framework ---- */

#menu 									/* Positioning of menu bar relative to image slideshow */
	{
	width:240px;
	margin-bottom:0px;
	margin-top:17px;
	}

#menu p.heading 
	{
	font-weight:700;
	font-size:18px;
	color:#333333;
	margin:0;
	padding:0;
	}

#menu_header {
	background-image:url(../../style/images/sidebar_header_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:225px;
	height:36px;
	padding-left:15px;
	padding-top:17px;
	}


#menu_container 							/* container area within division "Updates" - specifically adapted for menu */
	{
	width:190px;
	background-image:url(../../style/images/sidebar_content_bg.png);
	background-repeat:repeat-y;
	background-position:left top;
	padding:4px 25px 4px;						/* Padding used to define position of repeated vertical line */
									/* 	Overall width: 		240px
										Container width:	190px
										Minimum total padding:	50px (25px each) */
	}

#menu_container p 
	{ 
								
	}

#menu_footer 
	{
	width:240px;
	height:22px;
	background-image:url(../../style/images/sidebar_footer_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom: 0px;
	}


/* ------ Menu styling - functionality within container ----- */

.menu 
	{
	z-index:-3;
	background-color:#b8cec6;
	} 

#breadcrumbmenu
	{
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:    0px;
	margin-top:    20px;
	margin-bottom:  0px;
	padding:0;
	width:190px;
	list-style-type:none;
	line-height:20px;						/* Overall line high of directory menu */
	}

#breadcrumbmenu a
	{
	display:block;
	font-size:15px;
	font-weight: bold;
	text-decoration:none;
	}

#breadcrumbmenu a.hover
	{
	border-top:1px solid #fef200;
	border-bottom:1px solid #7B7B7B;
	background-color:#ffffff;
	color:#29292b;
	}

#breadcrumbmenu ul
	{
	overflow: hidden;
	margin:0;
	padding:0;
	}


/* --------------------- Menu Function --------------------- */

#breadcrumbmenu .opened
	{
	padding-right:10px;
	background-position:98% 50%;
	background-repeat:no-repeat;
	background-image:url(../../style/images/menu_up.png);			
	}

#breadcrumbmenu .closed
	{
	padding-right:10px;
	background-position:98% 50%;
	background-repeat:no-repeat;
	background-image:url(../../style/images/menu_down.png);			
	}

#breadcrumbmenu .header
	{
	background-color:#7B7B7B;
	}


/* ---------------------- Menu Level 1 ---------------------- */


#breadcrumbmenu li
	{
	margin:0;
	padding:0;
	list-style-type:none;
	background-color:#ffffff;
	color:#FFFFFF;
	}

#breadcrumbmenu li a							
	{
	padding:2px 10px 2px 0px;
	border-bottom:1px solid #29292b;
	background-color:#ffffff;					/* Main background colour Menu Level 1 */
	color:#29292b;	
	}

#breadcrumbmenu li.active a

	{
	border-bottom:1px solid #292929;
	background-color:#ffffff;
	color:#29292b;
	} 

ul#breadcrumbmenu li a:hover 		
	{

	background-color: #b8cec6;					/* Main hover colour Menu Level 1 */
	}


/* ---------------------- Menu Level 2 ---------------------- */


#breadcrumbmenu li li a,
#breadcrumbmenu li.active li a
	{
	padding:2px 4px 2px 12px;
	border-bottom:1px solid #ffffff;
	background-color:#ffffff;
	color:#29292b;
	font-size:13px;
	font-weight: normal;
	}

#breadcrumbmenu li li.active a		
	{
	border-bottom:1px solid #292929;
	background-color:#ffffff;
	color:#29292b;
	} 

ul#breadcrumbmenu li ul li a:hover 		
	{
	color: #29292b;
	font-size:13px;
	font-weight: normal;
	margin: 0px;

	background-color: #b8cec6;					/* Main hover colour Menu Level 2 */
	}


/* ---------------------- Menu Generic ---------------------- */

*
	{
	margin:0;
	padding:0;
	border:0px none #FFFFFF;
	}

* html ul ul li
	{
	margin-bottom:-1px;
	}

* html ul ul li a,* html ul li a
	{
	height:100%;
	}

a
	{
	color:#FFFFFF;
	text-decoration:underline;
	}

/* --------------------- Menu QR Sidebar -------------------- */

#qr_side_header 							/* Sign Planner/Quick Resources - header container definition */
	{
	background-image:url(../../style/images/qr_side_header.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:240px;
	height:36px;
	padding-left:15px;
	padding-top:17px;
	}

#qr_side_content 							/* Sign Planner/Quick Resources - content container definition */
	{	
	background-image:url(../../style/images/qr_side_content.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:200px;
	height:108px;
	padding:15px;
	margin:0px 0px 0px 5px;						/* top right bottom left */
	}


#qr_side_footer 							/* Sign Planner/Quick Resources - footer container definition */
	{
	width:240px;
	height:22px;
	background-image:url(../../style/images/qr_side_footer.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0px 0px 20px 1px;
	}


.hidden 
	{
	display: none;
	}


#qr_side_links_left 
	{
	float: left;
	width: 99%;
	}

#qr_side_links_left ul 
	{
	padding-bottom:0;
	list-style-type: none;
	}

#qr_side_links_left li 
	{
	margin-bottom: 4px;
	}

#qr_side_links_left li a:visited, 
#qr_side_links_left li a 
	{
	font-size: 100%;
	display: block;
	border-right: 4px solid #b8cec6;  				/* border-left: 4px solid #054A4A; */
	text-decoration: none;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0.5em;
	color: #333333;
	background-color: #b8cec6;
	}

#qr_side_links_left li a:hover, 
#qr_side_links_left li a.active 
	{
	font-size: 100%;
	display: block;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0.5em;
	border-right: 4px solid #98aca8;				/* border-left: 4px solid #98aca8; */
	background-color: #98aca8;
	text-decoration: none;
	}

/* ---------------------------------------------------------- */





/* ------------------------- Sectional home page blocks ------------------------- */

#sectional_left,#sectional_right {
width:320px;
margin-top:15px;
}

/* ------------------------- Section (inner) pages ------------------------- */

.header_img {
top:-20px;
position:relative;
}

/* ------------------------- Sub navigation - 1st level ------------------------- */

#sub_nav_wrap {
width:240px;
z-index:2;
margin-left:20px;
top:-45px;
position:relative;
}

#sub_nav {
	width:240px;
	padding:0 10px 10px;
	background-image: url(../../style/images/nav_bg_content.png);
	background-repeat: repeat-y;
	background-position: left top;
}

#sub_nav_top {
background-image:url(../../style/images/nav_bg_top.png);
background-repeat:no-repeat;
background-position:left top;
width:260px;
height:25px;
}

#sub_nav_bottom {
background-image:url(../../style/images/nav_bg_bottom.png);
background-repeat:no-repeat;
background-position:left top;
width:260px;
height:25px;
}

.link_active li a.active {
width:240px;
background-color:#9D9FA1;
padding: 2px 0 2px 0.5em;
}



/* ------------------------- Sub navigation - 2nd level ------------------------- */

ul#menu, ul#menu ul { list-style: none; margin: 0; padding: 0; }


ul#menu { }

ul#menu li {
	padding-top:4px;
	color: #333333;
}

ul#menu ul li { border: none; }

ul#menu ul li:last-child { border-bottom: none; }

a.submenuheader { 	
	background-color:#C6C8CA;
	border-left:4px solid #892890;
	display:block;
	font-size:100%;
	line-height:18px;
	padding:6px 3px 6px 5px;
	text-decoration:none;
	color: #333333;
}

ul#menu a.heading, ul#menu li a {
	background-color:#C6C8CA;
	border-left:4px solid #892890;
	display:block;
	font-size:100%;
	line-height:18px;
	padding:6px 3px 6px 5px;
	text-decoration:none;
	color: #333333;
}

ul#menu a.heading:hover, ul#menu li a:hover { 
	border-left: 4px solid #9D9FA1;
	background-color: #9D9FA1;
}

ul#menu li.ui-menu-selected a.heading, ul#menu li.expanded a.heading {
	border-left: 4px solid #9D9FA1;
	background-color: #9D9FA1;
	color: #333333;
}

ul#menu li ul a { 	
	border-left: 4px solid #892890;
	background-color: #C6C8CA;
	text-decoration: none;
	color: #333333;
}

ul#menu li ul a:hover {
background-color:#9D9FA1;
border-left:4px solid #9D9FA1;
padding:6px 3px 6px 5px;
}

ul#menu li ul .date { padding-right: 10px; }
ul#menu li ul .count { padding-left: 10px; }

/*****Additional Custom Accordion Styles*****/
ul#menu li ul { display: none;  margin-left: 8px; }
ul#menu li.expanded ul { display: block; margin-left: 8px; }


/* ------------------------- Latest news side bar blocks ------------------------- */

#latest_news, #updates {
width:240px;
margin-bottom:0px;
}

#updates {
width:240px;
margin-bottom:0px;
margin-top:17px;
}

/* ------------------------- Latest updates side block ------------------------- */

#updates p.heading {
font-weight:700;
font-size:18px;
color:#333333;
margin:0;
padding:0;
}

#updates_header {
background-image:url(../../style/images/sidebar_header_bg.png);
background-repeat:no-repeat;
background-position:left top;
width:225px;
height:36px;
padding-left:15px;
padding-top:17px;
}

#updates_content 
	{
	width:190px;
	background-image:url(../../style/images/sidebar_content_bg.png);
	background-repeat:repeat-y;
	background-position:left top;
	padding:15px 35px 4px;
	}

#updates_content p 
	{ 
								
	}

#updates_footer {
width:240px;
height:22px;
background-image:url(../../style/images/sidebar_footer_bg.png);
background-repeat:no-repeat;
background-position:left top;
margin-bottom: 0px;
}


/* ------------------------- Footer ------------------------- */


#footer {
	height:27px;
	width:920px;
	background-repeat:no-repeat;
	background-position:left top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 38px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	color: #8f937e;
}


#footer p 
	{
	color:#333333;
	}


#footer a 
	{
	color:#8f937e;
	}


#footer a:hover 
	{
	color:#46abbf;
	text-decoration: underline;
	}




/* ------- IGO fix for no javascript launcher page ---------- */

#no_java {
	position:absolute;
	z-index:999;
}



/* --------------- Segmentation of content  ----------------- */




div.content ul.segmentation,
div.content ul.segmentation li
  {
    float:left;
    width:670px;
    margin:0;
    list-style-type:none;
    color:#333
  }



div.content ul.segmentation img
  {
    float:left
  }



div.content ul.segmentation li img
  {
    padding:3px;
    border:1px solid #d5d5d5
  }



div.content ul.segmentation li ins
  {
    width:170px;
    margin:0;
    border-width:0;
  }



div.content ul.segmentation li
  {
    padding:8px 0 18px 0;			/* spacing between contents */
    border-bottom:1px solid #e1e1e1;
    font-size:1em
  }



div.content ul.segmentation li:last-child
  {
    border-width:0
  }



div.content ul.segmentation li div
  {
    position:relative;
    float:right;
    width:500px;
    w\idth:480px;
    padding:6px 0 5px 20px
  }



div.content ul.segmentation li div p
  {
     margin:0px 20px 0 0
  }


div.content ul.segmentation li div h3
  {
     width:460px;
     margin:0 0 10px
  }



div.content ul.segmentation li div h3 a
  {
    color:#333
  }