/* @group Overall Elements */

/*
	recommend against using this
	this makes the scroll bar show up even if it isn't needed
	my guess is that this is a bug in the CSS implementation of the browsers it works on
	since CSS should not be able to alter the behavior of browsers outside page elements.
	What they're trying to do is make this behave as a printed document.
	Browser scroll bars are an indication to the reader that there is more content.
	We shouldn't force one to show up.
*/
html {
	overflow-y: scroll;
}
body {
	margin: 0;
	background-color: #808080;
	background-image: url(/law/images/blue_header_bar.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
}
p {
	line-height: 1.3em;
}
a {
	text-decoration: none;
}
div#structure_container {
	margin: auto;
	width: 60em;
	background-color: white;
}
/* @end */

/* @group Header Area */

/* this was originally div#header, change to be specific to the other pages needing the regular header so this style no longer competes with the new centers header --Joy */
body#content div#header, body#landing div#header, body#home div#header {
	position: relative;
	width: 60em;
	height: 5.49em;
	background-color: #002469;
}
img#logo {
	width: auto;
	border: 0;
}
/* The following is used in the Centers and Publication templates */
img#law_logo {
	border: none;
}
/* @group Global */

ul#global {
	text-align: right;
	background-color: #002469;
	margin: 0;
	padding-top: .6em;
	padding-bottom: .6em;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 55%;
}
ul#global li {
	margin: 0;
	padding: 0;
	padding-right: 1em;
	padding-left: 1em;
	list-style-type: none;
	display: inline;
	text-transform: uppercase;
}
ul#global li + li {
	border-left: 1px solid white;
}
ul#global a {
	color: white;
}
ul#global a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Information */

body#landing div#information, body#content div#information {
	position: absolute;
	right: 0;
	top: 0;
	height: 5.49em;
	width: 50%;
}
div#search {
	width: 30%;
}
form#quicksearch {
	margin-top: 1em;
	padding-top: 0em;
	text-align: right;
	float: right;
}
form#quicksearch p {
	margin-top: .5em;
}
ul#audience {
	width: 8.5em;
	padding-bottom: 0em;
	padding-left: 1em;
	padding-right: 0;
	padding-top: .3em;
	margin: 0;
	position: absolute;
	bottom: 0;
	background-image: url(/law/images/info_request_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
ul#audience p {
	padding: 0;
	padding-top: .45em;
	padding-bottom: .4em;
	margin: 0;
	font-size: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	background-image: url(/law/images/audience_arrow.gif);
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}
ul#audience li {
	list-style: none;
	font-style: italic;
	color: white;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 80%;
}
ul#audience a, ul#audience span {
	font-weight: normal;
	color: white;
	font-size: 100%;
}
ul#audience ul {
	display: none;
	position: absolute;
	z-index: 1;
	left: 0;
	padding: 0;
	padding-top: .2em;
	padding-bottom: .5em;
	background-color: #616161;
	width: 100%;
	margin-left: 0;
}
ul#audience ul li {
	font-style: normal;
	padding-top: .4em;
	padding-bottom: .4em;
}
ul#audience:hover ul {
	display: block;
}
body#landing ul#audience:hover ul, body#content ul#audience:hover ul {
	opacity: .9;
}
ul#audience ul li:hover {
	background: #343434;
}
ul#audience ul li a {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: .3em;
	padding-bottom: .3em;
	display: block;
	font-weight: bold;
}
/* @end */

/* @end */

/* @group Footer */

p.addtoany {
	clear: both;
	float: right;
	padding-right: 1.5em;
}
p#footer {
	clear: both;
	height: 3.06em;
	background-color: #d7d7d7;
	text-align: center;
	font-size: 65%;
	padding-top: 1.5em;
	color: #7c7b7b;
}
p#footer a {
	color: #7c7b7b;
	text-decoration: underline;
}
/* @end */

/* @group Section Info */
div#content_column .content_heading {
	background-color: #959595;
}
div.headline h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 180%;
	color: white;
	padding-left: 3%;
}
body#content div.headline h1 {
	padding-top: 1.5%;
	padding-right: 0;
	padding-bottom: .5%;
	margin: 0;
}
body#landing div.headline {
	position: relative;
}
body#landing div.headline h1 {
	position: absolute;
	top: 0;
}
div#content_column div.headline img {
	width: 100%;
	display: block;
}
div#content_column div.content_heading p {
	padding: 2% 0 2% 3%;
	margin: 0;
	font-size: 70%;
}
/* We cannot add padding on the UL. If we try to do padding on the UL, the padding pushes up instead of moving the element down. This is why we are setting the margin on the UL, but the padding on the A */

