/*************************
 *
 *
 *
 *
 * Business blue:  #8a97c6 or is it 1a377d
 * Business hover: #f00
 *
 * Local blue: #aed1c4
 * Local hover: #f00
 *
 * General blue: #8c95c3
 *
 *
 **************************/


/**** HTML Elements ****/

* { margin: 0; padding: 0; }
address { font-style: normal; }
a img { border: 0; }
body { font-size: small; }
body, input, textarea { font-family: trebuchet ms, sans-serif; }
fieldset { border: 0; }

/**** Generic Classes ****/
.display_none { display: none; }
.display_block { display: block; }
.float_holder { overflow: hidden; } /** see also ie6.css **/  
.float_left { float: left; }        /** see also ie6.css **/  
.float_right { float: right; }      /** see also ie6.css **/
.nav_divider { display: none; }
.screenreader_only { position: absolute; top: -1000em; }
.text_left { text-align: left; }
.text_right { text-align: right; }
.text_center { text-align: center; }


/** see also ie6.css **/
.float_row {
    overflow: hidden;
    margin: 0 0 20px 0;
}    


/**** Template Layout ****/

#site_holder {
    width: 775px;
    margin: 0 auto;
    padding: 0;
}

    .skip{
        position:absolute; 
        top: -100px; 
        z-index: 5000;
    } 
    
    .skip:focus, .skip:hover { 
        position:absolute; 
        top: 3px;
        width: 99%;
        background: #2f2f2f;
        color: #fff; 
        padding: 2px 5px;
        text-decoration: none;
        text-align: center;
    }


#search {
    overflow: hidden;
    background: #2f2f2f;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 5px;
}

    #search .float_left {
        padding: 2px 0 0 0;
    }

    #search fieldset {
        float: right;
        border: 0;
    }
    
    #search legend, #search label {
        display: none;
    }
    
    #search input {
        float: left;
    }
    
    #search input#search_box {
        padding: 3px 10px 1px 10px;
        width: 140px;
        margin: 0;
        border: 0;
        background: url(/interface/structure/search_bg.gif) no-repeat top left #f00;
        color: #2f2f2f;
        font-size: 0.9em;
    }

/** see also ie6.css and ie7.css **/
#header {
    background-repeat: no-repeat;
    background-position: 0 0;
    border-top: 1px solid #fff;
}

    /** see also ie6.css **/
    #header a#logo {
        float: left;
        margin-bottom: 108px;
    }

    #header a#logo img {
        border: 0;
    }
    
    #header #nav {
        clear: both;
    }

        /** see also ie6.css **/
        #header #topnav {
            overflow: hidden;
        }
        
            #header #topnav ul {
                overflow: hidden;
                list-style-type: none;
                margin-right: 10px;
            }
            
            #header #topnav ul li {
                float: right;
            }
        
            #header #topnav a {
                float: left;
                text-decoration: none;
                font-weight: bold;
                height: 1.35em;
                padding: 5px 0;
            }
            
            #header #topnav a:hover, #header #topnav a:focus {
                text-decoration: underline;
            }
            
            #header #topnav div.left, #header #topnav div.right {
                float: left;
                width: 6px;
                height: 1.35em;
                padding: 5px 0;
            }
            
            #header #topnav a {
               padding: 5px 4px;
            }
            
            #header #topnav #business a, #header #topnav #business a:visited { color: #fff; }
            #header #topnav #business div.left { background: url(/interface/structure/nav/business_left.png) no-repeat top left; }
            #header #topnav #business a { background: #1a377d; }
            #header #topnav #business div.right { background: url(/interface/structure/nav/business_right.png) no-repeat top right; }
            
            #header #topnav #local a, #header #topnav #local a:visited { color: #222; }
            #header #topnav #local div.left { background: url(/interface/structure/nav/local_left.png) no-repeat top left; }
            #header #topnav #local a { background: #aed1c4; }
            #header #topnav #local div.right { background: url(/interface/structure/nav/local_right.png) no-repeat top right; }
            
            #header #topnav #general a, #header #topnav #general a:visited { color: #fff; }
            #header #topnav #general div.left { background: url(/interface/structure/nav/general_left.png) no-repeat top left; }
            #header #topnav #general a { background: #8c95c3; }
            #header #topnav #general div.right { background: url(/interface/structure/nav/general_right.png) no-repeat top right; }
            
        /** see also ie6.css **/    
        #header #subnav {
            clear: right;
            background: url(/interface/structure/nav/subnav_bg.gif) repeat-x bottom #303030;
            overflow: hidden;
            color: #fff;
        }
        
            #header #subnav ul {
                list-style-type: none;
                margin: 0;
            }
            
            #header #subnav ul li {
                float: left;
            }

        #header #subnav a, #header #subnav a:visited {
            display: block;
            color: #fff;
            text-decoration: none;
            padding: 5px 10px 15px 10px;
        }
        
        #header #subnav a:hover, #header #subnav a:focus {
            text-decoration: underline;
        }
        
        #header #subnav div {
            padding: 5px 10px;
            background: #2f2f2f;
            border-bottom: 10px solid #fff;
        }

