/* start generic selectors */
body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana;
	color: #000000;
	margin-top: 7px;
	margin-left: 7px;
}

form {
	margin: 0;
}

h3 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 0;
}

h4 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0;
}
/* end generic selectors */

/* start generic structural selectors */
#header {
	background-color: #FFFFFF;
	height: 81px;
	width: 100%;
	margin-bottom: 0;
}

#headerImage {
	float: left;
	margin: 0;
	/*padding-top: 14px;
	margin-bottom: 20px;*/
}

#headerNav {
	/*float: right;*/
	margin-top: 0;
	font-size: 11px;
	color: #000000;
}

#headerNav a:link, a:visited, a:active {
	color: #000000;
	text-decoration: none;
}

#headerNav a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#nav {
	background-color: #707276;
	color: #FFFFFF;
	height: 27px;
	text-align: right;
	/*old nav with inspired solution
	width: 938px;
	padding-right: 10px;*/

	/*new nave for student*/
	width: 908px;
	padding-right: 40px;
}

#nav.student
{
	width: 908px;
	padding-right: 40px;
}

#level2Menu_aboutus, #level2Menu_legalnews, #level2Menu_hcpublications, #level2Menu_hcseminars, #level2Menu_legalresources, #level2Menu_businessimmigration, #level2Menu_inspiredsolutions, #level2Menu_students {
	border: 1px solid #333333;
}

td.leftNav {
	background-color: #D1D1C5;
	width: 210px;
}

#leftNavContainer {
	padding-top: 14px;
	padding-left: 7px;
	padding-right: 7px;
	height: 386px;
}

#leftNavContainer div.separator {
	margin-top: 0;
	margin-left: 17px;
	margin-bottom: 0;
	width: 162px;
	height: 1px;
	background-color: #E8E8E2;
}

td.rightColumn {
	background-color: #9FC4DF;
	width: 216px;
}

div.thickSeparator {
	margin-top: 0;
	margin-bottom: 0;
	width: inherit;
	height: 4px;
	background-color: #FFFFFF;
}

#footer {
	background-color: #FFFFFF;
	width: 100%;
	height: 15px;
	padding-top: 20px;
	padding-bottom: 0px;
	vertical-align: bottom;
}

div.legal {
	margin-bottom: 0;
	color: #666666;
	font-size: 9px;
	float: left;
}

div.legal a:link, div.legal a:active, div.legal a:visited {
	color: #666666;
	text-decoration: none;
}

div.legal a:hover {
	color: #FF6600;
	text-decoration: underline;
}

div.footerContact {
	margin-top: -2px;
	margin-right: 0;
	text-align: right;
	color: #666666;
	font-size: 11px;
	float: right;
}

div.footerContact a:link, div.footerContact a:active, div.footerContact a:visited {
	color: #666666;
	text-decoration: none;
}

div.footerContact a:hover {
	color: #FF6600;
	text-decoration: underline;
}

#directory {
	background-color: #D1D1C5;
	color: #333333;
	width: 190px;
	height: 36px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 13px;
	padding-right: 13px;
}

#directoryDropdown select {
	width: 185px;
}

td.communicationAreaCell {
	background-color: #333333;
}

#communicationArea {
	margin: 0;
	width: 728px;
	height: 268px;
	background-color: #333333;
}

td.mainContent {
	background-color: #FFFFFF;
	width: 514px;
}

div.content {
	padding: 8px;
	font-size: 11px;
	color: #333333;
	/*margin-right: 100px;*/
	line-height: 1.5;
}

div.content a:link, div.content a:active, div.content a:visited {
	text-decoration: underline;
	color: #333333;
}

div.content a:hover {
	color: #FF6600;
	text-decoration: underline;
}

div.rightColumnBox {
	position: relative;
	padding-top: 13px;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 13px;
	font-size: 10px;
	color: #333333;
}

div.rightColumnBox a:link, div.rightColumnBox a:visited, div.rightColumnBox a:active {
	font-size: 10px;
	color: #333333;
	text-decoration: underline;
}

div.searchPageDropdown {
	margin-right: 0;
	text-align: right;
}

.searchResultLinks {
	color: #3D7898;
}

.searchResultLinks a:link, .searchResultLinks a:active, .searchResultLinks a:visited {
	color: #3D7898;
}

table.searchPageFooter {
	background-image: url(../_images/searchPage_footer_bg.gif);
	background-repeat: no-repeat;
}

table.searchPageFooter td {
	padding-top: 4px;
}
/* end generic structural selectors */

/* start page-specific selectors */
/* home */
.greyBox {
	background-color: #D1D1C5;
}

#login {
	background-color: #D1D1C5;
	color: #333333;
	font-size: 10px;
	width: 190px;
	height: 184px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 13px;
	padding-right: 13px;
}

