@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 { font-size: 2.5em; }
h2 { font-size: 2em;   }
h3 { font-size: 1.7em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }



#centreContent h5 span.lightBlue {
	color: #0087C4;
	text-transform: uppercase;
	font-size: 33px;
	font-weight: normal;
	padding-right: 10px;
}

#centreContent h5 span.darkBlue {
	color: #00203F;
	text-transform: uppercase;
	font-size: 33px;
	font-weight: normal;
	padding-right: 10px;
}
#centerContainer h1.lightBlue {
	color: #0087C4;
	text-transform: uppercase;
	font-size: 33px;
	font-weight: normal;
	padding-right: 10px;
}


#centreContent h5 span.lightBlueSmaller {
	color: #0087C4;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: normal;
	padding-right: 10px;
}

#centreContent h5 span.darkBlueSmaller {
	color: #00203F;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: normal;
	padding-right: 10px;
}
#centerContainer h1.lightBlueSmaller {
	color: #0087C4;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: normal;
	padding-right: 10px;
}



h1.homeHeading span.lightBlue {
	color: #0087C4;
	text-transform: uppercase;
	font-size: 33px;
	font-weight: normal;
	padding-right: 10px;
}
h1.homeHeading span.lightBlueFull {
	color: #0087C4;
	text-transform: uppercase;
	font-size: 33px;
	font-weight: normal;
	padding-right: 10px;
}

h1.lightBlueFullWidth {
	color: #0087C4;
	text-transform: uppercase;
	font-size: 33px;
	font-weight: normal;
	padding-right: 10px;
}

h1.homeHeading span.darkBlue {
	color: #0087C4;
	/* darkBlue: #00203F;*/
	/* IS NOW THE SAME COLOUR AS LIGHT BLUE */
	/* SEE ALSO sifr_config.js and site.css */
	text-transform: uppercase;
	font-size: 33px;
	font-weight: normal;
	padding-right: 10px;
}





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;
}


/* PAGE SPECIFIC */

body {
	text-align: center;
	margin: 0 auto;
}

