/* styles for znth template */
/* Style:      Quiss   */
/* (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:		Arial, Verdana, Sans-serif;
	font-size:			80%;
	color:				#111;
}
#page_frame {
	width:				781px;
	margin:				20px auto;
	background-color:	#fff;
}
a {
	text-decoration:	none;
	color:				#222;
	padding:			1px 2px;
}
ul li {
	list-style-image:	url(images/bullet_point.gif);
}

h4 {
	display:inline;
}


/* --------------- logo block ------ */
#masthead {
	height:130px;
	width:781px;
	padding:5px 0;
	border-top:1px solid black;
	border-bottom:1px solid black;
	margin:5px 0;
	text-align:center;
	clear:both;
}
#homemasthead {
	height:155px;
	width:781px;
	padding:5px 0;
	border-top:1px solid black;
	border-bottom:1px solid black;
	margin:5px 0;
	text-align:center;
	clear:both;
}
#masthead h1,#homemasthead h1 {
	display:none;
}
#masthead img,#homemasthead img {
	margin:0 auto;
}

/* --------------- navigations ------ */
#navigation {
	margin:0;
	padding:0;
}
#navigation ul {
	margin:					10px 0 5px 10px;
	padding:				0;
}
#navigation li {
	list-style:				none;
	display:				inline;
}
#navigation li a {
	height:20px;
	border-left:1px solid #7183a8;
	padding-left:5px;
	color: #7183a8;
	font-size:105%;
	font-weight:800;
}
.homelink {
	border-left:0 !important;
}

#navigation li a:hover {
	
}

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

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

/* ----- top nav ----- */
#topnavigation ul {
	margin:				7px 0 0 6px;
	padding:			0;
	width:				300px;
	float:				left;
}
#topnavigation li {
	list-style:none;
	display:inline;
}
#topnavigation li a {
	color:#555;
	border-left: 1px solid #555;
	padding-left:5px;
}


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

#home_main_content {
	background:				transparent url(images/home_page_bottom.png) no-repeat bottom left;
	border-top:1px solid #7183a8;
	width:752px;
	margin:10px auto 5px auto;
}

#home_main_content h2 {
	color:#c41e3a;
	margin:10px 0;
	font-size:200%;
}
#home_main_content p {
	color:			#526384;

	margin:			0;
	padding:		0;
}
#home_main_content .col_a {
	float:left;
	width:354px;
	border-left:1px solid #7183a8;
	padding-left:10px;
	padding-right:10px;
	clear:left;
	color:			#000000/*#526384*/;
}
#home_main_content #col_b {
	float:			right;
	width:			350px;
	padding:		0 12px 14px 13px;
	border-right:	1px solid #7183a8;
	border-left:	1px solid #7183a8;
	color:			#000000/*#526384*/;
}

* html #home_main_content #col_b {
	padding:		0 12px 2px 13px;
}

#home_news {
	margin:			5px 15px 0 15px;
}
#news_head {
	border-bottom:1px solid #7183a8;
}
#news_head h3 {
	color:#7183a8;
	margin:0;
	display:block;
	font-size:110%;
	padding-left:4px;
	font-weight:normal;
	background:transparent url(images/news_bg.gif) no-repeat top left;
}

.newsitem {
	width:137px;
	background:#7183a8;
	padding:5px;
	midn-height:120px;
	float:left;
	margin:3px 3px 0 0;
}
.newsitem h4 {
	font-size:100%;
	margin:0 0 2px 0;
	padding:0;
}
.newsitem p {
	margin:0;
	padding:0;
	color:#fff !important;
}
.newsitem a {
	color:#fff;
	font-size:100%;
	font-weight:normal;
	text-decoration:underline;
	margin:0;
	padding:0;
}


#main_content {
	padding:				0 0 0 14px;
	position:				relative;
	line-height:			110%;
}
#main_content h1 {
	margin:					0;
	padding:				5px 10px;
	font-size:				1.8em;
}
#main_content ul li {
	margin:					3px 0;
	
}
#content_container {
	padding:				10px 10px 10px 0;
	width:					410px;
	float:					left;
	font-size:				110%;
}
#content_container p {
	padding: 5px 10px;
	margin:0px;
}

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

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

#content_clear {
	clear:					both;
}
#map_page_wrapper {
	margin:					0 175px 0 0;
}
/* -------------------- footer */

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

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