#login input {
	font-size: 10px;
}

#login input.username {
	width: 180px;
}

#login input.password {
	width: 120px;
}

#login input.loginbutton {
	vertical-align: bottom;
	margin: 0;
}

/*#login a:link, #login a:active, #login a:visited {
	color: #333333;
	text-decoration: underline;
}*/

div.homeClientLoginComponentLinks {
	/*position: relative;
	top: 75%;
	left: 60%;
	bottom: 0;
	right: 0;*/
	margin-top: 90px;
	margin-left: 117px;
	padding-right: 13px;
	font-size: 11px;
	color: #336699;
	vertical-align: bottom;
}

div.homeClientLoginComponentLinks a:link, div.homeClientLoginComponentLinks a:active, div.homeClientLoginComponentLinks a:visited {
	text-decoration: none;
	color: #336699;
}

#homeNews {
	position: relative;
	background-color: #D1D1C5;
	color: #333333;
	font-size: 11px;
	line-height: 1.1;
	width: 220px;
	height: 126px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 13px;
	padding-right: 13px;
}

#hicks {
	position: relative;
	background-color: #D1D1C5;
	color: #333333;
	font-size: 11px;
	line-height: 1.1;
	width: 157px;
	height: 126px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 13px;
	padding-right: 13px;
}

#seminars a:link, #seminars a:active, #seminars a:visited {
	color: #336699;
	text-decoration: none;
}

div.seminarsComponentLinks {
	padding-left: 0px;
	padding-right: 13px;
	margin-bottom: 8px;
	margin-top: 8px;
	font-size: 11px;
	color: #336699;
	vertical-align: bottom;
}

div.interiorSeminarsComponentLinks {
	padding-right: 13px;
	margin-bottom: 12px;
	font-size: 11px;
	/*color: #336699;*/
	vertical-align: bottom;
}

div.seminarsComponentLinks a:link, div.seminarsComponentLinks a:active, div.seminarsComponentLinks a:visited {
	text-decoration: none;
	color: #336699;
}

div.interiorNewsComponentLinks {
	padding-right: 13px;
	margin-bottom: 12px;
	font-size: 11px;
	/*color: #336699;*/
	vertical-align: bottom;
}

#recentPublications, #seminars {
	position: relative;
	background-color: #D1D1C5;
	color: #333333;
	font-size: 11px;
	line-height: 1.1;
	width: 327px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 13px;
	padding-right: 13px;
}

#seminars {
	width: 250px;
	}

#recentPublications a:link, #recentPublications a:active, #recentPublications a:visited, #homeNews a:link, #homeNews a:active, #homeNews a:visited {
	color: #336699;
	text-decoration: none;
}

div.publicationsComponentLinks {
	position: absolute;
	top: 75%;
	left: 50%;
	bottom: 0;
	right: 0;
	padding-right: 13px;
	font-size: 11px;
	color: #336699;
	vertical-align: bottom;
}

div.homeHicksComponentLinks {
	text-align: right;
	padding-right: 13px;
	font-size: 11px;
	color: #336699;
	vertical-align: bottom;
}

div.homeNewsComponentLinks {
	padding-right: 13px;
	font-size: 11px;
	color: #336699;
	vertical-align: bottom;
	text-align: right;
}

div.publicationsComponentLinks a:link,  div.publicationsComponentLinks a:active, div.publicationsComponentLinks a:visited, div.homeNewsComponentLinks a:link, div.homeNewsComponentLinks a:active, div.homeNewsComponentLinks a:visited, div.homeHicksComponentLinks a:link, div.homeHicksComponentLinks a:active, div.homeHicksComponentLinks a:visited {
	text-decoration: none;
	color: #336699;
}

#map {
	position: relative;
	background-color: #D1D1C5;
	color: #333333;
	font-size: 10px;
	/*width: 190px;
	height: 106px;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 13px;
	padding-right: 13px;*/
}

div.mapComponentLinks {
	position: absolute;
	top: 75%;
	left: 60%;
	bottom: 0;
	right: 0;
	padding-right: 13px;
	font-size: 11px;
	color: #336699;
	vertical-align: bottom;
}

div.mapComponentLinks a:link, div.mapComponentLinks a:active, div.mapComponentLinks a:visited {
	text-decoration: none;
	color: #336699;
}

/* our lawyers */
table.ourLawyers {
	border-collapse: collapse;
	/*border: 1px #000000 solid;*/
	border: 0;
	border-spacing: 0;
	table-layout: fixed;
	width: 496px;
	margin: 0;
	padding: 0;
}

table.ourLawyers td {
	margin: 0;
	padding: 0;
	padding-right: 4px;
	padding-bottom: 4px;
	vertical-align: top;
	text-align: left;
}

