@charset "utf-8";
/*
====================================================================
Navy JAG Core CSS 
	Version 3.0
	Date: 08/03/09

	Author: Lauren Egan, Qnexis, Inc. http://www.qnexis.com
		***for***
	The U.S. Navy JAG Corps http://www.jag.navy.mil/
	
	Color Palette:
	Navy:   #0d1e3a
	Teal:   #1f3a47
	Tan:    #dbd3a7
	DrkTan: #b4aa72
	LtTan:  #ebebcf
	DrkBrwn:#1a1001
	Gray:   #fafafa

====================================================================     
*/

/*
====================================================================
Global Reset
====================================================================
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, ol, ul, li, dl, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, verdana, tahoma, sans-serif;
	vertical-align: baseline;
	text-decoration: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-weight: bold;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

address {
	font-style: normal;
	}

acronym {
	cursor: help;
}

a acronym {
	cursor: pointer;
}

selector {
        filter: alpha(opacity=50); /* internet explorer */
        -khtml-opacity: 0.5;      /* khtml, old safari */
        -moz-opacity: 0.5;       /* mozilla, netscape */
        opacity: 0.5;           /* fx, safari, opera */
        }



/*
====================================================================
Header Styles
====================================================================
*/
html {
	background: #2F3742 url(../images/footerbg.gif) repeat-y top center;
}

body {
	font: 0.85em/1.20em Arial, Helvetica, sans-serif;
	background: transparent url(../images/topbg.jpg) repeat-x top left;
}

#top {
	width: 900px;
	margin: 0 auto;
	padding: 0 50px;
	overflow: hidden;
}
#navylinks {
	height: 32px;
	padding: 0 20px 0 0;
	text-align: right;
	background-color: #0d1e3a;
	list-style: none;
}
	#navylinks li {
		display: inline;
		height: 22px;
		text-transform: uppercase;
		font-size: 0.70em;
		padding-bottom: 0;
	}
	#navylinks a:link, #navylinks a:visited {
		color: #ebebcf;
		padding: 0.45em 1em 0em 1em;
		display: inline-block;
	}	
	#navylinks a:hover, #navylinks a:active, #navylinks a:focus  {
		color: #0d1e3a;
		background-color: #b4aa72;
	}
	#navylinks #skip {
		color: #0d1e3a;
	}

#header {
	height: 95px;
	background: #dbd3a7 url(../images/headerbg.jpg) repeat-x top left;
	overflow: hidden;
}

.logo {
	width: 130px;
	float: left;
	position: absolute;
	margin: 5px 0 0 -25px;
	display: inline;
}

.title {
	width: 775px;
	height: 12px;
	margin: 34px 0 0 125px;
	background: url(../images/jag_title.jpg) no-repeat top left;
	text-indent: -9999px;
	float: left;
	display: inline;
}

/*
====================================================================
Navigation Styles
====================================================================
*/
ul.dropdown {
	width: 765px;
	font-size: 0.85em;
	color: #0d1e3a;
	display: inline;
	position: absolute;
	margin: 60px 0 0 100px;
	padding: 0;
	float: left;
	list-style: none;
	line-height: 1em;
	}
	
	ul.dropdown li {
		float: left;
		position: relative;
		vertical-align: middle;
		zoom: 1;
		border-right: 1px dotted #acacac;
		border-bottom: none;
		white-space:nowrap;
		padding: 0;
	}
	
	ul.dropdown li.hover,
	ul.dropdown li:hover {
		position: relative;
		z-index: 1000;
	}
	
	ul.dropdown ul {
		visibility: hidden;
		position: absolute;
		padding: 0;
	 	top: 100%;
	 	left: 0;
		width: auto;
	 	background: #fafafa url(../images/accentbg.jpg) repeat-x top left;
		list-style: none;
		line-height: 1em;
	}
	
	ul.dropdown ul li {
		float: none;
		line-height: 1.5em;
		border-right: none;
		width: 215px;
	}
	
	ul.dropdown ul ul {
		top: 0;
		left: 100%;
		border-left: 1px dotted #acacac;
		list-style: none;
		padding: 0;
	}
	
	ul.dropdown li:hover > ul {
		visibility: visible;
	}

	ul.dropdown a {
		display: block;
		}
		
	ul.dropdown li a:link, ul.dropdown li a:visited {
		color: #0d1e3a;
		font-weight: bold;
		padding: 7px 10px;
		}
			
	ul.dropdown li a:hover, ul.dropdown li a:active {
		background-color: #dfdfdf;
		}

	ul.dropdown ul li a:link, ul.dropdown ul li a:visited {
		color: #3f6d79;
		font-weight: bold;
		padding: 5px 5px;
		border-bottom: 1px dotted #acacac;
		}
			
	ul.dropdown ul li a:hover, ul.dropdown ul li a:active {
		font-weight: bold;
		background-color: #fff;
		}

	ul.dropdown li.last {
		padding-right: 0;
		border-right: none;
	}
	
	.direct {
		background: url(../images/arrow.gif) no-repeat 95% 50%;
	}