div#outerWrapper {
	background-image: url(/imgs/site/header-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	margin: 0 auto;
}
	div#innerWrapper {
		width: 1000px;
		text-align: left;
		margin: 0 auto;
	}
	
		div#header {
			height: 95px;
			margin-bottom: 15px;
			position: relative;
		}
			div#header div#headLeft {
				/*width: 300px;*/
				/*height: 95px;*/
				width: 700px;
				float: left;
				position: absolute;
				top: 0;
				left: 0;
			}
			
			div#header div#headRight {
				display: block;
				height: 95px;
				position: relative;
			}
				
				div#header div#headRight div#topHeaderBannerManager {
					position: absolute;
					bottom: -23px;
					right: 0;
				}
				
					div#header div#headRight div#topHeaderBannerManager a {
						display: block;
						width: 100px;
						background-color: #FFF;
						text-decoration: none;
						color: #000;
						border: 1px solid #000;
						padding: 3px;
						text-align: center;
					}
					div#header div#headRight div#topHeaderBannerManager a:hover {
						background-color: #000;
						color: #FFF;
					}
			
				div#header div#headRight h2 {
					display:block;
					height:95px;
					text-indent:-9000px;
					width:252px;
					position: absolute;
					top: 0;
					right: 0;
				}
						
					div#header div#headRight h2 a {
						display: block;
						width: 252px;
						height: 95px;
					}
		
		div#headerSub {
			margin-bottom: 10px;
		}
		
			div#searchForm {
				margin: 25px 0 0 0;
				height: 25px;
			}
				div#searchForm p {
					position: relative;
					display: block;
				}
				
				div#searchForm label {
					position: absolute;
					font-size: 10px;
					top: 0;
					left: 0;
					padding: 6px 0 6px 10px;
					font-weight: bold;
					color: #0087C4;
				}
				
					div#searchForm label span {
						color: #BBB;
					}
				
				div#searchForm input#searchQ {
					position: absolute;
					top: 0;
					left: 0;
					padding: 4px 5px 4px 58px;
					width: 130px;
					border: 2px solid #CCC;
					color: #666;
					height:14px;
					font-size: 0.9em;
				}
				
				div#searchForm input#submit {
					position: absolute;
					right: 0;
					height: 26px;
					background-color: transparent;
					border: none;
				} 
			
			
			
			div#mainNav {
				padding: 60px 0 0 0;
				/*background-color: transparent;*/
				/*padding: 7px;*/
			}
				div#mainNav ul {
					/* margin: 0;*/
					/*margin-top: 7px; */
					/*margin:47px 0 0 0;*/
					
				}
					div#mainNav ul li {
						display: inline;
						margin: 0 17px 0 0;
						float: left;
						font-size:1.1em; /* << LINE ADDED */
							
					}
					
						div#mainNav ul li a {
							color: #FFFFFF;
							text-decoration: none;
							display: block;
							/*width: 70px;*/
							/*height: 25px;*/
							padding: 7px;
							/*line-height: 23px;*/
							/*text-align: center;*/
							/*background-color: #1F648A;*/
							/*background-image: url(/imgs/site/nav-bgs.png);*/
							/*background-position: bottom left;*/
							/*background-repeat: no-repeat;*/
							
						}
						
						div#mainNav ul li a span.lessLineHeight {
							/*line-height: 12px;*/
						}
						
						div#mainNav ul li a:hover, div#mainNav ul li.current a {
							/*background-color: #3D6882;*/
							/*background-image: url(/imgs/site/nav-bgs-over.png);*/
						}

		#colLeft {
			float: left;
			width: 217px;
			
		}
		
		#colLeft div#sideBottom {
			padding-left: 25px;
		}
			
			h2.sectionHaed {
				color: #0087C4;
				border-bottom: 1px solid #0087C4;
				margin-bottom: 4px;
				padding: 0 0 2px 15px;
				font-size: 17px;
				font-weight: normal;
			}
			
			#sideNavMain {
				margin-bottom: 10px;
			}
				#sideNavMain li {
					list-style: none;
					line-height: 120%;
					font-size: 11px;
					margin-bottom: 3px;
				}
				#sideNavMain li.current {

				}
					#sideNavMain li.current a.current {
						font-weight: bold;
						color: #0087C4;
					}
					#sideNavMain li a {
						color: #999;
						padding: 7px 5px 7px 15px;
						display: block;  
						line-height: 120%;
						font-weight: bold;
						text-decoration:none;
						border-bottom: 1px solid #CCCCCC;
						background-image: url(/imgs/site/nav-arrow.gif);
						background-position: center left;
						background-repeat: no-repeat;
					}
					
					
					
					#sideNavMain li a.currentParent {
						background-image: url(/imgs/site/nav-arrow-down.gif);
					}
					
					
					
					#sideNavMain li a:hover {
						display: block; 
						line-height: 120%;
						color: #0087C4;
					}
					#sideNavMain li ul li {
						margin-bottom: 0;
					}
					#sideNavMain li ul li a {
						background-image: none;
						/*margin-left: 30px;*/
						padding-left: 20px;
						font-weight: normal;
						background-color: #F2F4F7 ;
						/* #E5E9EE */
						border-bottom: 1px solid #FFF;
						color: #4C688D;
					}
					#sideNavMain li ul li ul li a {
						background-image: none;
						/*margin-left: 30px;*/
						padding-left: 30px;
						font-weight: normal;
						background-color: #F5F7F9;
						border-bottom: 1px solid #FFF;
					}
					#sideNavMain li ul li ul li ul li a {
						background-image: none;
						padding-left: 35px;
						font-weight: normal;
						background-color: #F5F7F9;
						border-bottom: 1px solid #FFF;
					}
			
			
			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 {
			float: left;
			width: 506px;
			margin-left: 26px;
			margin-right: 26px;
			min-height:500px;
			height:auto !important;
			height:500px;

		}
			#centreContent {
				margin-bottom: 15px;
				margin-top: 19px;
			}
				#centreContent table {
					margin-bottom: 15px;	
				}
				
				#centreContent ol li {
					margin-left: 25px;
					margin-bottom: 10px;
					line-height: 150%;
				}
					
					#centreContent td, #centreContent th {
						/*font-size: 1em;*/
					}
					#centreContent td p, #centreContent th p {
						margin: 0;
						font-size: 12px;
					}
				
				#centreContent p {
					color: #666;
					margin: 2px 0 16px 0;
					line-height: 150%;
				}
					#centreContent p a {
						color: #0087C4;
					}
					
				#centreContent ul, #centreContent ol {
					color: #666;
					font-size: 1.2em;
				}
				
				#centreContent ul.level_1 ul {
					font-size: 1em !important;
				}
					
					#centreContent ul.listStyle, #centreContent ul {
						margin-bottom: 15px;
						padding-left: 20px; 
					}
						#centreContent ul.listStyle li, #centreContent ul li {
							list-style: square;
							list-style-position: inside;
							margin-left: 15px;
							margin-top:5px;
							line-height: 145%;
						}
						
						#centreContent ul.practiceAreas li,
						#centreContent ul.tagList li {
							margin-top: 0 !important;
						}
						
						ul.homeBoxes {
							padding-left: 0 !important;
						}
						
				#centreContent ul a, #centreContent ol a {
					color: #0087C4;
				}
				#centreContent h1 {
					font-size: 1.7em;
					/*font-weight: bold;*/
					/*text-transform: capitalize;*/
					margin: 20px 0 10px 0;
				}
				#centreContent h2 {
					/*text-transform: uppercase;*/
					font-size: 1.4em;
				}
				#centreContent h2 a {
					color: #0087C4;
				}
				#centreContent em {
					font-style: italic;
				}
				
					.contentPic p {
						margin: 0;
						font-size: 1em;
					}
			
		#colRight {
			float: left;
			width: 225px;
		}