#middle {
    clear: both;
}

    #middle #content {
        float: left;
        width: 576px;
    }

        #middle h1, #middle h2, #middle h3, #middle h4, #middle h5, #middle h6, #column p {
            padding: 5px 10px;
        }
    
        #middle #content h1, #middle #column h2 { font-size: 1.3em; font-weight: normal; }
        #middle #content h2 { font-size: 1.1em; }
        #middle #content h3 { font-size: 1.1em; }
        
        #middle #content ul { list-style-type: square; margin-bottom: 1em; }
        #middle #content ul ul{ list-style-type: square; margin: 0.25em 0; }
        #middle #content li { margin: 0 0 3px 30px; }
        
        #middle #content a, #middle #content a:visited {
            color: #1a377d;
        }
        
        #middle #content p {
            padding: 0 10px;
            margin: 0 0 1em 0;
        }
        
        #middle #content address {
            padding: 10px;
        }
        
        #middle #content p.summary {
            font-weight: bold;
            margin-top: 1em;
            color: #1a377d;
        }
        
        #middle #content a:hover, #middle #content a:focus {
            text-decoration: none;
        }

        #middle #content .row {
            width: 576px;
        }
        
        /** see also ie6.css **/  
        #middle #content .row_border {
            background: url(/interface/structure/row_border_bottom.gif) bottom center no-repeat;
            overflow: hidden;
            margin-bottom: 10px;
        }
        
        #middle #content .cell {
            width: 283px;
            background: #e8ebf2;
        }
        
        /** see also ie6.css **/  
        #middle .cell_border {
            overflow: hidden;
            background: url(/interface/structure/cell_border.gif) repeat-y;
        }
        
        #middle .cell_border div {
            margin: 0 10px;
        }
        
            #middle .cell_border h3 {
                margin-top: 7px;
                padding: 0 10px;
            }
            
        #middle .date {
            font-size: 0.8em;
            font-weight: bold;
            color: #000;
            padding-bottom: 7px;
            border-bottom: 1px solid #fff;
        }
        
        #middle .cell_bottom {
            color: #fff;
            padding: 2px 10px;
        }

            #middle .cell_bottom a, #middle .cell_bottom a:visited {
                text-decoration: none;
                color: #fff;
                font-size: 0.9em;
            }
            
            #middle .cell_bottom a:focus, #content .cell_bottom a:hover {
                text-decoration: underline;
            }

    #middle #column {
        float: right;
        width: 189px;
    }
    
        #middle #column .column_section {
            background: url(/interface/structure/col_box_bottom.gif) no-repeat bottom center;
            margin-bottom: 20px;
        }
        
        #middle #column ul {
            list-style-type: none;
            margin: 5px 10px;
        }
        
        #middle #column ul li {
            background: url(/interface/structure/column_bullet.gif) no-repeat left top transparent;
            padding-left: 10px;
            font-size: 0.9em;
        }
        
        #middle #column ul li a, #middle #column ul li a:visited {
            text-decoration: none;
            color: #222;
        }
        
        #middle #column ul li a:hover, #middle #column ul li a:focus {
            text-decoration: underline;
        }
        
        #middle #column #in_section { padding-bottom: 2px; }
        
        #middle #column .summary_col_content {
            background: url(/interface/structure/column_border.gif) repeat-y;
        }
        
        #middle #column h3 { font-size: 1.2em; padding: 10px 10px 0 10px; font-weight: normal; }

#kirklees_logo {
    clear: both;
    margin-top: 30px;
}

