/* CSS Document */



body {

height: 100%;

background-color:#ececec; 

margin: 0 0 0 0;

background-image: url(images/background_grey.gif);

background-repeat:repeat-x;

background-position:top left;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

text-align: center;

}

p

{

margin: 10px 0 10px 0;

}



p a

{

color: #666666;



}



html { height: 100%; margin-bottom: 1px; } /* solves slight page position jumping */

html>#container {height:100%} 

/* html>body #container {height:100%;}*/



#container

{

	margin-right: auto;/*centres in compliant browsers*/

	margin-left: auto;/* "	" */ 

	margin-top: 20px;

	width: 780px; /*An auto centering layer, width must be assigned*/

	height: 600px; /* Compliant browser height, This will fill entire browser window height */

	clear:both;	

	text-align: left;/*text align must be declared in all items due to 'text-align: center;' being in the body tag*/

	position: relative;

	background:#FFFFFF url(images/horizontal_tile_shdw.jpg) repeat-y;

	

}



#bottom_image {

margin: 0 auto 0 auto;

height:22px;

width: 780px;

background: url(images/bottom_shadow.jpg) top;

}



#abbey_logo

{

width: 194px;

height: 138px;

float: left;

}



#abbey_homestrip

{

width: 579px;

height: 138px;

float: left;

background: url(images/abbey_solictors_home.jpg) top;

}



#hp_grey {

width:579px;

height:26px;

float: left;

background: url(images/homepage_grey.gif) top;

}



#maincontent

{

width: 579px;

height: 462px;

float: left;

}



h1

{

font-family: Georgia, AGaramond, "MS Serif", Times, serif;

font-size: 18px;

color: #005A98;

}	



h2

{

font-family: Georgia, AGaramond, "MS Serif", Times, serif;

font-size: 12px;

color: #005A98;	

font-style: italic;

}



/* ---------------------- News ------------------- */



.newscontainer

{

width: 550px;

height: auto;

float: left;

margin-bottom: 10px;

}



.newsheadline

{

width: 550px;

height: 20px;

float: left;

font-family: Georgia, AGaramond, "MS Serif", Times, serif;

font-size: 14px;

font-weight: bold;

color: #005A98;

}



.newsbody

{

width: 550px;

height: auto;

float: left;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

}



/* ---------------------- Contact ------------------- */



#contactus_address

{

width: 180px;

height: auto;

float: left;

}



#contactus_address a

{

text-decoration: none;

color: #005A98;

}



#contactus_address a:hover

{

text-decoration: underline;

color: #005A98;

}



#contactus_map

{

width: 360px;

height: 399px;

float: left;

}



#contactus_disc

{

font-size: 10px;

}





/* ---------------------- Nav ------------------- */

#navigation

{

width: 194px;

height: 400px;

float: left;

}



#nav, #nav ul { /* all lists */

		padding: 0;

		margin: 0;

		list-style: none;

		float : left;

		width : 11em;

		text-align: left;

	}

	

	#nav li { /* all list items */

		position : relative;

		float : left;

		margin-bottom : -1px;

		width: 160px;

	}

	

	#nav li ul { /* second-level lists */

		position : absolute;

		left: -999em;

		margin-left : 194px;

		margin-top : -25px;

		background-color: #9C0E07; 

	}



#nav li ul a { /* second-level lists */

		

		background-color: #005A98; 

	}

	

	#nav li ul ul { /* third-and-above-level lists */

		left: -999em;

	}



	#nav li ul ul a { /* third-and-above-level lists */

		background-color: #CB4B4D;

	}

	

/* first level list */	

	#nav li a {

		width: 184px;

		display : block;

		color : white;

		font-weight : bold;

		text-decoration : none;

		background: #005A98; /* IE6 Bug*/

		border-left: 1px solid #ffffff;

		border-top: 1px solid #ffffff;

		border-bottom: 1px solid #ffffff;

		text-align: center;

		padding: 4px;

			}

	

	#nav li a:hover {

		color : white;

		background-color :#8799AB; 

	}

	

	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

		left: -999em;

	}

	

	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */

		left: auto;

	}



/* ------------------------- end of nav --------------- */



.footer_seperator {

color:#2FBFDC;

font-size:11px;

}



#footer {

	width:780px;

	height:25px;

	margin-top: 0;

	margin-bottom: 0;

	margin-left: auto;

	margin-right: auto;

	}

#footer p {

	padding: 0 2px 0 2px;

	clear:both;

	margin-top: 5px;

	margin-bottom: 0;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-decoration: none;

	color:#333333;

	text-align: center;

	}

#footer a:link, #footer a:visited, #footer a:active {

	color:#333333;

	margin-top: 5px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	}

#footer a:hover {

	color:#005A98;	

	text-decoration: none;

	}