#footerWrapper {
	background-image: url(/imgs/site/footer-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 36px;
	margin-left: 25px;
	margin-top: 20px;
}

	#subFooter {
		text-align: right;
		height: 36px;
		line-height: 36px;
	}
		
		#subFooter ul {
			padding: 0;
			margin: 0;
		}
			#subFooter ul li {
				display: inline;
				font-size: 1em;
				padding-right: 15px;
			}
				#subFooter ul li a {
					color: #FFFFFF;
					text-decoration: none;
				}

#footer {
	text-align: right;
	color: #666666;
	padding-top: 5px;
	margin-bottom: 20px;
}
	#footer p {
		font-size: 1.1em !important;
		line-height: 150%;
	}
	
	#footer p a {
		color: #666666;
		text-decoration: underline;
	}
	
	#footer p a:hover {
		text-decoration: none;
	}


.lightBlue {
	color: #0087C4 !important;
}
.darkBlue {
	color: #0087C4 !important;
}
.noPadBottom {
	margin-bottom: 0 !important;
}

div.homeLeft p {
	margin: 65px 10px 20px 30px; 
	color: #666;
	font-size: 1.5em;
	line-height: 140%;
}
div.homeLeft div#flashHome {
	margin: 35px 10px 0 30px;
}
ul.homeBoxes {
	margin-bottom: 60px;
	width: 100%;
	overflow: hidden;
}
	ul.homeBoxes li {
		display: block;
		float: left;
		margin: 0 8px 8px 0;
		margin-left: 0 !important;
		width: 161px;
		height: 91px;
	}
		ul.homeBoxes li a {
			display: block;
			width: 161px;
			height: 91px;
			text-indent: -9000px;
		}
ul.homeBoxes li.homeRightBox {
	margin-right: 0;
}
div.userContact {
	margin-top:17px;
}
div.userBox {
	float: left;
	width: 120px;
	margin-right: 8px;
	margin-bottom: 8px;
	position: relative;
}	
	div.userBox span.corner {
		display: block;
		width: 7px;
		height: 7px;
		position: absolute;
		bottom: 0;
		right: 0;
		background-image: url(/imgs/site/user-img-bottom-left.gif);
		background-position: bottom right;
		background-repeat: no-repeat;
	}
	
	div.userBox div {
		border: 1px solid #E9EAEB;
		padding: 4px;
	}
		div.userBox div p {
			margin: 3px 0 0 0 !important;
			font-size: 1.1em;
		}
		div.userBox div p.name a {
			
			font-weight: bold;
			color: #00203F !important;
		}
			div.userBox div ul.tagList {
				margin: 0 !important;
				padding: 0 !important;
			}
			div.userBox div ul.tagList li {
				margin-bottom: 5px !important;
				list-style: none !important;
				font-size: 0.9em !important;
				list-style-position: outside !important;
				margin-left: 0 !important;
				
			}

img.profilePic {
	padding: 4px;
	border: 1px solid #E9EAEB;
	margin: 0 16px 8px 0;
	float: left;
}

h3.practiceAreas {
	margin-top: 10px;
	color: #0087C4;
	font-weight: normal;
	font-size: 1.4em;
}
ul.practiceAreas {
	margin: 3px 0 10px 244px;
	border-top: 1px solid #E9EAEB;
	border-bottom: 1px solid #E9EAEB;
	padding: 5px 0 !important;
	font-size: 1em !important;
}
ul.practiceAreas li {
	/*padding-left: 3px;
	margin-left: 15px;*/
	color: #0087C4;
	list-style: square;
	font-size: 1.2em;
}
ul.practiceAreas li a {
	color: #0087C4;
}


form#seminarForm, 
form#feedbackForm {
	margin-top: 25px;
}
	form#seminarForm h2 {
		margin-bottom: 12px;
	}
	form#seminarForm p, 
	form#feedbackForm p {
		overflow: hidden;
		width: 100%;
	}
	form#seminarForm p label, 
	form#feedbackForm p label {
		display: block;
		width: 140px;
		float: left;
	}
	form#seminarForm p input, 
	form#seminarForm p textarea,
	form#feedbackForm p input, 
	form#feedbackForm p textarea {
		float: left;
		width: 250px;
		border: 1px solid #CCCCCC;
		color: #666;
		padding: 3px 6px;
	}
		form#seminarForm p input#seminarSubmit, 
		form#feedbackForm p input#feedbackSubmit{
			width: auto !important;
			color: #0087C4;
		}

h1.smallerHeading {
	font-size: 12px !important;
}


/* BREADCRUMB */

ul.breadcrumb {
	margin-bottom: 10px;
}
	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: transparent;
	padding-bottom: 10px;
	position: absolute;
	right: 0;
	z-index: 2;
}
	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;
			}