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

Gateshead Council 
Top Tasks Style Sheet
------------------------

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

/* Top Nav Tab selection - Top Tasks */

#top_navigation ul li a.toptasks {
	TEXT-ALIGN: center;
	WIDTH: 105px;
	DISPLAY: block;
	BACKGROUND: #fff url(http://www.gateshead.gov.uk/images/structure/ArrowDownblk.png) no-repeat 100px 15px;
	HEIGHT: 29px;
	COLOR: #007fd0;
	PADDING: 6px 15px 0 0;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    -pie-border-radius: 10px 10px 0px 0px; 
 behavior: url(/SiteElements/styles/border-radius.htc);
}

#top_navigation ul li a.toptasks:hover {
	BACKGROUND: #fff url(http://www.gateshead.gov.uk/images/structure/ArrowDownblk.png) no-repeat 100px 15px !important;
	color: #007fd0 !important;
}

/* Top Nav Tab selection - The Rest */



#top_navigation ul li a.azservices {
	PADDING: 6px 15px 0 0 ;
	DISPLAY: block;
	BACKGROUND: #57b8f5 url(http://www.gateshead.gov.uk/images/structure/ArrowDown.png) no-repeat 100px 15px;
	WIDTH: 105px;
	COLOR: #fff;
	HEIGHT: 29px;
	TEXT-ALIGN: center;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    -pie-border-radius: 10px 10px 0px 0px; 
 behavior: url(/SiteElements/styles/border-radius.htc);
}

#top_navigation ul li a.azservices:hover {
	background: #0068aa url(http://www.gateshead.gov.uk/images/structure/ArrowDown.png) no-repeat 100px 15px !important;
	COLOR: #fff;
}

/* Grid layout */

#toptasksgrid {
	float: left;
	width: 780px;
	margin-bottom: 15px;
}

#toptaskintro {
	float: left;
	margin: 0 0 20px;
	width: 780px;
}

#toptasksgrid .toptask {
	float: left;
	height: 76px;
	margin: 0 12px 10px 0;
	position: relative;
	width: 252px;
}

#toptasksgrid .toptask_right {
	float: left;
	height: 76px;
	margin: 0 0 10px 0;
	position: relative;
	width: 252px;
}

#toptasksgrid .toptask .toptask_text1, #toptasksgrid .toptask_right .toptask_text1 {
	background: url(http://www.gateshead.gov.uk/images/structure/1004toptaskstoptaskbg1.png) no-repeat;
	float: left;
	height: 92px;
	position: absolute;
	width: 252px;
	z-index: 100;
}

#toptasksgrid .toptask .toptask_text2, #toptasksgrid .toptask_right .toptask_text2 {
	background: url(http://www.gateshead.gov.uk/images/structure/1004toptaskstoptaskbg2.png) no-repeat;
	float: left;
	height: 76px;
	position: absolute;
	width: 252px;
	z-index: 100;
}

#toptasksgrid .toptask .toptask_text3, #toptasksgrid .toptask_right .toptask_text3 {
	background: url(http://www.gateshead.gov.uk/images/structure/1004toptaskstoptaskbg3.png) no-repeat;
	float: left;
	height: 76px;
	position: absolute;
	width: 252px;
	z-index: 100;
}

#toptasksgrid .toptask .toptask_img, #toptasksgrid .toptask_right .toptask_img {
	bottom: 0;
	display: block;
	float: left;
	position: absolute;
}

#toptasksgrid .toptask h2, #toptasksgrid .toptask_right h2 {
	color: #fff;
	font-size: 1.4em;
	margin: 16px 0 0 10px;
	padding: 0;
}

#toptasksgrid .toptask p, #toptasksgrid .toptask_right p {
	color: #fff;
	font-size: 0.8em;
	margin: 12px 0 0 10px;
}

#toptasksgrid .toptask h2 a, #toptasksgrid .toptask_right h2 a, #toptasksgrid .toptask p a, #toptasksgrid .toptask_right p a {
	color: #fff;
	text-decoration: none;
}

#toptasksgrid .toptask h2 a:hover, #toptasksgrid .toptask_right h2 a:hover, #toptasksgrid .toptask p a:hover, #toptasksgrid .toptask_right p a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Banner Ads */

iframe#ad_homepage {
	/* display this one */
	height: 60px;
	width: 468px;
}

iframe#ad_benefits, iframe#ad_building, iframe#ad_business, iframe#ad_care, iframe#ad_council, iframe#ad_education, iframe#ad_environment, iframe#ad_leisure, iframe#ad_housing, iframe#ad_jobs, iframe#ad_people, iframe#ad_transport {
	/* hide these */
	display: none;
}