/** see also ie6.css **/  
#footer {
    background: url(/interface/structure/footer_top.gif) top center no-repeat #2f2f2f;
    color: #fff;
    font-size: 0.9em;
    margin-bottom: 10px;
}

    #footer_bottom {
        background: url(/interface/structure/footer_bottom.gif) bottom center no-repeat;
        overflow: hidden;
        padding: 5px 10px;
    }

    #footer a {
        color: #fff;
        text-decoration: none;
    }
    
    #footer a:hover, #footer a:focus {
        text-decoration: underline;   
    }
    
    #footer a:active {
        color: #eee;
    }

    #footer ul {
        list-style-type: none;
    }
    
    #footer ul li {
        margin-left: 6px;
        display: inline;
    }
    
    #credits {
        text-align: center;
        font-size: 0.9em;
        margin-bottom: 10px;
    }
    
    #credits a, #credits a:visited { color: #2f2f2f; text-decoration: none; }
    #credits a:hover, #credits a:focus { color: #2f2f2f; text-decoration: underline; }


/**** Section Specific ****/
#middle #content .cell_bottom { background: url(/interface/structure/cell_bottom_cell.gif) no-repeat bottom center #303030; }

#middle #column .cell_bottom { background: url(/interface/structure/cell_bottom_column.gif) no-repeat bottom center #303030; }


#middle #column img { float: left; width: 189px; }
#middle #column a { clear: left; }


#middle #content .cell_bottom a, #middle #content .cell_bottom a:visited, #middle #column .cell_bottom a, #middle #column .cell_bottom a:visited { color: #fff; text-decoration: none; }
#middle #content .cell_bottom a:hover, #middle #content .cell_bottom a:focus, #middle #column .cell_bottom a:hover, #middle #column .cell_bottom a:focus { color: #fff; text-decoration: underline; }
#middle #column .summary_col_content h3 { font-size: 1em; margin-bottom: 3px; padding: 0 10px; }

#middle #column h2 { background: url(/interface/structure/local/col.gif) no-repeat top center #9fd2c5; }
#middle #column .summary_col_content h3 a, #middle #column h3 a:visited { color: #1a377d; text-decoration: none; }
#middle #column .summary_col_content h3 a:hover, #middle #column h3 a:focus { text-decoration: underline; }
#middle #column .summary_col_content { background-color: #d0e9e2; }

#middle #column p { font-size: 0.9em; margin: 0 10px 5px 10px; padding: 0 0 5px 0; border-bottom: 1px solid #fff; }
#middle #column p.last { border-bottom: 0; margin-bottom: 0; }
#middle #column a img { display: block; margin-bottom: 7px; }

/** Home & Misc **/
#home #middle #content h1 { background: url(/interface/structure/general/h1.gif) no-repeat top center #8c95c3; color: #fff; }
#home #middle #content .cell h2 { background: url(/interface/structure/business/cell_top.gif) no-repeat top center #1a377d; color: #fff; }
#home #middle #content .cell h2.local_cell_top { background: url(/interface/structure/local/cell_top.gif) no-repeat top center #9fd2c5; color: #222; }
#home #middle #column h2 { background-color: #aed1c4; color: #000; }
/*
#home #home_content .row_border p { margin: 0; }
*/
/** Business **/
.business h1 { background: url(/interface/structure/business/h1.gif) no-repeat top center #003480; color: #fff; }
.business #header #subnav { background-color: #1a377d; color: #fff; }
.business #header #subnav a, .business #header #subnav a:visited { color: #fff; }
.business #header #subnav a.current, .business #header #subnav a.current:visited { background: url(/interface/structure/nav/business.gif) no-repeat bottom center #d5dbea; color: #000; }

#home #middle #content .cell h2,
.business #middle #content .cell h2
{ background: url(/interface/structure/business/cell_top.gif) no-repeat top center #003480; color: #fff; }

.business #middle #content h2.business_support { margin-top: 10px; }
.business #middle #content p.business_support { margin-bottom: 25px; }
.business #middle #column h2 { background: url(/interface/structure/business/col.gif) no-repeat top center #1a377d; color: #fff; }

.business #middle #column .column_section { background-color: #e8ebf2; }
.business #middle #column h3 { color: #1a377d; }

.business #middle #column fieldset { border: 0; padding-top: 5px; }
.business #middle #column .float_holder { padding: 5px 10px; }
.business #middle #column label { float: left; width: 3em; padding: 1px 0; }
.business #middle #column input { float: right; width: 9em; border: 1px solid #cdcdcd; }
.business #middle #column input#news_submit { width: 47px; height: 17px; border: 0; float: none; margin: 0 0 0 128px; }


/** Local **/
.local #middle #content h1 { background: url(/interface/structure/local/h1.gif) no-repeat top center #9fd2c5; color: #222; }
.local #header #subnav { background-color: #aed1c4; color: #222; }
.local #header #subnav a, .local #header #subnav a:visited { color: #222; }
.local #header #subnav a.current { background: url(/interface/structure/nav/local.gif) no-repeat bottom center #d0e9e2; }
.local #middle #column .column_section { background-color: #d0e9e2; }

/** General **/
.general h1 { background: url(/interface/structure/general/h1.gif) no-repeat top center #8c95c3; color: #fff; }
.general #header #subnav { background-color: #8c95c3; color: #fff; }
.general #header #subnav a, .general #header #subnav a:visited { color: #fff; }
.general #header #subnav a.current, .general #header #subnav a.current:visited { background: url(/interface/structure/nav/general.gif) no-repeat bottom center #d5dbea; color: #000; }
.general #middle #column h2 { background: url(/interface/structure/local/col.gif) no-repeat top center #9fd2c5; }



/**** Article Related ****/
.article_summary_page { padding: 10px; }

.article_summary_page .float_holder {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #9fd2c5;
}

.article_summary_page .right {
    float: right;
    width: 255px;
}

#middle #content .article_summary_page .right h2, #middle #content .article_summary_page .right p {
    padding-left: 0;
    padding-right: 0;
}

.article_thumb { /** see also ie6.css **/
    float: left;
    margin: 0 10px 5px 10px;
    border: 1px solid #aaa;
    background: #eee;
    padding: 5px;
}

#images {
    margin-bottom: 10px;
    text-align: center;
}

#images .gallery_item {
    margin: 0 0 20px 0;
    font-size: 0.9em;
}

