@import url("a_global.css");

/*

	960.css              - Grid layout
	a_global.css         - Sheet variables
	datepicker.css       - For the date picker / calendar
	editor               - EDIT for tinyMce
	popup.css            - EDIT for popups
	print.css            - EDIT for print
	redirect.css         - Redirect box
	reset.css            - Base styles

	// Note:
	   Font sizes should be written in ems. The base font is set as 10px so work out
	   your ems from that. For instance, 1.2em is 12px. If you're working inherited
	   fonts, you'll probably need to use an em calculator.
	
*/

/* GENERIC STYLES */

p {
	font-size: 1.2em;
}
h1, h2, h3, h4, h5 {
	color: #56518F;
	font-weight: bold;
	padding-bottom: 5px;
}
h1 { font-size: 2.5em; padding-bottom: 15px; }
h2 { font-size: 2em;   }
h3 { font-size: 1.7em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }

img.left-Align-Image {
	float: left;
	margin:5px 8px 5px 0;
}
img.right-Align-Image {
	float: right;
	margin:5px 0px 5px 8px;
}
img.no-Align-Image {
	float: none;
}

a {
	color: #EDA420;
	font-weight: bold;
}

body {
	background: #EBEBF1 url(/imgs/site/bg.gif) repeat-y top center;
}


/* PAGE SPECIFIC */

