@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #44443e;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
}
a:link {
	color: #894c87;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #894c87;
}
a:hover {
	text-decoration: none;
	color: #894c87;
}
a:active {
	text-decoration: underline;
	color: #894c87;
}
.top_navigation {color:#a864a8;
				 font-size:12px;}
.top_navigation a:link {color:#a864a8;
				        font-size:12px;
						text-decoration:none;}
.top_navigation a:visited {color:#a864a8;
				           font-size:12px;
						   text-decoration:none;}
.top_navigation a:hover {color:#a864a8;
				         font-size:12px;
						 text-decoration:underline;}
.top_navigation a:active {color:#a864a8;
				          font-size:12px;
						  text-decoration:none;}
.bottom_navigation {color:#666666;
				    text-decoration:none;}
.bottom_navigation a:link {color:#666666;
				           text-decoration:none;}
.bottom_navigation a:visited {color:#666666;
				              text-decoration:none;}
.bottom_navigation a:hover {color:#666666;
				            text-decoration:underline;}
.bottom_navigation a:active {color:#666666;
				             text-decoration:none;}
.copyright {font-size:11px;}
.featured_showcase_subtitle {font-size:16px;
							 letter-spacing:1px;
							 font-weight:normal;}
.publications_list {line-height:20px;}
.news_subtitles {color:#660066;
				 font-weight:bold;}
.side_nav {color:#44443e;}
.side_nav a:link {color:#44443e;
				  text-decoration:none;}
.side_nav a:visited {color:#44443e;
				     text-decoration:none;}
.side_nav a:hover {color:#660066;
				   text-decoration:underline;}
.side_nav a:active {color:#44443e;
				    text-decoration:none;}
.side_nav_titles {color:#44443e;
				  font-weight:bold;}
.side_nav_titles a:link {color:#44443e;
				         font-weight:bold;
						 text-decoration:none;}
.side_nav_titles a:visited {color:#44443e;
				            font-weight:bold;
						    text-decoration:none;}
.side_nav_titles a:hover {color:#660066;
				          font-weight:bold;
					  	  text-decoration:underline;}
.side_nav_titles a:active {color:#44443e;
				           font-weight:bold;
						   text-decoration:none;}
.sub_titles {color:#996699;
			 font-size:16px;
			 font-weight:bold;}
.highlighted_titles {color:#996699;
					 font-weight:bold;
					 font-size:14px;}
.disclaimer {font-size:11px;
			 font-style:italic;}
.required_fields {font-size:11px;
				  color:#FF0000;
				  font-style:italic;}
.whats_new_table {height:25px;}
.whats_new_dates {font-weight:bold;}
.welcome_title {color:#000000;
			    font-weight:bold;
				font-size:14px;}
.welcome_highlight {color:#996699;
			        font-weight:bold;
				    font-size:13px;
					font-style:italic;}
.rss_feed_icon {border:0px;}
.page {position: relative; margin: 0px auto 0px auto;}
.clear_both {clear: both; line-height: 1px;}
.responsive_image img {max-width:100%; padding-left:15px;}
.textarea_responsive {width: 100%;}
#header_bar {height:8px; width:100%; background-color:#ebe4c5; margin-bottom:2px;}
#top_navigation_container {margin: 0px auto 0px auto; max-width:955px; z-index:10;}
#top_navigation {position: relative; float:right; z-index:10; padding:5px 10px 10px 0px;}
#search_container {margin: 0px auto 0px auto; max-width:55px; z-index:10;}
#search {float:right; position:relative; z-index:10; font-size:12px;}
#social_media {float:right; position:relative; z-index:10;}
#tag_line {float:right; position:relative; z-index:10; color:#a864a8; font-style:italic; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; padding-top:12px;}
#logo_container {position:absolute; width:100%; height:91px; z-index:9;}
#logo_image {margin: 0px auto 0px auto; max-width:955px; padding-top:0px; z-index:9;}
.page a.logo {
	/*position: absolute;
	top: 75px;
	left: 14px;*/
	display: block;
	width: 568px;
	height: 91px;
	background: url(../../img/logo.png) no-repeat 0px 0px;
}
.navigation_container {
	height:50px;
	width:100%;
	background-color:#652864;
	position:absolute;
	top:110px;
	/*left: 23px;*/
	z-index:8;
}
.navigation_bar {margin: 0px auto 0px auto; max-width:955px;}
#navigation_items {width:100%; margin-left:0; padding-left:0; padding-top:10px;}
.navigation {color:#ffffff;
			 text-transform:uppercase;
			 font-size:16px;
			 text-align:left;
			 /*padding-top:105px;*/
			 padding-top:60px;}
.navigation a:link, .navigation a:visited, .navigation a:active {color:#ffffff;
					     				 						 text-decoration:none;}
.navigation a:hover {color:#ffffff;
					 text-decoration:underline;}
/* ------------  Menu  ROOT  ------------ */
.page-menu {
	width: auto;
	height: 35px;
	margin: 3px 0 0 20px;
}
#menuwrapper {width:100%;
			  margin-top:-50px;
			  padding-top:20px;
			  position:relative;
			  z-index:9999;}