ul#applylinks {
	height: 2em;
	margin: 0;
	padding-left: 2%;
}
body#content ul#applylinks {
	margin-left: -1.5em;
	text-align: right;
}
body#landing ul#applylinks {
	text-align: left;
}
ul#applylinks li {
	font-size: 70%;
	list-style-type: none;
	display: inline;
	margin-left: .2em;
	padding: .5em 0em .5em .4em;
}
ul#applylinks li+li {
	margin-left: 0;
	padding-left: 0;
}
ul#applylinks li a {
	background-color: #1a75cf;
	padding: .5em 1em .5em 1em;
	color: white;
	font-weight: bold;
}
ul#applylinks li a:hover {
	background-color: #6aa5e0;
}
/* @end */

/* @group Navigation */

div#navigation {
	width: 13.3125em;
	float: left;
}
ul#primary_navigation {
	background: #4b4b4b;
	list-style-type: none;
	margin: 0;
	padding: .4em 0 .4em 0em;
	text-transform: uppercase;
	position: relative; /* --for span.bullet */
}
ul#primary_navigation li.open, ul#primary_navigation li.open:hover {
	background-image: url(/law/images/nav_bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
}
span.bullet {
	display: none;
}
ul#primary_navigation li {
	line-height: 1.6em;
	padding-left: 1em;
}
ul#primary_navigation li a {
	color: white;
	font-weight: bold;
	font-size: 70%;
	display: block;
}
ul#primary_navigation li:hover {
	background: #3d3d3d;
}
ul.secondary_navigation {
	font-size: 70%;
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	padding-left: 1.5em;
	line-height: 2em;
	color: #979797;
	margin: 0;
	margin-top: .7em;
}
ul.secondary_navigation a {
	color: black;
}
ul.secondary_navigation a:hover {
	text-decoration: underline;
}
ul.secondary_navigation li ul {
	margin: 0;
	padding: 0 0 0 .8em;
	list-style-type: none;
	text-transform: none;
	font-weight: normal;
}
div#navigation ul.secondary_navigation li.open ul li {
	line-height: 1.3em;
	padding-top: .5em;
	padding-bottom: .5em;
}
div#navigation ul.secondary_navigation li {
	line-height: 1.3em;
	padding-top: .5em;
	padding-bottom: .5em;
	text-transform: none;
}
/* @end */

/* @group Contact Information */

div.contact_entry {
	background-color: #898989;
	margin: 0;
	padding-top: .8em;
}
div.info, div.hours {
	padding: 0 0 .2em .8em;
}
div.contact_entry h4, div.contact_entry h5 {
	margin: 0;
	padding: 0;
	color: white;
	font-size: 70%;
}
div.contact_entry h5 {
	font-weight: normal;
}
div.contact_entry h5:hover {
	cursor: pointer;
}
div.contact_entry p, div.contact_entry tr {
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	color: #cacaca;
	font-size: 70%;
}
div.contact_entry th {
	font-weight: normal;
	text-align: left;
}
div.contact_entry p a {
	color: #cacaca;
	text-decoration: underline;
}
div.hours div {
	display: none;
	background-color: #B8B8B8;
	/* these match the padding set on div.info, div.hours above */
	margin-left: -.8em;
	padding-left: .8em;
}
div.hours p, div.hours tr, div.hours div h5 {
	color: black;
}
/* @end */

/* @group Breadcrumb */
div#content_column div.content_heading p {
	padding-top: 1em;
	margin: 0;
	color: #ffffff;
}
div#content_column div.content_heading p a {
	color: #cacaca;
	text-decoration: none;
}
div#content_column div.content_heading p a:hover {
	text-decoration: underline;
}
/* @end */

/* @group User Content Area */

div#content_container {
	clear: both;
}
div#content_column {
	float: right;
	width: 46.6875em;
}
div.content {
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 3%;
	background-color: white;
	font-size: 80%;
}
/* @end */


/* @group Social Bar */
ul#social {
	text-align: left;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0;
	padding-top: .5em;
	padding-bottom: .31em;
	margin: 0;
	width: 20.3em;
	background-image: url(/law/images/social_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
ul#social li {
	list-style: none;
	display: inline;
	font-size: 70%;
	padding-left: 1.3em;
	padding-right: 1.3em;
	position: relative;
}
ul#social a {
	color: white;
}
ul#social a.info {
	position: relative; /*this is the key*/
	color: #fff;
	text-decoration: none;
}
ul#social li a.info img {
	display: none;
	border: 0;
	position: absolute;
	top: -3em;
	left: -1.5em;
}
/*the span will display just on :hover state*/
ul#social a.info:hover span, ul#social a.info:hover img {
	display: block;
}
ul#social li + li {
	border-left: 1px solid white;
}
/* @end */

/* @group css for timepicker and datepicker */
#ui-datepicker-div {
	font-size: 75%;
}
.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px;
}
.ui-timepicker-div dl {
	text-align: left;
}
.ui-timepicker-div dl dt {
	height: 25px;
	margin-bottom: -25px;
}
.ui-timepicker-div dl dd {
	margin: 0 10px 10px 65px;
}
.ui-timepicker-div td {
	font-size: 90%;
}
.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}
/* @end */