/*
====================================================================
Banner Styles
====================================================================
*/

#banner {
	width: 100%;
	background: #070e21;
	border-top: 3px solid #dfdfdf;
}

#banner .about {
	background-position: 0 0;
}

#banner .publicaffairs {
	background-position: 0 -120px;	
}

#banner .careers {
	background-position: 0 -240px;	
}

#banner .legalservices {
	background-position: 0 -360px;	
}

#banner .courts {
	background-position: 0 -480px;	
}

#banner .library {
	background-position: 0 -600px;	
}

#banner .navaljusticeschool {
	background-position: 0 -720px;	
}

#banner .contact {
	background-position: 0 -840px;	
}

#banner h2 {
	width: 900px;
	height: 120px;
	margin: 0 auto;
	background: url(../images/banners.jpg);
	background-repeat: no-repeat;
	padding: 0;
	line-height: 12px;
	text-indent: -9999px;
	display: block;
	border-bottom: none;
}

/*
====================================================================
Main Styles
====================================================================
*/
#maincontainer {
	width: 100%;
	background: #c6bd92 url(../images/maincontainbg.jpg) repeat-x top left;
	border-top: 3px solid #dfdfdf;
	overflow: hidden;
}
	
#main {
	width: 840px;
	margin: 0 auto;
	padding: 20px 30px;
	background: #dbd3a7 url(../images/mainbg.jpg) repeat-x top left;
	overflow: hidden;
	text-align: left;
}

#main #breadcrumb {
	margin-bottom: 1.25em;
	list-style: none;
	padding: 0;
}

	#main #breadcrumb li {
		display: inline;
		text-transform: uppercase;
		font-size: 0.75em;
		color: #0d1e3a;
	}
	#main #breadcrumb a:link, #main #breadcrumb a:visited {
		color: #0d1e3a;
		text-decoration: none;
	}	
	#main #breadcrumb a:hover, #main #breadcrumb a:active {
		color: #dfdfdf;
		text-decoration: none;
	}
	
.blocklink a {
	width: 100%;
	height: 100%;
	display: block;
}

#main a:link, #main a:visited {
	color: #0d1e3a;
	font-weight: bold;
}	
#main a:hover, #main a:active {
	color: #1c4c59;
	text-decoration: underline;
	font-weight: bold;
}

#content {
	width: 600px;
	padding-right: 20px;
	float: left;
	border-right: 1px dotted #0d1e3a;
	overflow: hidden;
}

#highlight {
	width: 195px;
	float: left;
	padding-left: 20px;
	font-size: 91%;
	display: inline;
	overflow: hidden;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin-bottom: 1em;
	padding: 0.75em 0 0.25em 0;
	color: #0d1e3a;
	line-height: 1.45em;
	border-bottom: 1px dotted #0d1e3a;
}

h3 {
	font-size: 1.05em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0.5em 0 0.5em 0;
	color: #1c4c59;
	line-height: 1.35em;
}

h3a {
	font-size: 2.3em;
	font-weight: bold;
	padding: 0.5em 0 0.5em 0;
	color: #1c4c59;
	line-height: 1.35em;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}

