/************************************************

FILE:		  	layout.css
DESCRIPTION:  	file defines base structure - The layout of the site

************************************************/

/*  Highest Level */
body 						{padding:8px; background:#fff; font-family: "tahoma", Arial, Helvetica, sans-serif;}
p							{color:#777; size:108%; line-height:24px;}
p.tag 						{color:#363636;} 
p.instruct					{text-align:center; line-height:16px; margin:20px 20px 30px 20px; color:#a4a4a4;}
strong						{color:#1e74cf;font-weight:bold;}
h4							{color: #1e74cf; margin-top: 30px;} 

/* Header */
#header						{width:670px; height:75px; color:#7f7f7f; position:relative; margin-bottom:40px;}
#logo						{position:absolute; bottom:0; left:0;}
h1#number					{overflow:hidden; text-indent:-9999px; background: url(../img/number.png) no-repeat 0 0; position:absolute; right:0; bottom:0; height:38px; width:251px;} 

/* Template Area */
div#template				{width: 960px; padding:0; clear:both; margin:0 auto;}


#right						{float:right; width: 669px;height: 500px; padding-left:42px;} 
#left						{float:left; width: 248px;height: 500px; border-right:1px solid #e9e9e9; padding-bottom:50px; padding-top:90px;}


#councils,
#councils li  				{list-style:none; margin:0; padding:0;}

#councils					{width:139px; margin:0 auto;}
#councils li a				{display:block; overflow:hidden; text-indent:-9999px; width:139px; margin-bottom: 33px;}

#councils li.north-yorkshire-council a		{background: url(../img/council_sprite.png) no-repeat 0 0; height:35px;}
#councils li.wakefield-council a			{background: url(../img/council_sprite.png) no-repeat 0 -56px; height:41px;} 
#councils li.east-riding-council a			{background: url(../img/council_sprite.png) no-repeat 0 -117px; height:24px;} 
#councils li.doncaster-council a			{background: url(../img/doncaster.png) no-repeat 0 0; height:66px;} 
#councils li.york-council a	 				{background: url(../img/council_sprite.png) no-repeat 0 -218px; height:57px;} 
#councils li.sheffield-council a			{background: url(../img/council_sprite.png) no-repeat 0 -295px; height:77px;}




#images,
#images li 				{list-style:none; margin:0; padding:0;}

#images					{float:left; margin-bottom:25px;} 
#images li				{float:left; width:194px; margin-right:42px; display:inline;}
#images li.last			{margin:0;}
#images li h2			{text-align:center; color:#46c074; font-size:108%;}

#map					{position:relative;float:right; margin-top:30px; width:340px; height:264px;}

.has-js #map h3			{text-indent:-9999px; overflow:hidden; height:17px; width:17px; background: url(../img/marker.png) no-repeat 0 0; display:block; position:absolute; cursor:pointer; z-index:10;} 
	
.has-js .leeds 			{left:105px; top:157px;}
.has-js .york 			{left:155px; top:97px;}
.has-js .doncaster		{right:135px; bottom:34px;}
.has-js .wakefield		{left:115px; top:186px;}
.has-js .sheffield		{left:125px; bottom:5px;}
.has-js .hull 			{right:73px; top:163px;}


/* Pop ups */

.has-js .bubble			{position:absolute; background: url(../img/bubble.png) no-repeat 0 0; height:70px; padding:24px 0 0 0;width:241px; color:#777; text-align:center; font-weight:normal; z-index:100;}
.has-js .bubble strong	{display:block;font-weight:normal; margin-top:2px;}

#map h3					{margin-left:10px;}
.bubble					{line-height:18px; margin-left:10px;}
.bubble strong			{display:block; margin-bottom:10px;margin-left:10px;}

.has-js #leeds			{top:59px; left:-6px;}
.has-js #york			{top:0; left:45px;}
.has-js #doncaster		{bottom:53px; right:23px;}
.has-js #wakefield		{bottom:81px; left:3px;}
.has-js #sheffield		{bottom:25px; left:14px;}
.has-js #hull			{bottom:104px; right:-40px;}