#article_nav { color: #1a377d; }

#article_nav #article_nav_prev {
    float: left;
    width: 180px;
    text-align: right;
}

#article_nav #article_nav_next {
    float: right;
    width: 180px;
    text-align: left;
}

#article_nav #article_nav_archive {
    float: right;
    text-align: center;  
    width: 180px;
}


/** Category Related **/
.cat_list_item {
    margin: 0 10px 15px 10px;
    border-bottom: 1px solid #9fd2c5;
    padding-bottom: 15px;
}

#middle .cat_list_item h2 {
    padding: 0 0 5px 0;
}

#middle .cat_list_item img {
    float: left;
}

#middle .cat_list_item .cat_details {
    float: right;
    width: 350px;
}

#middle .cat_list_item .cat_details.no_img {
    float: none;
    display: block;
    width: 100%;
}

#middle #content .cat_list_item .cat_details div {
    padding: 0;
    margin: 0 0 10px 0;
}

#middle #content .cat_list_item .cat_details address {
    padding: 0;
    margin: 0;
}

/** Listing Related **/
#middle #content #listing_item address {
    padding: 0;
    margin: 0;
}   

/** see also #images for the gallery items **/

/**** Page Specific ****/

/****** / ******/
    
#middle #content #home_content .row_border {
    padding-left: 288px;
}

	#middle #content .home1 .row_border {
		padding-left: 363px!important;
		font-size: 0.9em;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
		#middle #content .home1 .row_border p,
		#middle #content .home1 .row_border h3 {
			margin: 0;
			padding: 0 10px;
		}
		
			#middle #content .home1 .row_border p {
				
			}
		
			#middle #content .home1 .row_border p.date {
				font-size: 0.9em;
				font-style: italics;
				margin-bottom: 5px;
			}
	
		#middle #content .home1 .row_border a img {
			margin: 0 10px;
		}
	
		#middle #content .home1 .row_border h3 {
			margin: 0;
		}


/****** /business/newsletter/ ******/
#middle #content form { margin-top: 10px; }
#middle #content legend { display: none; }
#middle #content fieldset { border: 0; padding: 0; }
#middle #content .input_holder { clear: both; padding: 0 0 10px 0; }
#middle #content .input_holder label { float: left; text-align: right; width: 100px; font-size: 1.1em; padding: 4px 10px 0 0; }
#middle #content .input_holder input { width: 220px; }