div#outerWrapper {
	background: #EBEBF1 url(/imgs/site/bg.gif) repeat-y top center;
}
	div#innerWrapper {
		background-color: #FFFFFF;
	}
	
		div#header {
			margin: 0 10px 10px 10px;
		}
		
		div#headerSub {
			margin-bottom: 10px;
		}
		
			div#searchForm {
				padding: 7px;
				margin: 0;
				background-color: #999;
				margin-bottom: 5px;
			}
			
			div#mainNav {
				float: left;
				width: 100%;
				background-color: #D7D7E4;
				min-height:50px;
				height:auto !important;
				height:50px;
			}
				div#mainNav ul {
					float: left;
					margin: 0;
					padding-left: 10px;
				}
					div#mainNav ul li {
						margin: 0 15px 0 0;
						display: inline;
						line-height: 50px;
						font-size: 1.1em;
						font-weight: bold !important;
					}
						div#mainNav ul li a {
							color: #56518F;
							text-decoration: none;
							padding: 5px;
							font-weight: bold !important;
						}
						div#mainNav ul li a:hover {
							text-decoration: underline;
						}
				#mainNav h2 {
					background: url(/imgs/site/logo.gif) no-repeat top right;
					text-indent: -9000px;
					float: right;
					margin: 0;
					padding: 0;
				}
					#mainNav h2 a {
						width: 203px;
						height: 50px;
						display: block;
					}

		#colLeft {
			margin-bottom: 10px;
		}
			#colLeftIn {
				width: 200px;
				padding: 10px 10px 60px 10px;
				background: #EDA420 url(/imgs/site/orangeslope.gif) no-repeat bottom right;				
			}
				#sideNavMain {
					margin-bottom: 10px;
					color: #000;
				}
					#sideNavMain li {
						list-style: none;
						line-height: 120%;
						border-bottom: 1px solid #F3C46E;
					}
					#sideNavMain li.current {
					}
					#sideNavMain li.last {
						border-bottom: none;
					}
						#sideNavMain li.current a.current {
							font-weight: bold;
							color: #fff;
						}
						#sideNavMain li a {
							color: #fff;
							padding: 7px 5px;
							display: block;  
							line-height: 120%;
							text-decoration:none;
							font-size: 1.1em;
						}
						#sideNavMain li a:hover {
							color: #fff;
							display: block; 
							line-height: 120%;
							text-decoration:underline;
						}
						#sideNavMain li ul {
						}
							#sideNavMain li ul li {
							}
								#sideNavMain li ul li a { padding-left: 10px; }
									#sideNavMain li ul li ul li a { padding-left: 15px; }
										#sideNavMain li ul li ul li ul li a { padding-left: 20px; }
											#sideNavMain li ul li ul li ul li ul li a { padding-left: 25px; }
												#sideNavMain li ul li ul li ul li ul li ul li a { padding-left: 30px; }
			.contactBox {
				margin-bottom: 10px;
				border: 1px solid #D7D7E4;
				border-left: 0;
				border-right: 0;
				padding: 10px;
				float: left;
				width: 200px;
				color: #666;
				font-size: 1.1em;
			}
				.contactBox a {
					color: #666;
				}
				.contactBox h4 {
					
				}

			div.sideNavSecond {
				margin-bottom: 10px;
			}
				div.sideNavSecond h2 {
					font-size: 14px;
					background-color: #333333;
					color: #FFFFFF;
					padding: 0;
					margin: 0;
					padding: 3px 6px;
				}
				div.sideNavSecond ul {
					background-color: #CCCCCC;
					padding: 8px;
					color: #000000;
				}
					div.sideNavSecond ul li {
						list-style: none;
					}
						div.sideNavSecond ul li a {
							color: #000000;
							text-decoration: none;
						}
						div.sideNavSecond ul li a:hover {
							text-decoration: underline;
						}
				div.socialBookmarks {
					background-color: #FFFFFF;
					border: 6px solid #CCCCCC;
				}
					div.socialBookmarks ul {
						background-color: transparent;
					}
						div.socialBookmarks ul li {
							display: inline;
							padding-right: 4px;
						}

		#centerContainer {
			min-height:450px;
			height:auto !important;
			height:450px;
			margin-bottom: 10px;
		}
			#centreContent p {
				font-size: 1.2em;
				margin-bottom: 15px;
			}
			
			#centreContent ul {
				font-size: 1.2em;
				margin-bottom: 15px;
				margin-left: 15px;
			}
				#centreContent ul li {
					list-style: disc outside url(/imgs/site/purpdot.gif);
					font-size: 1em;
					margin:0 0 6px 10px; 
				}
					#centreContent ul li ul {
						list-style: disc outside url(/imgs/site/purpdot.gif);
						font-size: 1em;
						margin:0 0 6px 10px; 
					}
					#centreContent ul li h3 {
						font-size: 1.42em;
					}
					
					
			#contactForm {
				
			}
				#contactForm label {
					float: left;
					width: 100px;
					padding: 3px;
					font-size: 1.2em;
				}
				#contactForm input, #contactForm textarea {
					width: 250px;
					float: left;
					border: 1px solid #726FB4;
					padding: 3px;
					margin-bottom: 10px;
				}
				#contactForm input#consub {
					width: 100px;
					border: none;
					background-color: #726FB4;
					font-weight: bold;
					color: #fff;
				}
					#contactForm .formError {
						background-color: #c00;
						padding: 5px 10px;
						color: #fff;
						font-weight: bold;
					}
				
			
		#colRight {
			margin-bottom: 10px;
		}
			#colRight .contentPic {
				padding-bottom: 26px;
				background: #EDA420 url(/imgs/site/picbtm.gif) no-repeat bottom left;
				margin-bottom: 10px;
			}
				#colRight .contentPic img {
					border: 5px solid #EDA420;
				}
			#rightQuoteBox, #leftQuoteBox {
				margin: 10px 0;
				float: left;
				width:220px;
				background: url(/imgs/site/openquote.gif) no-repeat top left;
				color: #666;
				font-family: Georgia, Times New Roman, serif;
				line-height: 185%;
			}
				#rightQuoteBox p, #leftQuoteBox p {
					float: left;
					display: block;
					width: 154px;
					padding: 10px 28px 7px 38px;
					background: transparent url(/imgs/site/closequote.gif) no-repeat bottom right;
					font-size: 1.2em;
				}
					#rightQuoteBox p.name, #leftQuoteBox p.name, #rightQuoteBox p.frontquotename, #leftQuoteBox p.frontquotename {
						width: 154px;
						background: none;
						padding: 0 28px 0 38px;
						float: left;
						display: block;
						margin: 3px 0 10px 0;
						text-align: right;
						font-style:italic;
						font-size: 1.1em;
					}



