/*------------------------------------------------------------
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 {
	min-height: 100px;
	height: auto !important;
	height: 100px;
	width: 980px;
	margin: 20px 0;
}

.logout #content, .login #content {
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

/* GENERIC STYLES */
#content {
	color: #333;
}

#content h1, #content h2, #content h3, #content h4 {
	font-weight: normal;
}

#content h1 {
	font-size: 36px;
	line-height: 38px;
}

#content h2 {
	font-size: 24px;
	line-height: 26px;
}
	
#content h3 {
	font-size: 18px;
	line-height: 20px;
}
	
#content h4 {
	font-size: 14px;
	line-height: 16px;
}

#content h5 {
	font-size: 12px;
	line-height: 14px;
}

#content h6 {
	font-size: 1113px;
}

#content p {
	font-size: 12px;
	padding: 0 0 20px 0;
	line-height: 19px;
}

#content ul, 
#content ol {
	padding: 0 30px 10px 30px;
}

	#content ul li, 
	#content ol li {
		line-height: 18px;
		padding-bottom: 10px;
		padding-left: 5px;
		font-size: 12px;
	}
	
		#content ul li {
			list-style-type: square;
		}
		
		#content ul li ul li, #content ol li ol li {
			padding-top: 5px;
		}
		
			#content ul li span {
				display: inline-block;
			}
			
				#content ul li span strong {
					display: block;
					line-height: 16px;	
				}

#content a {
	font-size: inherit;
	line-height: inherit;
}
	
	#content a:link, #content a:visited {
		color: #333333;
		text-decoration: underline;
	}
		
	#content a:active, #content a:hover {
		color: #000000;
	}
	
	#content #col2 a:active, #content #col2 a:hover {
		color: #000000;
	}
	
#content form {
	padding: 0 0 20px 0;
}

	#content form.login_form {
		width: 390px;
	}
	
	#content form.logout_form {
		width: 490px;
	}

	#content fieldset {
		margin: 0 auto;
		padding: 10px 10px 10px 10px;
	}
	
		#content a.help {
			display: block;
			float: left;
			padding: 2px 10px 0 0; 
		}
	
		#content legend {
			font-size: 1.4em;
			font-weight: bold;
			line-height: 1.8em;
			margin: 10px 0 10px 0;
			padding: 0 10px 0 10px;
		}
		
		#content label {
			display: block;
			float: left;
			font-size: 1.4em;
			font-weight: bold;
			line-height: 1.6em;
			margin: 0 0 10px 0;
			width: 145px;
			text-align: right;
			padding: 0 5px 0 0;
		}
		
		.logout #content label.logout_continue {
			font-size: 1.2em;
			padding-left: 10px;
			width: 230px;
		}
		
		.login #content label.login_remember {
			text-align: left;
			position: relative;
			left: -7px;
			top: -1px;
		}
		
			#content label.label_small {
				width: 50px;
			}
			
			#content label.label_large {
				width: 200px;
			}
		
		#content input {
			float: left;
			font-size: 1.4em;
			line-height: 1.6em;
			margin: 0 10px 10px 0;
		}
		
			#content input.text {
				border: 1px solid #999999;
				padding: 2px 2px 2px 2px;
				width: 125px;
			}
			
				#content input.text:focus {
					border: 1px dotted #999999;
				}
			
				#content input.text_small {
					width: 50px;
				}
				
				#content input.text_large {
					width: 200px;
				}
			
			#content input.radio {
				height: 16px;
				position: relative;
				top: 6px;
				width: 18px;
			}
			
			#content input.checkbox {
				height: 16px;
				position: relative;
				top: 3px;
				width: 18px;
			}
			
			#content input.file {
				border: 1px solid #999999;
				padding: 2px 2px 2px 2px;
			}
			
			#content input.submit {
				background: #E9E9E9;
				border: 2px outset #E9E9E9;
				float: right;
				line-height: 1.0em;
				margin: 0 0 10px 0;
				padding: 0 !important;
				text-align: center;
				width: 75px;
			}
			
			.logout #content input.submit, .login #content input.submit {
				border: none;
				color: #FFF;
				font-weight: bold;
				padding: 3px 6px !important;
				margin-right: 5px;
				width: 90px;
				cursor: pointer;
			}
			
			.login #content input.submit {
				margin: 0;
			}
			
			.logout #content input.submit:hover, .login #content input.submit:hover  {
				background-color: #666;
			}
			
			#content form.login_form input.submit {
				position: relative;
				left: -12px;
			}
			
				#content input.submit_small {
					width: 50px;
				}
				
				#content input.submit_large {
					width: 200px;
				}
			
			#content input.reset {
				background: #E9E9E9;
				border: 2px outset #E9E9E9;
				float: right;
				padding: 0 !important;
				text-align: center;
				width: 75px;
			}
		
		#content select {
			border: 1px solid #999999;
			float: left;
			font-size: 1.4em;
			line-height: 1.6em;
			margin: 0 10px 10px 0;
			padding: 2px 2px 2px 2px;
			width: 125px;
		}
		
			#content select.select_small {
				width: 50px;
			}
			
			#content select.select_large {
				width: 200px;
			}
		
		#content textarea {
			border: 1px solid #999999;
			float: left;
			font-size: 1.4em;
			height: 100px;
			line-height: 1.6em;
			margin: 0 10px 10px 0;
			padding: 2px 2px 2px 2px;
			width: 250px;
		}
		
			#content textarea:focus {
				border: 1px dotted #999999;
			}
			
			#content textarea.textarea_large {
				width: 390px;
			}
	
		#content br {
			clear: both;	
		}