#middle #content .input_holder input,
#middle #content .input_holder textarea
{ font-size: 1em; padding: 3px; border: 1px solid #babec2; }

#middle #content .input_holder:hover label { color: #000; } 

#middle #content .input_holder input:focus, #middle #content .input_holder input:hover, 
#middle #content .input_holder textarea:focus, #middle #content .input_holder textarea:hover
{ background: #f6f6f6; }

#middle #content .error { color: #f00; margin-left: 110px; }
#middle #content .submit { margin: 0 0 10px 110px; border: 1px solid #babec2; }


/****** /local/inbloom/ ******/
#col_inbloom .column_section a.img_link {
    display: block;
    height: 120px;
    background: no-repeat 0 0;
}

#col_inbloom #horticultural a.img_link { background-image: url(/interface/structure/local/inbloom/horticultural.jpg); }
#col_inbloom #environmental a.img_link { background-image: url(/interface/structure/local/inbloom/environmental.jpg); }
#col_inbloom #community a.img_link { background-image: url(/interface/structure/local/inbloom/community.jpg); }


/****** /local/todo/ ******/

.todo_section {
	float: left;
	width: 179px;
	margin-left: 10px; /** see also ie6.css **/
}

	.todo_section ul {
		padding-top: 110px;
	}

#shopping_section {
	width: 368px;
}

	#shopping_left { 
		float: left;
		width: 179px;
		margin-right: 10px;
	}

	#shopping_right { 
		float: left;
		width: 179px;
	}


/* ADDITIONS - CRAIG */

.todo2_section {
	float: left;
	width: 179px;
	margin-left: 10px; /** see also ie6.css **/
}

	.todo2_section ul {
		padding-top: 110px;
	}

#shopping2_section {
	width: 368px;
}

	#shopping2_left { 
		float: left;
		width: 179px;
		margin-right: 10px;
	}

	#shopping2_right { 
		float: left;
		width: 179px;
	}

#bus1_section div { background: url(/interface/pages/local/todo/inbloom.png) 0 0 no-repeat; }
#bus2_section div { background: url(/interface/pages/local/todo/green_bus.png) 0 0 no-repeat; }
#bus3_section div { background: url(/interface/pages/local/todo/econ_dev.png) 0 0 no-repeat; }
#bus4_section div { background: url(/interface/pages/local/todo/crime.png) 0 0 no-repeat; }
#bus5_section div { background: url(/interface/pages/local/todo/bus_prem.png) 0 0 no-repeat; }
#bus6_section div { background: url(/interface/pages/local/todo/conf_fac.png) 0 0 no-repeat; }

/* END ADDITIONS */

	
#shopping_section div { background: url(/interface/pages/local/todo/shopping.jpg) 0 0 no-repeat; }
#attractions_section ul { background: url(/interface/pages/local/todo/attractions.jpg) 0 0 no-repeat; }
#eatingout_section ul { background: url(/interface/pages/local/todo/eatingout.jpg) 0 0 no-repeat; }
#accommodation_section ul { background: url(/interface/pages/local/todo/accommodation.jpg) 0 0 no-repeat; }
#nightout_section ul { background: url(/interface/pages/local/todo/nightout.jpg) 0 0 no-repeat; }


.float_holder {
	
}
	
	
	
#middle #content div.todo_section h2 {
	padding: 0;
	background: url(/interface/pages/local/todo/todo_left.png) top left no-repeat #9fd3c5;
}

	.todo_section h2 span {
		display: block;
		padding: 3px 10px;
		background: url(/interface/pages/local/todo/todo_right.png) top right no-repeat;
	}
	
 /* BUSINESS ADDITION - CRAIG */
#middle #content div.todo2_section h2 {
	padding: 0;
	background: url(/interface/pages/local/todo/todo2_left.png) top left no-repeat #003480;
}

.todo2_section h2 span {
	display: block;
	padding: 3px 10px;
	background: url(/interface/pages/local/todo/todo2_right.png) top right no-repeat;
	color: white;
}

#todo2_row1 {
	background: url(/interface/pages/local/todo/row1.gif) no-repeat bottom left transparent;
	margin-bottom: 10px;
}

#todo2_row2 {
	background: url(/interface/pages/local/todo/row2.gif) no-repeat bottom left transparent;
	margin-bottom: 10px;
}

/* END ADDITION */
	
	
#todo_row1 {
	background: url(/interface/pages/local/todo/row1.gif) no-repeat bottom left transparent;
	margin-bottom: 10px;
}

#todo_row2 {
	background: url(/interface/pages/local/todo/row2.gif) no-repeat bottom left transparent;
	margin-bottom: 10px;
}
	
	
/****** /sitemap/ ******/
.search_result {
	margin-bottom: 20px;
}


/****** /sitemap/ ******/
#sitemap .row_border ul {
    margin-top: 10px;
}

body#sitemap #middle #content ul li {
    margin-bottom: 15px;
}

body#sitemap #middle #content ul li li {
    margin-top: 2px;
    margin-bottom: 0;
}