td.lawyerText {
	background-color: #FE8100;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
}

.lawyerName {
	font-size: 14px;
	color: #FFFFFF;
}

.lawyerContact {
	color: #333333;
	font-weight: bold;
}

.lawyerQuote {
	color: #333333;
	font-size: 13px;
	font-style: italic;
	line-height: 1.1;
}

.dateSubheader {
	color: #9FC4DF;
	font-weight: bold;
}

/* statistics */
table.statsTable {
	border-collapse: collapse;
	padding: 3px;
	border: 2px #000000 solid;
	font-size: 11px;
}

table.statsTable tr.header {
	background-color: #D1D1C5;
	color: #333333;
	font-weight: bold;
}

table.statsTable td, table.statsTableLarge td {
	border: 1px #333333 solid;
	padding: 10px;
}

table.statsTableLarge {
	border-collapse: collapse;
	padding: 10px;
	border: 2px #000000 solid;
	font-size: 11px;
}

table.statsTableLarge tr.header th {
	border-bottom: 5px #000000 solid;
	padding: 10px;
	background-color: #FFFFFF;
	color: #FE8100;
	font-size: 14px;
	font-weight: bold;
	
}

table.statsTableLarge td.subHeader {
	font-weight: bold;
}

/*legal resources BC Labour Relations Board, Canada Industrial Relations Board*/
table.contacts td {
	padding-right: 30px;
}

.legalResourceTitle {
	line-height: 1.1;
}

/* seminars */
p.seminarListItem {
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
}

table.seminarInfo td {
	padding-right: 5px;
	padding-bottom: 5px;
}


/*contact us*/
table.contactUs {
	padding: 4px;
	color: #333333;
	font-size: 11px;
}

table.contactUs td {
	vertical-align: top;
	padding-right: 5px;
	padding-bottom: 5px;
}

table.contactUs a:link, table.contactUs a:active, table.contactUs a:visited {
	text-decoration: none;
	color: #333333;
}

table.contactUs a:hover {
	text-decoration: none;
	color: #FF6600;
}

a.sitemapLinkHeader:link, a.sitemapLinkHeader:active, a.sitemapLinkHeader:visited {
	color: #333333;
	font-weight: bold;
	font-size: 12px;
}

a.sitemapLinkHeader:hover {
	color: #FF6600;
	text-decoration: none;
}

div.sitemapLinks {
	padding-left: 10px;
	margin-bottom: 10px;
}

div.sitemapLinks a:link, div.sitemapLinks a:active, div.sitemapLinks a:visited {
	color: #333333;
	text-decoration: none;
}

div.sitemapLinks a:hover {
	color: #FF6600;
	text-decoration: none;
}
/* end page-specific selectors */

/* start miscellaneous selectors */
.smallText {
	font-size: 9px;
}

p.elementIntroText {
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}

.linklist {
	line-height: 1.1;
}

p.linkList {
	margin-top: 2px;
	margin-bottom: 2px;
	/*padding-top: 5px;*/
}

.blueLink {
	color: #336699;
}

.greyLink {
	color: #333333;
}

.alert{
	color: #FF0000;
}

div.summaryHeaderSeparator {
	margin-top: 0;
	margin-bottom: 0;
	width: inherit;
	height: 4px;
	background-color: #000000;
}

.clearFloats {
	height: 0;
	clear: both;
	margin: 0;
}

/* start inherited styles */
.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #333333;
}

.bodytextbold {
	font-weight: bold;
	color: #333333;
}

.scrolltext {
	color: #333333;
}

.titletext {
	text-transform: uppercase;
}

.subtitletext {
	font-weight: bold;
}

.copyright {
	font-size: 9px;
	color: #666666;
}

.copyright A:link {
	color: #666666;
	text-decoration: none;
}

.copyright A:visited {
	color: #666666;
	text-decoration: none;
}

.copyright A:hover {
	color: #666666;
	text-decoration: underline;
}

.quote {
	font-size: 11px;
	font-style: italic;
	color: #333333;
}
/* end inherited styles */
/* end miscellaneous selectors */

p.whiteTextLarge {
	color: #FFFFFF;
	font-size: 16px;
}

p.whiteTextMedium {
	color: #FFFFFF;
	font-size: 13px;
}

p.whiteTextSmallHeading {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

p.whiteTextSmall {
	color: #FFFFFF;
	font-size: x-small;
	padding-right: 10px;
	line-height: 1.2em;
	margin-top: 10px;
	margin-bottom: 10px;
}

p.alignRight {
	font-size: 12px;
	text-align: right;
	padding-right: 40px;
}

.brochures {
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	width: 120px;
	text-align: center;
	}
	
.committeeLawyer {
	width: 150px;
	float: left;
	text-align: center;
	padding: 10px 15px 10px 0px;
	}