/*------------------------------------------------------------
SHILLING - Content Style Sheet
 
version:			3.0
compatibility:		IEv7, IEv6, FIREFOXv3, FIREFOXv2, CHROMEv1
 
author:				Tony Taylor
email:				tony@shilling.co.uk
copyright:			2009 Shilling Communication
 
TO DO LIST
 
------------------------------------------------------------*/

/*#############################################################
#
#	CONTENT
#
#############################################################*/

#content {
	background-color: #f4ebfb;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	width: 980px;
	border-top: 5px #662d91 solid;
}

.full_view #content {
	padding: 20px;
	width: 940px;
	background-color: #f4ebfb;
	background-image: none;
}

.search #content, .sitemap #content {
	background-color: #f4ebfb;
}

.homepage #content {
	background: #f4ebfb url('images/home_content_back.gif') no-repeat;
	border-top: 0;
	min-height: 694px;
	height: auto !important;
	height: 694px;
}

	#preamble {
		height: 170px;
	}
	
		#preamble h2 {
			display: block;
			width: 600px;
			height: 62px;
			text-indent: -10000px;
			background: transparent url('images/home_title.gif') no-repeat;
			position: relative;
			top: 15px;
			left: 20px;
		}
		
		#preamble p {
			font-size: 1.6em;
			color: #FFF;
			line-height: 22px;
			padding: 10px 90px 0 20px;
		}
		
	#col1 {
		width: 220px;
		float: left;
		padding-top: 48px;
		line-height: 1;
	}
	
	#col1 ul {
		padding: 0 0 0 10px;
		margin: 0;
		width: 180px;
		display: block;
		line-height: 1;
	}
	
		#col1 ul li {
			padding: 0;
			margin: 0 0 5px 0;
			list-style: none;
		}
		
		* html #col1 ul li {
			margin-bottom: 0;
		}
		
			#col1 ul li a {
				line-height: 1;
			}
		
			#col1 ul li a:link, #col1 ul li a:visited {
				color: #000;
				text-decoration: none;
				font-size: 1.4em;
				display: block;
				padding: 4px 0;
			}
			
			#col1 ul li a:hover, #col1 ul li a:active {
				color: #662d91;
				text-decoration: none;
			}
			
			#col1 ul li ul {
				padding-top: 10px;
				line-height: 1;
				padding-bottom: 1px;
			}
			
			#col1 ul li ul li {
				padding: 3px 0 3px 10px;
				line-height: 1;
			}
			
			#col1 ul li ul li a:link, #col1 ul li ul li a:visited {
				font-size: 1.2em;
				padding: 0 0 0 10px;
				min-height: 10px;
				height: auto !important;
				height: 10px;
				line-height: 1;
			}
			
			#col1 ul li ul li a:hover, #col1 ul li ul li a:active {
				text-decoration: none;
			}
			
			#col1 ul li ul li ul {
				padding-top: 5px;
			}
			
			#col1 ul li ul li ul li {
				padding: 3px 0 3px 20px;
			}
			
			#col1 ul li a.level_2_current {
				color: #662d91;
				background: transparent url('images/lf_bullet_hover.gif') 0 6px no-repeat;
				padding-left: 18px !important;
			}
			
			#col1 ul li a.level_3_current, #col1 ul li a.level_4_current {
				color: #662d91;
				background: transparent url('images/lf_bullet_hover.gif') 0 6px no-repeat;
			}
			
			#col1 ul li ul li a.level_3_current {
				background: none;
			}
	
	#col2 {
		width: 490px;
		float: left;
		min-height: 100px;
		height: auto !important;
		height: 100px;
		padding: 23px 30px 20px 20px;
		font-size: 1.2em;
	}
	
	
	.homepage #col2, .search #col2, .sitemap #col2 {
		width: 550px;
		float: left;
		min-height: 100px;
		height: auto !important;
		height: 100px;
		padding: 0 30px 20px 20px;
	}
	
	#col2 h2.page_title {
		width: 490px;
		border-bottom: 1px #662d91 double;
		line-height: 10px;
		margin-bottom: 20px;
		color: #662d91;
	}
	
		#col2 h1, #col2 h2, #col2 h3, #col2 h4, #col2 h5, #col2 h6 {
			font-style: normal;
			font-weight: bold;
		}
	
		#col2 h1 {
			font-size: 2em;
			padding: 10px 0 10px 0;
		}
		
		#col2 h2 {
			font-size: 1.6em;
			padding: 10px 0 8px 0;
		}
		
		#col2 h3 {
			font-size: 1.2em;
			padding: 8px 0 8px 0;
		}
		
		#col2 h4 {
			font-size: 1em;
			padding: 8px 0 6px 0;
		}
		
		#col2 h5 {
			font-size: 1em;
			padding: 6px 0 4px 0;
		}
		
		#col2 h6 {
			font-size: 1em;
			padding: 4px 0 4px 0;
		}
						
		#col2 p {
			padding: 0 0 10px 0;
			line-height: 1.4em;
			font-size: 1em;
		}
		
		#col2 strong {
			font-weight: bold;
			line-height: inherit;
		}
		
		#col2 p strong, #col2 p span, #col2 p em {
			font-size: 1em;
			line-height: 1.4em;
		}
		
		#col2 em {
			font-style: italic;
			line-height: inherit;
		}
		
		#col2 strong em, #col2 strong em {
			font-weight: bold;
			font-style: italic;
			line-height: inherit;
		}
		
		#col2 a:link, #col2 a:visited {
			color: #662d91;
			text-decoration: underline;
			line-height: inherit;
		}
		
		#col2 a:hover, #col2 a:active {
			color: #7a8bc2;
			text-decoration: underline;
			line-height: inherit;
		}
		
		#col2 ul {
			margin: 8px 20px 10px 20px;
		}
		
		#col2 ol {
			margin: 8px 20px 10px 25px;
		}
		
			#content #col2 ul li {
				padding: 3px 0 5px 0;
				list-style: circle;
				color: #444;
				font-size: 1em;
				line-height: 1.4em;
			}
			
			#content #col2 ul li span, #content #col2 ol li span {
				font-size: 1em;
			}
			
			#content #col2 ol li {
				padding: 3px 0 5px 0;
				list-style: decimal;
				color: #444;
				font-size: 1em;
				line-height: 1.4em;
			}
		
		#col2 table {
			border: 1px #000 solid;
			border-collapse: collapse;
			width: 100%;
			margin: 10px 0 10px 0;
		}
		
			#col2 table p {
				padding: 0;
				font-size: inherit;
			}
		
			#col2 table th {
				font-weight: bold;
				border: 1px #000 solid;
				background-color: #662d91;
				color: #fff;
				padding: 4px 5px 5px 5px;
				line-height: 1.4em;
				font-size: 1em;
			}
			
			#col2 table th.th_uploaded, #col2 table td.th_uploaded {
				width: 75px;
			}
			
			#col2 table td.th_uploaded {
				text-align: center;
			}
			
			#col2 img.doc_download {
				margin-bottom: 10px;
				float: left;
			}
			
			#col2 table tr:hover {
				background-color: #c7b6d8;
			}
			
			#col2 table td {
				border: 1px #000 solid;
				padding: 4px 5px 5px 5px;
				line-height: 1.4em;
				font-size: 1em;
			}
		
		#col2 hr {
			background-color: #000;
			height: 1px;
		}
		
			#col2 #downloads p {
				padding: 0;
			}
		
		#col2 #breadcrumbs {
			border-top: 1px #662d91 solid;
			padding-top: 10px;
			text-align: right;
			font-size: 1em;
		}
		
			#col2 #breadcrumbs a {
				font-size: 1em;
			}
		
		#col2 #faq_instructions {
			margin-top: 20px;
		}
		
			#col2 #faq_instructions h4 {
				padding: 0 0 4px 0;
			}
			