h4 {
	font-size: 1.05em;
	font-weight: bold;
	padding: 0.5em 0 0.25em 0;
}

p {
	font-size: 1em;
	line-height: 1.45em;
	padding-bottom: 1.25em;

}

blockquote {
	font-size: 1em;
	line-height: 1.45em;
	padding-bottom: 1.25em;
	text-indent: -0.4em;
}

ul, ol {
	font-size: 1em;
	line-height: 1.45em;
	padding: 0 0 1em 2em;
}

ul li, ol li {
	padding-bottom: 0.5em;
}

ul ul ul ul {
	list-style-type: disc;
}

ul ul ul ul ul {
	list-style-type: circle;
}

ul ul ul ul ul ul {
	list-style-type: square;
}

ul li ul, ul li ol, ol li ul, ol li ol {
	padding-bottom: 0;
	padding-top: 0.15em;
}

#highlight ul li, #highlight ol li {
	padding-bottom: 0;
}

.no-liststyle {
	list-style-type: none;
	padding: 0 0 1.25em 1em;
}

.no-liststyle li ul {
	list-style-type: none;
	padding: 0 0 0.25em 1em;
}

.upper-roman {
	margin-left: 0.25em;
	list-style-type: upper-roman;
}

.upper-alpha {
	list-style-type: upper-alpha;
}

.lower-alpha {
	list-style-type: lower-alpha;
}

dl {
	font-size: 1em;
	line-height: 1.3em;
	padding-bottom: 1.25em;
}

dt {
	padding: 0.75em 0 0.15em 0;
	font-weight: bold;
}

dd {
	font-size: 1em;
	line-height: 1.45em;
}

#main .floatleft {
	float: left;
	position: relative;
	padding: 0.5em 1em 0.5em 0;
}

#main .floatright {
	float: right;
	position: relative;
	padding: 0.5em 0 0.5em 1em;
}

.footnote {
	width: 100%;
	margin-top: 1.25em;
	padding-top: 0.25em;
	font-style: oblique;
	font-size: 0.9em;
	color: #333;
	border-top: 1px dotted #0d1e3a;
	float: left;
	}

#content .footnote {
	width: 580px;
	margin-top: 1.25em;
	padding-top: 0.25em;
	font-style: oblique;
	font-size: 0.9em;
	color: #333;
	border-top: 1px dotted #0d1e3a;
	float: left;
	}

.pdf {
	background: url(../images/file.gif) no-repeat 0 1px;
	padding-left: 15px;
}

p.pdf {
	background-position: 0 4px;
}

.chart {
	background: url(../images/chart.gif) no-repeat 0 1px;
	padding-left: 15px;
}

p.chart {
	background-position: 0 4px;
}

.exlink {
	background: url(../images/external_link.gif) no-repeat 0 1px;
	padding-left: 16px;
}

.download {
	background: url(../images/download.gif) no-repeat 0 1px;
	padding-left: 15px;
}

.rss {
	background: url(../images/rss.gif) no-repeat 0 1px;
	padding-left: 25px;
}

.back {
	background: url(../images/arrow_top.gif) no-repeat 0 1px;
	padding-left: 15px;
}

.btn-slide {
	background: url(../images/plus.gif) no-repeat 0 1px;
	padding-left: 15px;
	font-size: 1em;
	line-height: 1.5em;
	}

#contact .btn-slide {
	background: url(../images/plus.gif) no-repeat 0 1px;
	padding: 0 0 20px 15px;
	font-size: 1em;
	}

	.active {
		background: url(../images/minus.gif) no-repeat 0 1px;
	}
	
#main img {
	padding: 1em 0;
}

#main .buttonlist a:link, #main .buttonlist a:visited {
	margin-bottom: 1em;
	padding: 0.25em 0.45em;
	background: #fafafa url(../images/accentbg.jpg) repeat-x top left;
	border: 1px solid #CCC;
	color: #0d1e3a;
	font-weight: bold;
	text-decoration: none;
}