#content table {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	margin-bottom: 20px;
	width: 99%;
}

	#content caption {
		display: none;
	}
	
	#content th {
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		padding: 3px 3px 3px 3px;
		text-align: center;
	}
	
	#content td {
		border-bottom: 1px solid #000000;
		border-right: 1px solid #000000;
		color: #000000;
		font-size: 12px;
		line-height: 1.6em;
		padding: 3px 3px 3px 3px;
		text-align: left;
	}
	
	#content th.file {
		text-align: left;
	}
	
	#content td.doc {
		line-height: 20px;
	}
	
	#content td.file_size {
		text-align: center;
		width: 70px;
		line-height: 20px;
	}
	
	#content td.mod {
		width: 110px;
		text-align: center;
		line-height: 20px;
	}
	
	#content td.link {
		width: 100px;
		text-align: center;
		padding: 0;
	}
	
	#content td.link a {
		display: block;
		padding: 4px 3px 4px 5px;
		text-align: center;
	}
	
	#content td.link a:hover {
		color: #FFF;
	}

#content table.no_border {
	border: 0;
}
	
	#content table.no_border tr:hover {
		background: none;
	}
	
	#content table.no_border th {
		border: 0;
		padding: 3px 3px 3px 3px;
	}
	
	#content table.no_border td {
		border: 0;
		padding: 3px 3px 15px 3px;
	}

		#content table.no_border td a {
			font-weight: bold;
		}