.menuwrapper {}

ul#primary-nav li hr.menu_separator{
        position: relative;
        visibility: hidden;
        display:block;
        width:5px;
       	height: 32px;
       	margin: 0px 5px 0px;
}
.page-menu ul#primary-nav {
	height: 1%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
.page-menu ul#primary-nav li {
	float: left;
}
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a span {
	display: block;
	padding: 0 10px;
	background-repeat: no-repeat;
	background-image: url(http://www.legal-info-legale.nb.ca/fr/uploads/NCleanBlue/tabs.gif);
}
.page-menu ul#primary-nav li a {
	padding-left: 0;
	color: #ffffff;
	font-weight: bold;
	line-height: 2.15em;
	text-decoration: none;
	margin-left: 1px;
	font-size: 0.85em;
}
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:active {
	color: #ffffff;
}
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover span {
	color: #ffffff;
}
.page-menu ul#primary-nav li a span {
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 5px;
}
.page-menu ul#primary-nav li a.menuparenth,
.page-menu ul#primary-nav li a.menuactive,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
	background-position: 100% -120px;
}
.page-menu ul#primary-nav li a {
	background-position: 100% -80px;
}
.page-menu ul#primary-nav li a.menuactive span,
.page-menu ul#primary-nav li a:hover span,
.page-menu ul#primary-nav li a:focus span,
.page-menu ul#primary-nav li a:active span {
	background-position: 0 -40px;
}
.page-menu ul#primary-nav li a span {
	background-position: 0 0;
}
.page-menu ul#primary-nav .sectionheader,
.page-menu ul#primary-nav li a:link.menuactive,
.page-menu ul#primary-nav li a:visited.menuactive {
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.page-menu ul#primary-nav li span,
.page-menu ul#primary-nav li a,
.page-menu ul#primary-nav li a:hover,
.page-menu ul#primary-nav li a:focus,
.page-menu ul#primary-nav li a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
/* Additional IE specific bug fixes... */
* html .page-menu ul#primary-nav {
	display: inline-block;
}
*:first-child+html .page-menu ul#primary-nav {
	display: inline-block;
}
/* --------------------  menu dropdow  -------------------------
/* Unless you know what you do, do not touch this */
/* Reset all ROOT menu styles. */
ul#primary-nav ul.unli li li a span,
ul#primary-nav ul.unli li a span,
ul#primary-nav .menuparent .unli .menuparent .unli li a span {
	font-weight: normal;
	text-transform:none;
	background-image: none;
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#primary-nav {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#primary-nav ul {
	list-style-type: none;
	/*margin: -6px -6px 0px;*/
	margin: 0px;
	padding: 0px;
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 209px;
}
#primary-nav ul {
	position: absolute;
	z-index: 1001;
	top: auto;
	display: none;
	padding-top: 15px;
	padding-left: 5px;
	/*background: url(http://www.legal-info-legale.nb.ca/fr/uploads/NCleanBlue/ultop.png) no-repeat left top;*/
	background-color:#260d2a;
}
* html #primary-nav ul.unli {
	padding-top: 12px;
	background: url(http://www.legal-info-legale.nb.ca/fr/uploads/NCleanBlue/ultop.gif) no-repeat left top;
}
#primary-nav ul.unli ul {
	margin-left: -7px;
	left: 100%;
	top: 3px;
}
* html #primary-nav ul.unli ul {
	margin-left: -0px;
}
#primary-nav li {
	margin: 0px;
	float: left;
	list-style:none;
	padding-right: 20px;
    /*margin-right:25px;
	border-right: 1px solid #ffffff;*/
}
#primary-nav li+li { border-left: 1px solid #ffffff;
					 padding-left:20px;}