#main .buttonlist a:hover, #main .buttonlist a:active {
	color: #1f3a47;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #fff;
}
#main .buttonlist {
	margin: 0.5em 0;
	padding: 0;
}
#main .buttonlist li ul {
	margin: 1em 0 0.5em 1em;
	padding: 0;
}
#main .buttonlist li {
	list-style-type: none;
	padding: 0;
	margin-bottom: 1em;
}

#main .archivenav li {
	width: auto;
	float: left;
	margin: 0.25em 0.45em 0 0;
	display: inline-block;
}

#main .archivenav {
	width: 100%;
	height: 30px;
	overflow:inherit;
}

#main .map {
	height: 544px;
	padding: 0;
}

.more {
	margin-top: -10px;
	padding-bottom: 1.75em;
}

/*Office/Contact Info Styles*/
#main .offices {
	width: 100%;
	float: left;
	margin-bottom: 0.25em;
	display: inline;
	overflow: hidden;
}

	#main .offices div {
		width: 100%;
		float: left;
		overflow: hidden;
		display: inline;
	}
	

	#main .offices div .wide {
		width: 100%;
		overflow: hidden;
		display: inline;
	}
	
	#main .offices div h2 {
		width: 100%;
		float: left;
		display: inline;
		overflow: hidden;
	}
	
	#main .offices dl {
		width: 260px;
		float: left;
		display: inline;
		padding-top: 0;
		margin-right: 20px;
		overflow: hidden;
	}
	
	#main .offices .divider {
		margin-right: 15px;
		border-right: 1px dotted #0d1e3a;
	}
	
	#main .offices h4 .btn-slide {
		font-size: .95em;
		margin-bottom: 0.5em;
	}
	
	#main .offices p {
		padding-bottom: 0.75em;
	}

/*Leaderhip*/
.leadership h3 {
	padding-bottom: 0;
}

	.leadership h4 {
		font-size: 1em;
		font-weight: bold;
		line-height: 1.5em;
		padding-bottom: 0.5em;
		color: #0d1e3a;
	}
	
	.leadership p.link {
		margin-top: 3.5em;
	}
	
	.leadership dl {
		width: 260px;
		float: left;
		display: inline;
		padding-top: 0;
	}
	.leadership dt {
		padding-top: 1.15em;
	}

/*Diversity*/
.diversity h4 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: 0.5em;
	color: #0d1e3a;
}
	
	#column1 {
		width: 380px;
		float: left;
		padding-right: 20px;
		border-right: 1px dotted #0d1e3a;
		display: inline;
	}
	#column2 {
		width: 380px;
		float: left;
		padding-left: 20px;
		display: inline;
	}
	
	#column1 h3, #column2 h3 {
		padding-bottom: 0;
	}
	
	#main .diversity .floatleft {
		padding: 0.25em 1em 0 0;
	}

   /*Legal Services*/
   #legalservices #main .legalcolumn {
      width: 239px;
      height: 325px;
      float: left;
      padding: 0 20px;
      margin-bottom: 15px;
      display: inline;
      overflow: hidden;
   }

   /*Legal Services - 2 up - MSP*/
   #legalservices #main .legalcolumn2up {
      width: 400px;
      height: 250px;
      float: center;
      padding: 0 20px;
      margin-bottom: 10px;
      display: inline;
      overflow: hidden;
   }
      
   #legalservices #main .dividerleft {
		border-left: 1px dotted #0d1e3a;
	}
	
	#legalservices #main .dividerright {
		border-right: 1px dotted #0d1e3a;
	}
	
	#legalservices #main .legalfoot {
		width: 100%;
		margin-top: 1.25em;
		padding-top: 0.25em;
		border-top: 1px dotted #0d1e3a;
		float: left;
	}

/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted #2F3742;	
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 15em;
	background-color: #191f2d;
	color: #ffffff;
	text-align: left;
	padding: .8em;
	padding-left:2em;
	border-radius: 0.5em;
	position: absolute;
	z-index: 100;
	top: 1.5em;
	left: 2.4em;
	transition: opacity 0.3s;
	overflow: visible;
	
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	display: inline-block;
	opacity: 1;
	color: #FFFFFF;

} 

/*
====================================================================
Table Styles
====================================================================
*/