/*-----FORMS-----*/
				
		#col2 form {
			padding-top: 10px;
			font-size: 1em;
		}
	
		#col2 form fieldset {
			border: 1px #662d91 solid;
			padding: 20px 20px 10px 20px;
			background-color: transparent;
		}
		
		#col2 form legend {
			display: block;
			padding: 2px 10px 3px 10px;
			font-weight: bold;
			border: 1px #662d91 solid;
			margin-bottom: 5px;
			background-color: transparent;
		}
		
		* html #col2 form legend {
			width: 100px;
			margin-bottom: 10px;
		}
		
		*:first-child+html #col2 form legend {
			width: 100px;
			margin-bottom: 10px;
		}
		
		#col2 form label {
			padding: 3px 5px 3px 3px;
			float: left;
			width: 100px;
			text-align: right;
		}
		
		#col2 form label.wide {
			width: 200px;
		}
		
		#col2 form input {
			display: block;
			border: 1px #000 solid;
			background-color: #FFF;
			height: 17px;
			color: #333;
			padding-left: 2px;
			margin-bottom: 5px;
			line-height: 15px;
		}
		
		* html #col2 form input {
			height: 19px;
			line-height: 17px;
			font-size: 1em;
		}
		
		*:first-child+html #col2 form input {
			height: 19px;
			line-height: 17px;
			font-size: 1em;
		}
		
		#col2 form input.text_small {
			width: 60px;
			font-size: 1em;
		}
		
		#col2 form input.text_medium {
			width: 100px;
			font-size: 1em;
		}
		
		#col2 form input.text_large {
			width: 160px;
			font-size: 1em;
		}
		
		#col2 form input.hidden {
			display: none;
		}
		
		#col2 form input.checkbox {
			border: none;
			float: left;
		}
		
		#col2 form select {
			display: block;
			border: 1px #000 solid;
			background-color: #FFF;
			height: 19px;
			color: #333;
			padding-left: 2px;
			margin-bottom: 10px;
			font-size: 1em;
		}
		
		#col2 form input.submit, #col2 form input.submit2 {
			background-color: #662d91;
			color: #ffffff;
			font-weight: bold;
			text-align: center;
			width: 70px;
			height: 24px;
			border: 1px #000 solid;
			margin-left: 108px;
			margin-bottom: 0;
			margin-top: 10px;
			font-size: 1em;
			line-height: 21px;
		}
		
		#col2 form input.submit2 {
			margin: 0;
			font-size: 1em;
		}
		
	#col2 div.error {
		border: 1px #662d91 solid;
		border-top: none;
		padding: 10px;
		position: relative;
		top: -2px;
		background-color: #f4ebfb;
	}
	
		#col2 div.error p {
			padding: 0;
			color: #F00;
			font-weight: bold;
		}
	
	#col2 p.error {
		border: 1px #662d91 solid;
		border-top: none;
		padding: 10px;
		position: relative;
		top: -2px;
		background-color: #f4ebfb;
	}
	
	#col2 p.success {
		padding: 0;
		color: #090;
		font-weight: bold;
		border: 1px #662d91 solid;
		border-top: none;
		padding: 10px;
		position: relative;
		top: -2px;
		background-color: #f4ebfb;
	}
	
		#col2 div.error ul {
			padding: 0;
			margin: 10px 0 0 30px;
		}
	
	#col2 div.result {
		border-bottom: 1px #999 dotted;
		padding: 10px;
		margin-bottom: 10px;
	}
	
		#col2 div.result p {
			padding: 0;
		}
		
	#news_col {
		width: 220px;
		float: left;
		min-height: 100px;
		height: auto !important;
		height: 100px;
	}
	
	.homepage #news_col, .search #news_col, .sitemap #news_col {
		width: 380px;
	}
	
		#news {
			background: transparent url('images/news_back.gif') no-repeat;
			height: 230px;
			margin-top: 40px;
			margin-bottom: 50px;
		}
		
		.homepage #news, .search #news, .sitemap #news {
			background: transparent url('images/home_news_back.gif') no-repeat;
			margin-top: 60px;
			height: 280px;
			margin-bottom: 0;
		}
		
			#news h3 {
				width: 118px;
				height: 47px;
				background: transparent url('images/news_title.gif') no-repeat;
				text-indent: -10000px;
				position: relative;
				top: -38px;
				left: 10px;
			}
		
			.homepage #news h3, .search #news h3, .sitemap #news h3 {
				width: 118px;
				height: 47px;
				background: transparent url('images/news_title.gif') no-repeat;
				top: -38px;
				left: 10px;
			}
				
				#news a.news_article {
					display: block;
					width: 150px;
					padding: 10px;
					border: 1px #662d91 solid;
					border-bottom: 1px #FFF solid;
					margin-left: 25px;
					margin-bottom: 4px;
					text-decoration: none;
					position: relative;
					top: -25px;
				}
		
				.homepage #news a.news_article, .search #news a.news_article, .sitemap #news a.news_article {
					width: 307px;
					margin-left: 30px;
					position: relative;
					top: -25px;
				}
				
				#news a:hover {
					border: 1px #FFF solid;
					background-color: #6f3b94;
				}
				
				#news a.news_article span.news_title {
					font-weight: bold;
					font-size: 13px;
					color: #fff;
				}
				
				#news a.news_article span.news_description {
					font-size: 12px;
					color: #fff;
					line-height: 13px;
				}
				
				a.more_news:link, a.more_news:visited {
					border: none;
					float: right;
					position: relative;
					top: -25px;
					left: -25px;
					color: #FFF;
				}
				
				.homepage #news a.more_news, .search #news a.more_news, .sitemap #news a.more_news {
					top: -15px;
					left: -22px;
				}
				
				.homepage #news a.more_news, .search #news a.more_news, .sitemap #news a.more_news {
					font-size: 11px;
				}
				
				a.more_news:hover {
					border: none !important;
					background: transparent !important;
					text-decoration: underline;
					color: #999;
				}
			
			#quicklinks {
				background: transparent url('images/quicklinks_back.gif') no-repeat;
				height: 180px;
			}
			
			.homepage #quicklinks, .sitemap #quicklinks, .search #quicklinks {
				margin-bottom: 50px;
				background: transparent url('images/homepage_quicklinks_background.gif') no-repeat;
				height: 300px;
			}
			
				#quicklinks h3 {
					background: transparent url('images/quicklinks_title.gif') no-repeat;
					display: block;
					height: 47px;
					width: 150px;
					padding: 10px 0 0 45px;
					text-indent: -10000px;
					position: relative;
					top: -38px;
					left: 10px;
				}
								
					#quicklinks h3 span {
						background-color: #FFF;
						padding: 0 3px;
						line-height: 20px;
						font-weight: bold;
					}
				
				#quicklinks ul {
					padding: 0 10px 0 25px;
					position: relative;
					top: -26px;
				}
				
					#quicklinks ul li {
						padding: 0 0 0 30px;
						display: block;
						height: 26px;
						width: 140px;
						background: transparent url('images/qk_bullet.gif') left top no-repeat;
						list-style: none;
						line-height: 20px;
						font-size: 12px;
					}
					
					.homepage #quicklinks ul li, .search #quicklinks ul li, .sitemap #quicklinks ul li {
						width: 240px;
						font-size: 13px;
					}
					
					* html #quicklinks ul li a {
						line-height: 20px;
					}
					
					*:first-child+html ul li a {
						line-height: 20px;
					}
					
						#quicklinks ul li a:link, #quicklinks ul li a:visited {
							color: #FFF;
							text-decoration: none;
						}
						
						#quicklinks ul li a:hover, #quicklinks ul li a:active {
							color: #FFF;
							text-decoration: underline;
						}
			
		#top_news {
			background: transparent url('images/news_back.gif') no-repeat;
			margin-top: 40px;
			margin-bottom: 50px;
			height: 20px;
		}
		
		* html #top_news {
			margin-bottom: 25px;
		}
		
		#top_news2 {
			background: transparent url('images/news_back.gif') no-repeat;
			margin-top: 40px;
			margin-bottom: 50px;
			height: 20px;
		}
		
		#bot_news {
			background: transparent url('images/news_back.gif') bottom no-repeat;
			margin-bottom: 50px;
			height: 20px;
			position: relative;
			top: -50px;
		}
		
		* html #bot_news {
			top: -60px;
		}
		
		*:first-child+html #bot_news {
			top: -60px;
		}
		
			#top_news h3 {
				width: 118px;
				height: 47px;
				background: transparent url('images/news_title.gif') no-repeat;
				text-indent: -10000px;
				position: relative;
				top: -38px;
				left: 10px;
			}
			
			#top_news2 h3 {
				width: 118px;
				height: 47px;
				background: transparent url('images/faq_title.gif') no-repeat;
				text-indent: -10000px;
				position: relative;
				top: -38px;
				left: 10px;
			}
			
				#mid_news {
					background: transparent url('images/mid_news_back.gif') repeat-y;
					position: relative;
					top: -50px;
					padding-bottom: 10px;
				}
				
				#mid_news a.news_article {
					display: block;
					width: 150px;
					padding: 10px;
					border: 1px #662d91 solid;
					border-bottom: 1px #FFF solid;
					margin-left: 25px;
					margin-bottom: 10px;
					text-decoration: none;
				}
				
				#mid_news a:hover {
					border: 1px #FFF solid;
					background-color: #6f3b94;
				}
				
				#mid_news a.news_article span.news_title {
					font-weight: bold;
					font-size: 12px;
					color: #fff;
				}
				
				#mid_news a.news_article span.news_description {
					font-size: 11px;
					color: #fff;
					line-height: 13px;
				}
				
				#mid_news ul {
					padding: 0 10px 0 25px;
				}
				
					#mid_news ul li {
						padding: 5px 0 0 30px;
						display: block;
						min-height: 26px; /* for modern browsers */
						height: auto !important; /* for modern browsers */
						height: 26px; /* for IE5.x and IE6 */
						width: 140px;
						background: transparent url('images/qk_bullet.gif') left top no-repeat;
						list-style: none;
						line-height: 12px;
						font-size: 11px;
					}
					
						#mid_news ul li a:link, #mid_news ul li a:visited {
							color: #FFF;
							text-decoration: none;
							border: none;
						}
						
						#mid_news ul li a:hover, #mid_news ul li a:active {
							color: #FFF;
							text-decoration: underline;
							border: none;
							background-color: transparent;
						}