/* --------------- STANDARD ------------- */

	#col1 {
		min-height: 390px;
		height: auto !important;
		height: 390px;
		width: 340px;
		padding: 0;
		float: left;
		margin: 10px 0 0 0;
		position: relative;
	}
	
		#nav2 {
			padding: 20px 0 20px 0;
		}
		
			#content #nav2 ul {
				left: 25px;
				padding: 0;
				position: relative;
				width: 325px;
			}
			
			#content #nav2 ul ul {
				width: 300px;
			}
			
				#content #nav2 ul li, #content #nav2 ul li ul li {
					list-style: none;
					list-style-image: none;
					padding: 0;
				}
				
					#content #col1 #nav2 li a.level_2 {
						border-bottom: 1px solid #FFFFFF;
						color: #FFFFFF;
						display: block;
						font-family: Verdana, Arial, sans-serif;
						font-size: 12px;
						height: 25px;
						line-height: 25px;
						padding: 0 0 0 25px;
						text-decoration: none;
					}
					
						#content #col1 #nav2 li a.last {
							border-bottom: 0;
						}
					
					#content #col1 #nav2 li a.level_2_current {
						border-bottom: 1px solid #FFFFFF;
						color: #FFFFFF;
						display: block;
						font-family: Verdana, Arial, sans-serif;
						font-size: 12px;
						font-weight: bold;
						height: 25px;
						line-height: 25px;
						padding: 0 0 0 25px;
						text-decoration: none;
					}
					
						#content #col1 #nav2 li a.last {
							border-bottom: 0;
						}
					
						#content #col1 #nav2 li a.level_3 {
							border-bottom: 1px solid #FFFFFF;
							color: #FFFFFF;
							display: block;
							font-family: Verdana, Arial, sans-serif;
							font-size: 12px;
							height: 25px;
							line-height: 25px;
							padding: 0 0 0 25px;
							text-decoration: none;
						}
						
						#content #col1 #nav2 li a.level_3_current {
							border-bottom: 1px solid #FFFFFF;
							color: #FFFFFF;
							display: block;
							font-family: Verdana, Arial, sans-serif;
							font-size: 12px;
							font-weight: bold;
							height: 25px;
							line-height: 25px;
							padding: 0 0 0 25px;
							text-decoration: none;
						}
		
		#quote {
			width: 340px;
			margin: 20px 0;
		}
		
			#content #quote table {
				width: 100%;
				border: none;
			}
			
				#content #quote table tr {
					border: none;
				}
			
				#content #quote table tr td {
					border: none;
				}
				
				#quote table tr:hover {
					background: transparent !important;
				}
			
				#quote table tr td.quote_1 {
					vertical-align: middle;
					padding-top: 55px;
					padding-bottom: 10px;
				}
				
					#quote table tr td.quote_1 h3 {
						text-align: left;
						display: block;
						color: #FFF;
						font-family: "Century Gothic", Arial, sans-serif;
						font-weight: bold;
						font-size: 22px;
						line-height: 26px;
						padding: 0 20px;
					}
				
				#quote table tr td.quote_2 {
					height: 50px;
				}
				
					#quote table tr td.quote_2 h5 {
						padding: 0 20px;
						text-transform: capitalize;
						color: #FFF;
						font-weight: normal;
						font-family: "Century Gothic", Arial, sans-serif;
						font-size: 15px;
					}
				
	
	#col2 {
		float: right;
		width: 580px;
		padding: 28px 0 0 0;
		overflow: hidden;
	}
	
	#col3 {
		padding: 28px 0 0 0;
		overflow: hidden;
		min-height: 400px; /* for modern browsers */
		height: auto !important; /* for modern browsers */
		height: 400px; /* for IE5.x and IE6 */
	}
		
		#col2 h2, #col3 h2 {
			color: #333;
			border-bottom: 1px #333 solid;
			font-weight: normal;
			margin-bottom: 20px;
			font-family: 'Century Gothic', Verdana, Arial, sans-serif;
		}
	
/* --------------- MAP ------------- */


		#col2 #map {
			width: 560px;
			height: 400px;
		}
		
		#map input {
			width: 100px;
			height: 20px;
			border: 1px #aaa solid;
			line-height: 20px;
			font-size: 12px !important;
			}

		#map input#saddr, #map input#daddr {
			width: 220px;
			margin-bottom: 1px;
			margin-top: 1px;
			height: 16px;
		}
		
/* ---------------- MM ----------------- */

.mm #content #col2 {
	float: left;
	width: 980px;
	padding-top: 0;
	position: relative;
	top: -15px;
}

.mm #content #col2 div.team_article {
	color: #333;
	display: block;
	float: left;
	height: 320px;
	line-height: 16px;
	margin: 0 20px 25px 0; /*Swap to right margin if need left aligned*/
	text-align: left;
	text-decoration: none;
	width: 170px;
}