/*#primary-nav li:last { border-right: none; }*/
#primary-nav li li {
	margin-left: 10px;
	margin-top: -1px;
	float: left;
	position: relative;
	color:#ffffff;
}
/* Styling the basic appearance of the menu elements */
ul#primary-nav ul hr.menu_separator{
        position: relative;
        visibility: visible;
        display:block;
        width:130px;
       	height: 1px;
       	margin: 2px 30px 2px;
	padding: 0em;
	border-bottom: 1px solid #ccc;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#primary-nav .separator,
#primary-nav .separatorh {
	height: 9px;
	width: 209px;
	margin: 0px 0px -8px;
	background: url(http://www.legal-info-legale.nb.ca/fr/uploads/NCleanBlue/ulbtm.png) no-repeat left bottom;
}
* html #primary-nav .separator {
       z-index:-1;
	background: url(http://www.legal-info-legale.nb.ca/fr/uploads/NCleanBlue/ulbtm.gif) no-repeat left bottom;
}
*:first-child+html #primary-nav .separator {
       z-index:-1;
}
#primary-nav ul.unli li a {
	padding: 0px 0px;
	width: 165px;
	margin: 0px;
	background-image: none;
}
* html #primary-nav ul.unli li a {
	padding: 0px 10px 0px 5px;
	width: 165px;
	margin: 5px 0px;
}
#primary-nav li li a:hover {
	/*background-color: #DBE7F2;
    display: block;*/
	width: 190px;
}
/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive li a {
	text-decoration: none;
	background: none;
}
#primary-nav ul.unli li.menuparenth,
#primary-nav ul.unli a:hover,
#primary-nav ul.unli a.menuactive {
	/*background-color: #DBE7F2;*/
}
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul.unli li .menuparent,
#primary-nav ul.unli li .menuparent:hover,
#primary-nav ul.unli li .menuparent,
#primary-nav .menuactive.menuparent .unli .menuactive.menuparent .menuactive.menuparent {
	background-image: url(http://www.legal-info-legale.nb.ca/fr/uploads/NCleanBlue/arrow.gif);
	background-position: center right;
	background-repeat: no-repeat;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
	display: none;
}
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
	display: block;
}
/* IE Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}
/*************** End Menu *****************/

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.page .navbar-inverse {
background:none;
height: 58px;
max-width: 741px;
border:0px;
/*float:right;*/
margin-top:10px;}
	
