html {margin: 0; padding: 0;}
body {
	background: #999999;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	color: #242424;
}
img {border: 0 none;}
a, a:link, a:visited {color: #6C511E; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
h1 {margin: 0 0 15px 0;}

/*Page Structure*/
#mainBody {
	background: #FFFFFF;
	width: 960px;
	margin: 20px auto 27px auto;
}
.clear {margin: 0; padding: 0; clear:both;}

/*Header Styles*/
#header {
	background: url(/archive/usao/images/tjs-header_bg.gif) 0 0 repeat-x scroll;	
	width: 960px;
	height: 189px;
}
#headDOJ img {margin: 0;}

#headLogo {
	display: block;
	float: left;
	height: 118px;
	width: 677px;
	padding: 0 0 0 0;
}
#headSearch {
	display: block;
	height: 68px;
	width: 237px;
	float: right;
	padding: 35px 45px 0 0;
}
#headSearch span {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bolder;
}
#headSearch table {	margin: 0; padding: 0; border: 0 none;}
.headSearchBox {border: 1px solid #CCCCCC; height: 18px; width: 170px; padding: 2px 0 0 2px; margin: 0 2px 0 0;}
#linkbar {color: #000; background: #999999;}

a, a:link, a:visited {color: #000; text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

/* Head Nav and Drop-Down Boxes */
#navWrap {
	background: url(/archive/usao/images/headNav_bg.gif) 0 0 repeat-x scroll;
	height: 34px;
	width: 960px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	position: relative;
	z-index:500;	
}
#navbar {
	margin: 0;
    padding: 0;
  	height: 1em;
	z-index:500;
}
#navbar li { list-style: none; float: left; z-index:500;}
#navbar li a { display: block; margin: 0; padding: 10px 26px 0; color: #fff; text-decoration: none; height: 24px; z-index: 500;}
#navbar li a:hover, #navbar li a.hover { background: url(/archive/usao/images/headNav_bgDark.gif) 0 0 repeat-x scroll; text-decoration: none; z-index:500; display:block; }
#navbar li ul {
    display: none; 
    background-color: #242424;
	z-index:500;
}
#navbar li:hover > a{
	background: url(/usao/images/headNav_bgDark.gif) 0 0 repeat-x scroll;
}
#navbar li:hover ul, #navbar li.hover ul {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 34px;
    left: auto;
	border-bottom: 3px solid #6C511E;
	z-index:500;
}
#navbar li:hover ul li, #navbar li.hover ul li { float: none; clear: both; z-index: 500;}
#navbar li:hover ul li a, #navbar li.hover ul li a { background: #242424; color: #fff; z-index: 500;}
#navbar li:hover ul li a:hover, #navbar li.hover ul li a:hover  { background-color: #6C511E; z-index: 500;}
#navbar li:ul ul a.drop:hover {
	color: #242424;
}
#navbar ul ul {
	visibility:hidden;
}
#navbar ul li:hover ul, ul a:hover ul {
	visibility:visible;
}
#navbar li:hover ul ul, #navbar li.hover ul ul {
    position: absolute;
    margin: -34px 0 0 0;
    padding: 0;
    top: auto;
    left: 100%;
	border-bottom: 3px solid #6C511E;
	z-index:500;
	background: #333;
	white-space: nowrap;
}
#navbar ul li a:hover {
	background-color: #6C511E;
}

#navbar li:hover ul ul li, #navbar li.hover ul ul li { float: none; clear: both; z-index: 500;}
#navbar li:hover ul ul li a, #navbar li.hover ul ul li a { color: #fff; z-index: 500; background: #333}
#navbar li:hover ul ul li a:hover, #navbar li.hover ul ul li a:hover  { background-color: #6C511E; z-index: 500;}