.mm #content #col2 div.team_article_disabled {
	color: #333;
	display: block;
	float: left;
	height: 320px;
	line-height: 16px;
	margin: 0 20px 25px 0; /*Swap to right margin if need left aligned*/
	text-align: left;
	text-decoration: none;
	width: 170px;
}

	.mm #content #col2 div.team_article a.mail:link, .mm #content #col2 div.team_article_disabled a.mail:link,
	.mm #content #col2 div.team_article a.mail:visited, .mm #content #col2 div.team_article_disabled a.mail:visited {
		color: #FFFFFF;
		display: block;
		width: 170px;
		font-size: 12px;
		font-weight: bold;
		line-height: 28px;
		padding: 0 4px;
		background: #7eb9c0;
		text-decoration: none;
	}
	
	.mm #content #col2 div.team_article_disabled a.mail:link, .mm #content #col2 div.team_article_disabled a.mail:visited {
		background: #f99621;
	}
	
	.mm #content #col2 div.team_article a.mail:hover, .mm #content #col2 div.team_article_disabled a.mail:hover,
	.mm #content #col2 div.team_article a.mail:active, .mm #content #col2 div.team_article_disabled a.mail:active {
		background: #f99621;
	}

	.mm #content #col2 div.team_article span, .mm #content #col2 div.team_article_disabled span {
		color: #FFFFFF;
		display: block;
		width: 170px;
		font-size: 12px;
		font-weight: bold;
		line-height: 28px;
		padding: 0 4px;
	}
	
	.mm #content #col2 div.team_article span, .mm #content #col2 div.team_article_disabled span {
		background: #7eb9c0;
	}
	
	.mm #content #col2 div.team_article_disabled span {
		background: #f99621;
	}
	
	.mm #content #col2 div.team_article:hover span, .mm #content #col2 div.team_article_disabled:hover span {
		background: #f99621;
	}
	
	.mm #content #col2 div.team_article span.mm_quote, .mm #content #col2 div.team_article_disabled span.mm_quote {
		background-color: #FFF;
		color: #80c6cf;
		padding-top: 10px;
		line-height: 20px;
	}
	
	.mm #content #col2 div.team_article_disabled span.mm_quote {
		color: #f99621;
	}
	
		.mm #content #col2 div.team_article span.mm_quote strong, .mm #content #col2 div.team_article span.mm_quote em,
		.mm #content #col2 div.team_article_disabled span.mm_quote strong, .mm #content #col2 div.team_article_disabled span.mm_quote em {
			font-size: 40px;
			color: #AAA;
			font-weight: bold;
			font-style: normal;
		}
		
		.mm #content #col2 div.team_article span.mm_quote em, .mm #content #col2 div.team_article_disabled span.mm_quote em {
			position: relative;
			top: 10px;
			left: 5px;
		}
		
		.mm #content #col2 div.team_article span.mm_quote strong, .mm #content #col2 div.team_article_disabled span.mm_quote strong {
			position: relative;
			top: 10px;
			left: -5px;
		}
	
.mm #content br {
	clear: both;
}

a.press_article:link, a.press_article:visited {
	display: block;
	padding: 10px;
	border: 1px #FFF solid;
	border-bottom: 1px #AAA solid;
	margin-bottom: 10px;
	text-decoration: none !important;
}

a.press_article:hover, a.press_article:active {
	border: 1px #AAA solid;
	background-color: #EEE;
}

	a.press_article img {
		float: left;
		height: 141px;
		width: 100px;
		margin-right: 20px;
		border: 1px #AAA solid;
	}
	
	a.press_article span {
		display: block;
	}
	
	a.press_article span.pub_title {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 20px;
		line-height: 18px;
	}
	
	a.press_article span.pub_desc {
		font-size: 12px;
		color: #333;
		line-height: 16px;
	}
	
	a.press_article span.pub_date {
		font-size: 11px;
	}