table {
	width: 100%;
	margin: 0.25em 0;
	#fafafa url(../images/accentbg.jpg) repeat-x left top
	border-collapse: collapse;
	float: left;
	}
	
th, td {
	padding: 0.5em;
	border: 1px solid #D2D2DD;
	border-top: none;
	font: 0.9em/1.35em Arial, Helvetica, verdana, tahoma, sans-serif;
	vertical-align: middle;
	line-height: 1.5em;
	}

th {
	font-size: 1.05em;
	font-weight: bold;
	color: #0d1e3a;
	border-bottom: 1px dotted #1c4c59;
}

.sorttable th {
	width: 25%;
	cursor: pointer;
}

caption {
	font-size: 1.05em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 1.5em 0 0.75em 0;
	color: #1c4c59;
}

tfoot {
	font-size: 0.8em;
}

#table-search-container {
	width: 100%;
	float: left;
	margin: 1em 0 1em 0;
}
.table-search-error-message {
	margin-top: 0.25em;
	color: #C00;
	font-weight: bold;
}
table.sorttable thead tr .header {
	cursor: pointer;
}
table.sorttable thead tr .headerSortUp {
	background: url(../images/arrow_top.gif) no-repeat 95% 50%;
}
table.sorttable thead tr .headerSortDown {
	background: url(../images/arrow_down.gif) no-repeat 95% 50%;
}
MPt {
	width: 100%;
	margin: 0.25em 0;
	border-collapse: collapse;
	float: left;
	background-image: url(../images/accentbg.jpg);
	background-repeat: repeat;
	background-position: left top;
	}
	
MPth, td {
	padding: 0.5em;
	border: 0px solid #D2D2DD;
	border-top: none;
	font: 0.9em/1.35em Arial, Helvetica, verdana, tahoma, sans-serif;
	vertical-align: middle;
	line-height: 1.5em;
	}
/*
====================================================================
Footer Styles
====================================================================
*/
#footer {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.65em;
	color: #ebebcf;
	border-top: 3px solid #dfdfdf;
	list-style: none;
}
	#footer ul {
		padding: 0 0 1em 0;
	}
	
	#footer li {
		display: inline;
		line-height: 1em;
	}

	#footer a:link, #footer a:visited, #footer li span {
		color: #ebebcf;
		padding: 0 1em;
	}
	
	#footer a:hover, #footer a:active {
		text-decoration: underline;
	}

	.officialsite {
		color: #b4aa72;
		padding: 0.5em 0;
		margin-bottom: 2em;
	}

/*
====================================================================
Searchbox Styles - MSP - 2013-04-10
====================================================================
*/
	.jag_search_button {
		-moz-box-shadow:inset 0px 1px 5px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 5px 0px #ffffff;
		box-shadow:inset 0px 1px 5px 0px #ffffff;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
		background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
		background-color:#ededed;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #dcdcdc;
		display:inline-block;
		color:#777777;
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		padding:3px 2px;
		text-decoration:none;
		text-shadow:1px 1px 0px #ffffff;
	}
	.jag_search_button:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
		background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
		background-color:#dfdfdf;
	}
	.jag_search_button:active {
		position:relative;
		top:1px;
	}
    .jag_search_box {
		height: 10px;
		background-color: #ffffe6;
		border: 1px solid #cc9900;
		color: #000080;
		font-size: 8;
		font-family: arial;
		font-style: ;
		font-weight: bold;
		padding: 1px;
    } 
/*    .jag_search_box {
        border-right: navy 1px solid; 
		padding-right: 1px; 
		background-position: center center; 
		border-top: navy 1px solid; 
		padding-left: 1px; 
		font-weight: bold; 
		font-size: 10px; 
		padding-bottom: 1px; 
		margin: 1px; 
		vertical-align: middle; 
		text-transform: none; 
		border-left: navy 1px solid; 
		color: darkblue; padding-top: 1px; 
		border-bottom: navy 1px solid; 
		font-style: normal; 
		font-family: arial; 
		border-collapse: separate; 
		background-color: papayawhip; 
		text-align: left; 
		font-variant: normal;
    }     */