#nav_column {
	width: 				150px;
	float:				left;
	background: 		transparent url(images/nav_bg.gif) repeat-y top left;
	margin:				0;
	padding:			0;
}
* html #nav_column {
	margin-top:			5px;
	padding:			0;
	padding-bottom: 		-3px;
	height:				10px;
}
#nav_column h2 {
	margin:0;
	padding:10px 0 10px 10px;
	color:#c41e3a;
	font-weight:bold;
	background: transparent url(images/nav_top.gif) no-repeat top left;
	font-size:130%;
}
#nav_column ul {
	margin:0;
	padding:0 0 50px 0;
	font-size:90%;
	background: transparent url(images/nav_bottom.gif) no-repeat bottom left;
}

#nav_column ul li ul {
	background:none;
	padding:0;
	margin:0;
}
#nav_column li ul li a {
	padding-left:20px;
}
#nav_column ul li ul li a:hover, #nav_column ul li ul li a.currentpage {
	background:none;
	color:#c41e3a;
}

#nav_column li {	
	margin:0;
	padding:0;
	width:150px;
	display:relative;
	list-style-image:none;
	list-style:none;
}

#nav_column li a{
	color:#7183a8;
	padding:3px 0 3px 10px;
	display:block;
	margin-bottom:5px;
	font-size:110%;
	font-weight:bold;
}
#nav_column li a:hover, #nav_column li a.currentpage, #nav_column li a.parentpage {
	background-color: #c41e3a;
	color:#fff;
}


#sub_content_container {
	margin:						10px 0 0 155px;
	width: 						590px;
	padding-left:				10px;
}
#sub_content_container h4 {
	display:inline;
}


#full_content_container {	
	width:						790px;
	margin:						0;
	padding:					0;
} 	

#sub_content_container h2, #full_content_container h2 {
	color:						#555;
	margin:						0;
	padding:					10px 0 0 0;
	font-size:					1.4em;

}
#sub_content_container h1, #full_content_container h1 {
	margin:0;
	padding:0;
}

#attachmentbox {
	width:170px;
	float:right;
	padding:0;
	margin:10px 0 10px 10px;
	border:1px solid #ccc;
}

#attachmentbox h4 {
	padding-left:10px;
	color:#c41e3a;
	font-size:100%;
	font-weight:bold;
	margin:1px 0;
}
#attachmentbox ul {margin:0;padding:0;}
#attachmentbox li {margin:0;padding:1px 6px;list-style-image:none !important;list-style-position:outside !important;list-style-type:none !important;}
#attachmentbox a {display:block;padding:8px 8px 8px 30px;background:url(images/pdf_icon.gif) no-repeat left center;}

/* --- contact form ---- */
#contactform input {
	margin:0;
	padding:0;
}
#contactform table tr td input,#contactform table tr td textarea {
	border:1px solid #555;
	padding:3px 3px;
	font-family:		Arial, Verdana, Sans-serif;
	font-size:	100%;
}

#airbag {
	/*border:2px solid white;*/
}

#half-column_1 {
		margin:				10px 10px 0 0;
		float:left;
		width:250px;
}
#half-column_2 {
		float:left;
		width:250px;
}

.rightimage {
	clear:right;
	float:right;
	width:170px;
	text-align:center;
}
.rightimage img {
	border:0;
	margin:3px auto;
}

#morecontent {
	heisght:				1%;
	width:				400px;
}
#morecontent table {
	width:			400px !important;
	display:		block !important;
	border:			1px solid #555;
}
#more_link {
	border-bottom:1px solid #7183a8;
	width:145px;
	margin:0 0 10px 0;
	padding:0;
}
#more_link h3 {
	color:#7183a8;
	margin:0;
	display:block;
	font-size:100%;
	padding-left:4px;
	font-weight:normal;
	background:transparent url(images/news_bg.gif) no-repeat top left;
}
/* generic tables before special matrix table  */
table {
	margin-bottom:		5px;
}
table td {
	padding:			5px;
}
table.matrix {
	border:				0;
}
table.matrix td {
	border-bottom:		1px solid #888;
	padding:			3px;
}
table.matrix td a {
	color:				#333;
}
table.matrix td a:hover {
	text-decoration:	none;
}

/* colored spans */
span.quiss_red {
	color:		#c41e3a;	
}
span.quiss_blue {
	color:		#7183a8;
}
span.quiss_grey {
	color:		#555;
}
span.q_table_hl {
	background-color:#c41e3a;
	color:		#fff;
}

h1, .quiss_blue {
	color:			#526384;
}
.quiss_red, .q_table_hl { 
	color:			#c41e3a;
}
.quiss_grey {
	color:			#555;
}