.page nav {color:#b32d3a;}
	
.page .navbar-nav li a {font-size: 15px; color:#ffffff; /*text-transform:uppercase;*/ padding:0px 30px 0px 20px; text-decoration:none;}
.page .navbar-nav li a:hover {text-decoration:underline; color:#ffffff;}
.page .navbar-nav li {padding-left:.5em;}
.page .navbar-nav li + li {border-left: 0px solid; line-height:1px; padding-left:.5em;}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.page .navbar-wrapper {
  position: relative;
  top: -65px;
  /*left:90px;*/
  /*position: absolute;
  right: 0;
  left: 210px;
  width: 741px;
  height: 69px;*/
}

/* Flip around the padding for proper display in narrow viewports */
.page .navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
  margin: 0px auto 0px auto; max-width:955px;
}
.page .navbar-wrapper .navbar {
  padding-right: 15px;
  /*padding-left: 15px;*/
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #652864;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
	text-transform:none;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 9999;
}
.dropdown-menu > li > a {
    clear: both;
    color: #d5d2bd;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #000000;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #000000;
  outline: 0;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  text-decoration:underline;
  background:none;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color:transparent;
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: #000000;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.dropdown-menu-items li {
	height: 20px;}
.dropdown-menu-items li a {
	height: 20px;}
.dropdown-menu-items li a:hover {
	max-height: 20px;
	background-color:#d5d2bd;}
	
.container {
    width: 955px;}
  
.nav {
  padding-left: 50px;
  margin-bottom: 0;
  list-style: none;}
	
#header_image_container {padding-top:46px; z-index:1;}
#slider_container {width:100%; /*height:412px;*/ z-index:1;} 
#header_image {width:100%; background:url(../../img/main_img_1.jpg) no-repeat; height:412px; background-position: center;}
#header_image_about_us {width:100%; background:url(../../img/main_img_about_us.jpg) no-repeat; height:301px; background-position: center;}
#header_image_whats_new {width:100%; background:url(../../img/main_img_whats_new.jpg) no-repeat; height:301px; background-position: center;}
#header_image_events_workshops {width:100%; background:url(../../img/main_img_events_workshops.jpg) no-repeat; height:301px; background-position: center;}
#header_image_law_by_topic {width:100%; background:url(../../img/main_img_law_by_topic.jpg) no-repeat; height:301px; background-position: center;}
#header_image_links {width:100%; background:url(../../img/main_img_links.jpg) no-repeat; height:301px; background-position: center;}
#header_image_contact_us {width:100%; background:url(../../img/main_img_contact_us.jpg) no-repeat; height:301px; background-position: center;}
#header_image_speakers_bureau {width:100%; background:url(../../img/main_img_speakers_bureau.jpg) no-repeat; height:301px; background-position: center;}
#header_image_abuse_and_violence {width:100%; background:url(../../img/main_img_abuse_and_violence.jpg) no-repeat; height:301px; background-position: center;}
#header_image_consumer_law {width:100%; background:url(../../img/main_img_consumer_law.jpg) no-repeat; height:301px; background-position: center;}
#header_image_criminal_law {width:100%; background:url(../../img/main_img_criminal_law.jpg) no-repeat; height:301px; background-position: center;}
#header_image_family_law {width:100%; background:url(../../img/main_img_family_law.jpg) no-repeat; height:301px; background-position: center;}
#header_image_going_to_court {width:100%; background:url(../../img/main_img_going_to_court.jpg) no-repeat; height:301px; background-position: center;}
#header_image_housing_and_property {width:100%; background:url(../../img/main_img_housing_and_property.jpg) no-repeat; height:301px; background-position: center;}
#header_image_planning_ahead {width:100%; background:url(../../img/main_img_planning_ahead.jpg) no-repeat; height:301px; background-position: center;}
#header_image_self_help_guides {width:100%; background:url(../../img/main_img_self_help_guides.jpg) no-repeat; height:301px; background-position: center;}
#header_image_you_and_your_rights {width:100%; background:url(../../img/main_img_you_and_your_rights.jpg) no-repeat; height:301px; background-position: center;}
#header_image_youth_and_the_law {width:100%; background:url(../../img/main_img_youth_and_the_law.jpg) no-repeat; height:301px; background-position: center;}
#header_image_order_publications {width:100%; background:url(../../img/main_img_order_publications.jpg) no-repeat; height:301px; background-position: center;}
#header_image_general_faq {width:100%; background:url(../../img/main_img_general_faq.jpg) no-repeat; height:301px; background-position: center;}
#header_image_videos {width:100%; background:url(../../img/main_img_videos.jpg) no-repeat; height:301px; background-position: center;}
#content {max-width:955px; margin: 0px auto 0px auto; padding-top:10px; padding-bottom:10px; min-height:150px;}
#content_inner {width:70%; float:right; padding-left:20px; min-height:150px;}
#highlights_title_bar {height:60px; background:url(../../img/highlights_title_bar.png) repeat-x; width:100%; position:relative; margin-top:-69px; z-index:7;}
#highlights_container {position:relative; margin-top:-53px; z-index:7;}
.highlights_titles {font-size:18px; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:16px;}
.highlights_icons {padding-top:4px;}
#highlights_events_workshop_container {float:right; /*width:270px;*/ width:28%;}
#highlights_featured_showcase_container {float:left; /*width:350px;*/ width:38%; padding-left:5px;}
#highlights_law_by_topic_container {float:left; /*width:250px;*/ width:25%;}
#vertical_divider {float:left; margin-top:60px; padding-left:15px; padding-right:15px; height:365px;}
.read_more_button {float:right; padding-right:10px;}
#title_bar {height:60px; background:url(../../img/highlights_title_bar.png) repeat-x; width:100%; position:relative; margin-top:-60px; z-index:7;}
#titles_container {margin: 0px auto 0px auto; max-width:955px;}
#titles_position {float:right; width:70%; text-align:left;}
#titles_position_full {margin-left:-20px;}
.titles {font-size:18px; color:#333333; font-family:Georgia, "Times New Roman", Times, serif; padding-top:16px; padding-left:20px;}
#side_bar {width:30%; float:left; background:url(../../img/side_bar_bg.jpg) no-repeat; background-position:right;}
#align_left {float:left;}
#align_right {float:right; padding-left:10px;}
.law_by_topic_buttons {padding:5px 3px;}
.select {width:100%;}
.order_publications_anchors_container {background-color:#652864; padding:25px; margin-top:10px; margin-bottom:20px; text-align: center;}
.order_publications_anchors {color:#FFFFFF; font-weight:bold; padding-right:10px; line-height:30px;}
.order_publications_anchors a:link, .order_publications_anchors a:visited, .order_publications_anchors a:active, .order_publications_anchors a:hover {color:#FFFFFF; font-weight:bold; padding-right:10px;}
#footer {background-color:#f1ecd6; padding-top:15px; padding-bottom:15px; margin-top:10px; position:relative; /*top:80px;*/}
#bottom_navigation_container {margin: 0px auto 0px auto; max-width:955px;}
#bottom_navigation_columns {float:left; width:100%; padding:20px 0px 20px 0px;}
.bottom_navigation_col1 {width:14%; float:left; margin: 0px; padding: 0px;}
.bottom_navigation_col2 {width:16%; float:left; margin: 0px; padding: 0px;}
.bottom_navigation_col3 {width:26%; float:left; margin: 0px; padding: 0px;}
.bottom_navigation_col4 {width:14%; float:left; margin: 0px; padding: 0px;}
.bottom_navigation_col5 {width:8%; float:left; margin: 0px; padding: 0px;}
.vertical_bar {float:left; width:6%; padding: 5px 35px 5px 35px;}
#copyright_container {margin: 0px auto 0px auto; max-width:955px;}
#copyright {background-color:#f1ecd6; padding-top:10px; padding-bottom:10px; position:relative; /*top:80px;*/ text-align:center;}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    padding-bottom: 5px;
}
blockquote {
    border-left: 0px;
    font-size: 12px;
    margin: 0 0 20px;
    padding: 10px 10px;
}


/* Bottom and Top Navigation Change */	
	
@media screen and (min-width: 815px) and (max-width: 1050px) {
.container {
    width: 900px;}
.page .navbar-nav li a {font-size: 15px; color:#ffffff; text-transform:uppercase; padding:0px 30px 0px 20px; text-decoration:none;}
#bottom_navigation_container {margin: 0px auto 0px auto; max-width:955px;}
#bottom_navigation_columns {float:left; width:100%; padding:20px 0px 20px 0px;}
.bottom_navigation_col1 {width:10%; float:left; margin: 0px; padding: 0px;}
.bottom_navigation_col2 {width:12%; float:left; margin: 0px; padding: 0px;}
.bottom_navigation_col3 {width:21%; float:left; margin: 0px; padding: 0px;}
.bottom_navigation_col4 {width:18%; float:left; margin: 0px; padding: 0px;}
.bottom_navigation_col5 {width:12%; float:left; margin: 0px; padding: 0px;}
.vertical_bar {float:left; width:7%; padding: 5px 20px 5px 20px;}
}


/* Medium Screen */	
	
@media screen and (min-width: 815px) and (max-width: 947px) {
#logo_container {position:absolute; width:100%; height:82px; z-index:999;}
#logo_image {margin: 0px auto 0px auto; max-width:955px; padding-top:0px;}
.page a.logo {
	/*position: absolute;
	top: 75px;
	left: 14px;*/
	display: block;
	width: 450px;
	height: 82px;
	background: url(../../img/logo_med.png) no-repeat 5px 5px;
}
.container {
    width: 750px;}
.page .navbar-nav li a {font-size: 15px; color:#ffffff; text-transform:uppercase; padding:0px 20px 0px 10px; text-decoration:none;}
#footer {padding-top:5px; padding-bottom:5px; top:0px;}
#copyright {top:0px;}
.bottom_navigation_col1 {display:none;}
.bottom_navigation_col2 {display:none;}
.bottom_navigation_col3 {display:none;}
.bottom_navigation_col4 {display:none;}
.bottom_navigation_col5 {width:100%; float:none; margin: 0px; padding: 0px; text-align:center;}
.vertical_bar {display:none;}
}


/* Small Screen */

@media screen and (min-width: 150px) and (max-width: 815px) {	
body,td,th {
	line-height:22px;
}
#logo_container {position:absolute; width:100%; height:66px; z-index:999;}
#logo_image {margin: 0px auto 0px auto; max-width:955px; padding-top:0px;}
.page a.logo {
	/*position: absolute;
	top: 75px;
	left: 14px;*/
	display: block;
	width: 350px;
	height: 66px;
	background: url(../../img/logo_sm.png) no-repeat 5px 5px;
}
#top_navigation {position: relative; float:none; z-index:10; padding-bottom:10px; text-align:center; top:20px;}
#search {float:none; position:relative; z-index:10; padding-right:6px; top:42px; text-align:center; }
#social_media {float:none; position:relative; z-index:10; top:82px; text-align:center; }
#tag_line {display:none;}
.navigation_container {
	top:165px;
}
.container {
    width: 100%;}
#header_image_container {padding-top:103px; z-index:1;}
#header_image_about_us {display:none;}
#header_image_whats_new {display:none;}
#header_image_events_workshops {display:none;}
#header_image_law_by_topic {display:none;}
#header_image_links {display:none;}
#header_image_contact_us {display:none;}
#header_image_speakers_bureau {display:none;}
#header_image_abuse_and_violence {display:none;}
#header_image_consumer_law {display:none;}
#header_image_criminal_law {display:none;}
#header_image_family_law {display:none;}
#header_image_going_to_court {display:none;}
#header_image_housing_and_property {display:none;}
#header_image_planning_ahead {display:none;}
#header_image_self_help_guides {display:none;}
#header_image_you_and_your_rights {display:none;}
#header_image_youth_and_the_law {display:none;}
#header_image_order_publications {display:none;}
#header_image_general_faq {display:none;}
#header_image_videos {display:none;}
#content {padding:10px 15px 25px 15px;}
#content_inner {float:none; padding:0px; width:100%;}
#highlights_title_bar {display:none;}
#highlights_container {margin-top:0px; z-index:0;}
#highlights_events_workshop_container {float:none; clear:both; padding-bottom:70px; min-width:300px;}
#highlights_featured_showcase_container {float:none; clear:both; padding-bottom:90px; min-width:300px;}
#highlights_law_by_topic_container {float:none; clear:both; padding-bottom:60px; min-width:300px;}
#vertical_divider {display:none;}
#title_bar {height:60px; background:url(../../img/highlights_title_bar.png) repeat-x; width:100%; position:relative; margin-top:-7px; z-index:0;}
#titles_position {float:none; width:100%; text-align:left;}
#titles_position_full {margin-left:0px;}
#side_bar {float:none; padding:25px 10px 5px 10px; background:none;}
#align_left {float:none;}
#align_right {float:none; padding-left:0px;}
#footer {padding-top:5px; padding-bottom:5px; top:0px;}
#copyright {top:0px;}
.bottom_navigation_col1 {display:none;}
.bottom_navigation_col2 {display:none;}
.bottom_navigation_col3 {display:none;}
.bottom_navigation_col4 {display:none;}
.bottom_navigation_col5 {width:100%; float:none; margin: 0px; padding: 0px; text-align:center;}
.vertical_bar {display:none;}
}


/* Extra Small Screen */

@media screen and (min-width: 150px) and (max-width: 325px) {	
.page a.logo {
	/*position: absolute;
	top: 75px;
	left: 14px;*/
	display: block;
	width: 300px;
	height: 58px;
	background: url(../../img/logo_xs.png) no-repeat 5px 5px;
}
}


/* Bootstrap Collapsed Dropdown Navigation*/
@media (max-width: 800px) {
  .nav > li {
  position: relative;
  display: block;
  background-color:#000000;
  /*top:20px;*/
  padding:10px;
  }
  .navbar-nav {
    margin: 0px -15px;
}
 .navbar-inverse .navbar-nav > .open > a,
 .navbar-inverse .navbar-nav > .open > a:hover,
 .navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background:none;
 }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #652864;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
  #navigation_items {float:right; width:100%; margin-left:0; padding-left:0;}
  .page .navbar-inverse {margin-top:55px; float:right;}
  .navigation {padding-top:0px;}
  .page .navbar-nav li {border-left: none; line-height:1px; padding-left:0em;}
  .page .navbar-nav li + li {border-left: none; line-height:1px; padding-left:0em;}
}


/* Bootstrap Collapsed Dropdown Navigation*/
@media (max-width: 800px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #f03b34;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    /*background-color: transparent;*/
  }
}
/* Stylesheet: pleis_nb Modified On 2016-02-19 16:05:02 */