#footerText p {
		font-size: 11px;
		margin: 10px 0 20px 2px;
		color:#999;

}

	#subFooter {
		background: #D7D7E4 url(/imgs/site/footerbg.gif) no-repeat top right;
		line-height: 30px;
		padding-left: 10px;
	}
		
		#subFooter ul {
			padding: 0;
			margin: 0;
		}
			#subFooter ul li {
				display: inline;
				font-size: 11px;
				margin-right: 15px;
			}
				#subFooter ul li a {
					color: #56518F;
					text-decoration: none;
					font-weight: bold;
					padding: 5px;
				}

	#footer {
		padding: 10px 25px;
	}
		#footer p { 
			text-align: right;
			font-size: 1em;
		}
		#logos {
			width: 910px;
			padding: 0 15px;
			margin: 10px 0;
		}
			#logos a {
				margin-right: 15px;
			}




/* WIDGET */

div.widget {
	background-color: #D7D7E4;
	margin-bottom: 10px;
	float: left;
	width: 220px;
}
	div.widget ul {
		padding: 7px;
		width: 206px;
		float: left;
	}
		div.widget ul li {
			list-style: none;
			border-bottom: 1px solid #EBEBF1;
		}
		div.widget ul li.last {
			border-bottom: none;
		}
			div.widget ul li h4 {
				font-size: 1.2em !important;
				font-weight: normal !important;
				padding: 5px;
			}
				div.widget ul li h4 a {
					color: #000000;
					text-decoration: none;
					font-weight: normal !important;
				}
				div.widget ul li h4 a:hover {
					text-decoration: underline;
				}
	div.widget .widgetHeading {
		background-color: #726FB4;
	}
	
		div.widget .widgetHeading span {
			background: #726FB4 url(/imgs/site/sidebartitle.gif) no-repeat bottom left;
			margin-left: -10px;
			padding-left: 15px;
			display: block;
			z-index: 9;
		}
	
		div.widget .widgetHeading h3 {
			padding: 5px;
			color: #fff;
			font-size: 1.4em;
		}
	


/* BREADCRUMB */

ul.breadcrumb {
	margin: 0 15px 10px 15px;
}
	ul.breadcrumb li {
		color: #666;
		display: inline;
	}
		ul.breadcrumb li a {
			color: #666;
			text-decoration: none;
		}
		ul.breadcrumb li a:hover {
			text-decoration: underline;
		}



/* PAGINATION */

div.pagination {
	overflow:hidden;
	width:100%;
	margin: 5px 0;
}
	div.pagination p.leftPaginated {
		float:right;
	}
	div.pagination p.rightPaginated {
		float:left;
	}



/* ACCESS NAVIGATION - off page */

.accessNav {
	position : absolute;
	left : -3000px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	overflow: hidden;
}



/* LOGGED IN USER NAVIGATION */

div#userNavigation {
	background-color: #FFFFFF;
	padding-bottom: 10px;
}
	div#userNavigation ul {
		margin: 10px 0 0 0;
		padding: 0;
	}
		div#userNavigation ul li {
			display: inline;
			margin: 0 1px 0 0;
			padding: 0;
		}
			div#userNavigation ul li a {
				padding: 5px 6px;
				margin: 0;
				text-decoration: none;
				color: #FFFFFF;
				background-color: #000000;
			}
			div#userNavigation ul li a:hover {
				color: #000000;
				background-color: #CCCCCC;
			}
		
		div#userNavigation ul li.moduleMenu {
			padding: 5px 6px;
			background-color: #ccc;
			color: #000;
			position: relative;
			margin-right: 5px;
		}
			div#userNavigation ul.secondLevel {
				display:block;
				position:absolute;
				top:-3000px;
				left:-3000px;
			}
				div#userNavigation ul li:hover ul.secondLevel {
					position:absolute;
					top:12px;
					left:0px;
					width:200px;
					overflow: hidden;
					z-index: 9999 !important;
				}
					div#userNavigation ul li ul.secondLevel li {
						display: block;
					}
						div#userNavigation ul li ul.secondLevel li a {
							display: block;
							width: 100px;
							background-color: #ccc;
							color: #000;
						}
							div#userNavigation ul li ul.secondLevel li a:hover {
								background-color: #000;
								color: #fff;
							}
			



/* OUT OF FLOW */

#searchQ {
	width: 200px !important;
	border: 1px solid #666 !important;
	padding: 2px !important;
}