/* styles for znth template */
/* Style:      Freshfields   */
/* (c) BDA 2006 bda.co.uk   */

/* About position: relative additions: 
** These are to make Win IE sit down and
** behave.  Without them, and we shouldn't
** really need them, we'll get the "peekaboo bug"
*/


/* -------------------  site wide styles ------------------- */
body {
	margin:				0;
	padding:			0;
	
	background-color:	#fff;
	
	font-family:		"times new roman",serif;
	font-size:			90%;
	color:				#111;
}
#page_frame {
	width:				800px;
	margin:				20px auto;
	background-color:	#fff;
}
a {
	text-decoration:	none;
	color:				#222;
	padding:			1px 2px;
}


/* --------------- logo block ------ */
#masthead {
	height:60px;
	width:800px;
	background: transparent url(images/ff_masthead.gif) no-repeat top left;
}
#masthead h1 {
	display:none;
}

/* --------------- navigations ------ */
#navigation ul {
	margin:10px 0;
	padding:0;
}
#navigation li {
	list-style:none;
	display:inline;
}
#navigation li a {
	height:20px;
	border-left:1px solid green;
	padding-left:5px;
}
.homelink {
	border-left:0 !important;
}

#navigation li a:hover {
	background: transparent url(images/nav_highlight.gif) repeat-y top center;
}

/* --------- crumbtrail et al ------- */
#breadcrumbs {
		padding:			10px 0 3px 5px;
		margin:				0 0 0 5px;
		width:550px;
		float:left;
}

#site_search {
		padding:			2px;
		width:200px;
		float:right;
}
#site_search form {
		padding:			0;
		margin:				0;
}
#site_search label {
		color:				#000;
		font-weight:		bold;
		padding:			5px;
}
#site_search input {
		width:				100px;
		border:				1px solid #999;
}
#site_search input.button {
		width:				25px;
		background-color:	#000;
		color:				#fff;
		border:				0;
		font-size:			bold;
}


/*  ---------------- proper content ---------------------------- */

#main_content {
	padding:				0 0 0 0;
	position:				relative;
}
#main_content h1 {
	margin:					0;
	padding:				0 10px 5px 0;
	font-size:				1.8em;
}
#content_container {
	padding:				5px 15px 10px 10px;
	width:					405px;
	float:					left;
	font-size:				110%;
}
#content_container p {
	padding: 				0;
	margin:					0;
}

#column_a {
	float:left;
	width:180px;
}

#column_b {
	float:left;
	width:172px;
}
#column_b img {
	border:0;
}

#content_clear {
	clear:					both;
}

/* -------------------- footer */

#footer {
	margin:10px auto;
	padding-bottom:10px;
	width:800px;
	font-size:80%;
}
#footer_left {
	float:left;
}
#footer_right {
	float:right;
}

/* -------------------- nav column */

#nav_column {
	width: 130px;
	border-right: 1px solid green;
	float:left;
}
#nav_column h2 {
	margin:				0 0 10px 0;
	padding:			0;
}
#nav_column ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:90%;
}
#nav_column li {	
	margin-bottom:10px;
}
#nav_column li a:hover {
	background: transparent url(images/nav_highlight.gif) repeat-y top center;
}

#sub_content_container {
	margin:				0 0 0 135px;
	padding-left:		10px;
}
#sub_content_container h2 {
	padding:			0;
	margin:				0 0 10px 0;
}
.rightimage {
	width:117px;
	float:right;
	clear:right;
	padding:0;
	margin-top:10px;
	margin-left:10px;
}
#sub_content_container>.rightimage {
	margin-right:60px;
}
.rightimage img {
	border:1px solid #ccc;
	padding:0;
	margin:0;
}
.rightimage a {
	margin:0;
	padding:0;
}