/*Content Styles*/
#content {background:url(/archive/usao/images/content-bg.gif);}
.contentMain {float: left; width: 700px; padding: 21px 0 10px 0; background: #FFFFFF; min-height:500px;}
.contentSub {float: left; width: 660px; padding: 12px 20px 20px; background: #FFFFFF; min-height:500px;}
.contentMain h1, .contentSub h1 {font: normal 24px Georgia, "Times New Roman", Times, serif; color: #242424; margin: 0 0 15px 0; padding: 0;}
.contentMain h2, .contentSub h2 {font: normal 18px Georgia, "Times New Roman", Times, serif; color: #242424; margin: 0; padding: 0;}
.contentMain h3, .contentSub h3 {font: normal 16px Georgia, "Times New Roman", Times, serif; color: #242424; margin: 0 0 20px 0; padding: 0;}
.contentMain h4, .contentSub h4 {font: normal 16px Georgia, "Times New Roman", Times, serif; color: #242424; margin: 0 0 20px 0; padding: 0;}
.contentMain a, .contentMain a:link, .contentMain a:visited {color:#765821; text-decoration: none;}
.contentSub a, .contentSub a:link, .contentSub a:visited {color:#6C511E; text-decoration:none;}
.contentMain a:hover, .contentMain a:active, .contentSub a:hover, .contentSub a:active {text-decoration: underline;}
.contentSub p {
	line-height: 130%;
	text-align: left;
}
.contentSub ul {line-height: 130%;}
.contentSub h1 {font: bold 20px Georgia, "Times New Roman", Times, serif; color: #242424; margin: 20px 0 0 0; padding: 0;}
.contentSub h2 {font: bold 18px Georgia, "Times New Roman", Times, serif; color: #242424; margin: 10px 0; padding: 0;}
.contentSub h3 {font: 16px Georgia, "Times New Roman", Times, serif; color: #242424; margin: 10px 0; padding: 0;}
.contentSub h4 {font: 16px Georgia, "Times New Roman", Times, serif; color: #242424; margin: 10px 0; padding: 0;}
.breadcrumb {font: normal 13px "Times New Roman", Times, serif; color: #242424; margin: 0 0 10px 0; padding: 0; }
.subDate {font: normal 13px "Times New Roman", Times, serif; color: #999999; margin: 0; padding: 0;}
.contentSub blockquote {border: #CCCCCC 3px double; padding: 0 15px; margin: 10px 35px; font: italic 13px Georgia, "Times New Roman", Times, serif; color: #666666; }
.greyHeadline { clear:both; background: #333333; height: 17px; margin: 0 0 12px 0; font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; color: #FFFFFF; padding: 3px 0 0 8px; }
.readMore {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
.learnMore {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	text-transform: uppercase;
}
.h3Date, .h4Date, .mainTopRight .newsDate {font: 11px Georgia, "Times New Roman", Times, serif; color: #666; margin:0; padding:0;}
.newsDate {font: 11px Georgia, "Times New Roman", Times, serif; color: #242424; margin:25px 0 5px; padding:0; border-bottom: 1px solid #E7DECD;}
.line {border-bottom: #E7DECD 1px solid; clear: both; margin: 10px 0 15px 0;}
.mainTop, .mainBottom { width: 660px; margin: 0 20px 20px 20px;}
.mainTopLeft, .mainBottomLeft {float: left; width: 410px; margin: 0 20px 0 0;}
.mainTopRight, .mainBottomRight {float: right; width: 230px;}
.mainBottom img {float:left; margin: 0 15px 30px 0;}
.mainTopLeft p { margin: 0 0 15px 0; padding: 0; line-height: 145%;}
.mainTopLeft img { margin: 0 0 20px 0; padding: 2px; border: 1px solid #ccc; }
.mainBottomLeft p {line-height: 125%; margin: 0 0 5px 0;}
.subColumns p {margin: 2px 0; padding: 0; font-size: 12px; line-height: 140%;}
.subColLeft { float: left; width: 400px;}
.subColLeft h3 {font: normal 16px Georgia, "Times New Roman", Times, serif; color: #765821; margin: 20px 0 0 0; padding: 0;}
.subColRight { float: right; width: 230px; padding: 0 0 0 30px;}
.subColRight h4 {font: normal 15px Georgia, "Times New Roman", Times, serif; color: #765821; margin: 0 0 15px 0; padding: 0;}
.moreButton a, .moreButton a:link, .moreButton a:visited {color:#FFFFFF; background: #999999; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 15px 0 0 0; padding: 1px 3px 2px;}
.moreButton a:hover, .moreButton a:active {background: #666; text-decoration: none;}
.grantMats p {line-height: 110%; padding: 0; margin: 2px 0;}
.programText { float: right; margin: 0; padding: 0; width: 560px; }
.programText p {padding: 0 0 10px 0; margin: 0;}
.programIcon { float:left; margin: 0 11px 0 0; border: 1px #666 solid; padding: 2px; }
.newsRight {float: right; width: 330px; margin: 10px 0 20px 0; text-align: right;}
.newsLeft {float: left; width: 330px; margin: 10px 0 20px 0;}
.rightImg { float: right; margin:20px 0 20px 20px; border: 1px #666 solid; padding: 2px;}
.leftImg { float: left; margin:20px 20px 20px 0; border: 1px #666 solid; padding: 2px;}
.borderImg {border: 1px #666 solid; padding: 2px; margin-bottom:0px;}


/*Right Column Styles*/
.rightCol {float: right; background: #E0E0E0; width: 236px; padding: 12px 12px 12px 12px;}
.rightCol #rightFeature {border: #666 5px solid; background: #FFFFFF; margin: 0 0 15px 0; padding: 10px 15px 20px 15px; font: 11px Georgia, "Times New Roman", Times, serif;}
.rightCol #rightInfo h6 {display:none}
.rightCol #rightFeature img {display: block; margin: 0 auto;}
.rightCol #rightFeature h6 {display:none}
.rightCol #rightInfo {border: #A7824B 5px solid; background: #FFFFFF; margin: 0 0 15px 0; padding: 12px; font: normal 13px Georgia, "Times New Roman", Times, serif; }
.rightCol #rightInfo a { text-decoration:underline; color:#765821}
.rightCol #rightInfo p { margin:0 0 8px 10px; padding:0; text-align:left;}
.rightCol #rightInfo h3 { margin:8px 0 10px 0; padding:0; text-align:center; font-weight:bold;}
.rightCol #rightImg {margin: 0 0 15px 0;}
.rightCol #rightRegister {border: #BEBDBD 5px solid; background: #FFFFFF; padding: 15px; font: normal 11px Georgia, "Times New Roman", Times, serif; margin: 22px 0 15px 0;}
.rightCol #rightRegister img {display: block; margin: 0 auto;}
.rightCol #rightRegister h6 {display:none}
.rightCol #rightLogos {border: #ADADAD 3px double; background: #FFFFFF; margin: 0 0 15px 0; padding: 10px; font: normal 11px Georgia, "Times New Roman", Times, serif}
.rightCol #rightLogos h6 {display:none}
.rightCol #rightLogos img {display: block; margin: 0 auto;}

/*Footer Styles*/
#footer {
	background: url(/archive/usao/images/tjs-footer_bg.gif) 0 0 repeat-x scroll;
	background-color: #191E22;
	width: 922px;
	height: 212px;
	padding: 0 18px 0 20px;
	font: normal 11px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #AFAFB1;
}
#footer a, #footer a:link, #footer a:visited {color: #AFAFB1; text-decoration: none;}
#footer a:hover, #footer a:active {text-decoration:underline;}
.footerList {display: inline; float: left; width: 112px;}
.footerList p {font-weight: bold; text-transform: uppercase; margin: 0; padding: 0 5px 10px 0;}
.footerList ul {list-style: none; margin: 0; padding: 0;}
.footerList li {margin: 0 5px 2px 0;}
.footerLeft {float:left; width: 680px; padding-top:20px}
.footerRight {float:right; width: 240px;}
#footerRightBox {background: #333333; width: 230px; height: 164px; margin: 27px 0 21px 10px; padding: 0;}
.footerRightList {display:inline; float: left; width: 100px; margin: 7px 0 0 15px; padding: 0;}
.footerRightList ul {list-style: none; margin: 0; padding: 0;}
.footerRightList li {margin: 0 0 5px 0;}

/* outside.cgi */
.blockout {opacity:0.6; background-color:rgb(0,0,0); z-index: 998; top:0; left:0; position:absolute; width:100%; height:1584px; }
.exitMsg {
	position:fixed;
	z-index: 999;
	border:solid #a5824a;
	border-width:thick;
	width: 500px;
	height:300px;
	background-color:#FFFFFF;
	margin-left:-250px; top:50%;
	margin-top: -150px; left:50%;
	font-family: Georgia;
	color:#333333;
	font-size:12px;
	padding:10px;
	line-height:1.3em;
}
/* Pagination Styles */
#pagination {padding: 0; margin: 0;}
#pagination ul li {display: inline; list-style:none; margin: 0; padding: 0;}
#pagination li a {display: block; float: left; list-style: none; padding: 2px 7px; margin: 10px 0; 	}


.pritem{border-bottom: 1px solid #e5dccb; padding:14px 0 14px 0;}
.pritemfirst{padding:14px 0 20px 0; border-bottom:1px solid #e5dccb;}
.pritemlast{padding:14px 0 14px 0;}
.pritem-block{padding:14px 0 14px 0;}
.title{ font-size:15px;}
.text{padding-top:10px;} 
.narrow-bar-actioncenter{background-color:#333333; text-align:left; margin-bottom:10px;}