@charset "utf-8";
/* CSS Document */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


body {
	background: #2b3b51 url(http://www.cpt.circ2.dcn/images/uscourts_bg.jpg) repeat-x;
	}

/* Page Layout */

#page {
	margin: 20px auto;
	width: 934px;
	background-image: url(../IMAGES/SCALE.JPG);
	}
	
#container {
	float: left;
	background-color: #f7f4eb;
	border:1px solid #000;
}

	#title {
		width: 925px;
		height: 85px;
		background-image: url(http://www.ctp.circ2.dcn/images/uscourts_title.jpg);
	}

	#header_img {
		width: 925px;
		height: 125px;
		background-image: url(http://www.ctp.circ2.dcn/images/uscourts_header.jpg);
	}
	
	#headerimg_home {
		width: 934px;
		height: 125px;
		background-image: url(http://www.ctp.circ2.dcn/images/uscourts_ctbg.jpg);
	}
	
	#search {
		padding-top: 30px;
		float: right;
		width: 250px;
	}
	
	#navigation {
		width: 934px;
		height: 45px;
		background: url(http://www.ctp.circ2.dcn/images/nav_bg.jpg);
	}


/* Main Body */

#mainbody {
	margin: 23px 22px 0px 25px;
	padding: 10px 5px 15px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color: #383a3c;
	font-size: 12px;
	line-height: 20px;
	width: 868px;
}
	
	.updated {
			font-family:Arial, Helvetica, sans-serif;
			color: #0c2044;
			font-size: 11px;
			line-height: 20px;
			font-weight:bold;
					}
	
	#mainbody a:link {
		text-decoration: underline;
		color: #383a3c;
		}
	#mainbody a:hover {
		text-decoration: none;
		color: #383a3c;
		}
	#mainbody a:visited {
		text-decoration: underline;
		color: #383a3c;
		}
	#mainbody a:active {
		text-decoration: underline;
		color: #383a3c;
		}
		
	#mainbody_text /*home */{
		float: right;
		 background: url(../backgrounds/eaglebackground.jpg) no-repeat;
		 width: 608px;
		 height: 600px;
		 padding: 10px;
		}
	#mainbodytext /*otherpage*/{
		display:block;
		float: right;
		 width: 608px;
		 padding: 10px;
		 }
		 	
		#mainbodytext ul{
		margin-left: 10px;
		}
	
	#mission {
	vertical-align: top !important;
	float: right;
	background: top url(../Backgrounds/eagle.png) no-repeat;
	width: 580px;
	height: 100%;
	padding: 10px;
	left: 321px;
	top: auto;
	}
	#mission_nobg {
	vertical-align: top !important;
	float: right;
	width: 610px;
	height: 100%;
	padding: 10px;
	left: 321px;
	top: auto;
	}
	
#leftcolumn2 {
	width: 170px;
	height: auto;
	float: left;
} 

#navleft {
	width: 170px;
	margin: 0px 20px 23px 12px;
	background: #e6e4db;
	padding: 10px 10px 10px 15px;
	float: left;
	color: #192e4d;
	font-size: 12px;
	line-height: 28px;
	font-family:Arial, Helvetica, sans-serif;
	}

	#navleft a {
		color: #192e4d;
		font-size: 12px;
		line-height: 28px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#navleft a:hover {
		text-decoration: none;
	}

#navlogin {
	width: 170px;
	margin: 0px 20px 4px 12px;
	padding: 5px 10px 5px 15px;
	color: #192e4d;
	border-bottom: 4px;
	background: #e6e4db;
	float: left;
	text-decoration: none;
}
	
	#navlogin a:link, #navlogin a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #192e4d;
	text-decoration: none;
	} 
	
	#navlogin a:hover {
	text-decoration: underline;
	color: #192e4d;
	}

/* Footer */

#footer {
	width: 925px;
	float: left;
	margin-top: 15px;
	}
	
	#footer a:link {
		text-decoration: underline;
		color: #aaa;
		}
	#footer a:hover {
		text-decoration: none;
		color: #aaa;
		}
	#footer a:visited {
		text-decoration: underline;
		color: #aaa;
		}
	#footer a:active {
		text-decoration: underline;
		color: #aaa;
		}
	
	#footerlogo{
		width: 72px;
		margin: 0px 22px 0px 22px;
	}
	
	#footertext {
		float: right;
		margin: 35px 0px 0px 0px;
		width: 500px;
		font-family:Arial, Helvetica, sans-serif;
		color: #aaa;
		font-size: 10px;	
	}
	
	#footercopyright {
		float: right;
		margin: 35px 0px 0px 0px;
		width: 300px;
		font-family:Arial, Helvetica, sans-serif;
		color: #aaa;
		font-size: 10px;
	}
	
/* H Tags */

h1, h1 #page-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #0c2044;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 0px;
}

h2, h2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #383a3c;
	margin-bottom: 5px;
	margin-top: 0px;
}

h2 a:hover {
	text-decoration: none;
}

/* Navigation*/

#nav, #nav ul {padding:0; margin:0 auto; list-style:none; background:#fff;}
#nav {position:relative; z-index:50;}
#nav ul {display:none;}

#nav li {float:left; position:relative;}
#nav li a {text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:16px; white-space:nowrap}
#nav li b {	display:block; }

#nav li.applications b {
	background: url(http://www.ctp.circ2.dcn/images/nav_application.gif);
	width: 150px;
	height: 45px;
	}
	
#nav li.supervision b{
	background: url(http://www.ctp.circ2.dcn/images/nav_supervision.gif);
	width: 142px;
	height: 45px;
	}
#nav li.courtservices b{
	background: url(http://www.ctp.circ2.dcn/images/nav_courtservices.gif);
	width: 110px;
	height: 45px;
	}
#nav li.personnel b{
	background: url(http://www.ctp.circ2.dcn/images/nav_personnel.gif);
	width: 141px;
	height: 45px;
	}
	
#nav li.specialties b{
	background: url(http://www.ctp.circ2.dcn/images/nav_seniorspecialties.gif);
	width: 134px;
	height: 45px;
	}
#nav li.specialties1 b{
	background: url(http://www.ctp.circ2.dcn/images/nav_resourcelinks.gif);
	width: 102px;
	height: 45px;
	}
#nav li.documentlibrary b{
	background: url(http://www.ctp.circ2.dcn/images/nav_documentdirectory.gif);
	width: 147px;
	height: 45px;
	}
	
#nav li.first b {padding-left:40px; background-position:left top;}
#nav li.last b {padding-right:30px; background-position:right top;}
#nav li a b.clicked {color:#fff;}

#nav li.applications a:hover b{
background: url(http://www.ctp.circ2.dcn/images/nav_application.gif) 0px -45px 
}
#nav li.supervision:hover b{background: url(http://www.ctp.circ2.dcn/images/nav_supervision.gif) 0px -45px;}
#nav li.courtservices:hover b{background: url(http://www.ctp.circ2.dcn/images/nav_courtservices.gif) 0px -45px }
#nav li.personnel:hover b{background: url(http://www.ctp.circ2.dcn/images/nav_personnel.gif) 0px -45px }
#nav li.applications:hover b{background: url(http://www.ctp.circ2.dcn/images/nav_application.gif) 0px -45px }
#nav li.specialties:hover b{background: url(http://www.ctp.circ2.dcn/images/nav_seniorspecialties.gif) 0px -45px }
#nav li.specialties1:hover b{background: url(http://www.ctp.circ2.dcn/images/nav_resourcelinks.gif) 0px -45px }
#nav li.documentlibrary:hover b{background: url(http://www.ctp.circ2.dcn/images/nav_documentdirectory.gif) 0px -45px }

#nav li ul {position:absolute; left:0; top:45px; height:auto; float:left; background-color:#566882; padding:2px; border:1px solid #fff;}
#nav li ul.apps {width:170px}
#nav li ul.doclib {width:142px}
#nav li ul.pers {width:170px}
#nav li ul.court {width:160px}
#nav li ul.super {width:160px}
#nav li ul.senior {width:auto}
#nav li ul.senior1 {width:190px}

#nav li ul li {float:none;}
#nav li ul li a {display:block; height:20px; line-height:20px; padding:0 5px; color:#fff; font-size:11px}
#nav li ul li a:hover {background-color:#7087a9; color:#fff;}

/* Top Link Main Pages */

#leftcolumn {
	width: 250px;
	padding: 10px;
	float: left;
	display: block;
	}
	
	#leftcolumn a {
		text-decoration: underline;
		color: #383a3c;
		}
	#leftcolumn a:hover {
		text-decoration: none;
		}
		
	#leftcolumn strong {
		font-size: 14px;
	}
	
#rightcolumn {
	width: 250px;
	padding: 10px;
	float: left;
	display: block;
	}
	
	#rightcolumn a {
		text-decoration: underline;
		color: #383a3c;
		}
		
	#rightcolumn a:hover {
		text-decoration: none;
		}

	#rightcolumn strong {
		font-size: 14px;
	}
	
li.columns {
	margin-left: 20px;
	}

/* UL-LI Style */
ul {
	margin-left: -20px; 
	list-style:none
	}

#contents{
	font-family:Arial, Helvetica, sans-serif
	}

#contents ul{
	margin-top:0px;
	margin-bottom:0px;
	}

/* */
.glt-elm{
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	color: #fff;
	opacity: 0.9;
	visibility: hidden;
}

.glt-elm p{
	background: #666;
	margin: 0;
	padding: 0.5em;
}

.glt-elm img{
	display: block;
}
and this CSS for IE, if you want to use transparency:


.glt-elm{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}	

.statusbar{
	position: fixed;
	top: 37%;
	left: 50%;
	height: 16px;
	padding: 5px;
	background: khaki;
	font-weight: bold;
	color: Maroon;
	border: solid 1px lightgray;
	opacity: .70;
	filter: alpha(opacity="70");
	z-index: 1;
	overflow: hidden;
	overflow-y: auto;
	text-align: center;
	width: 35%;
}
			
.statusbarhighlight{
	font-weight: bold;
	background-color: khaki;
	color: Maroon;
	border: solid 1px silver;
	text-align: center;
}

/* Entries */
#entry {
	height: auto;
	width: auto;
	margin: 0 0 50px 0;
}

#entry p {
	font-family: Arial, Helvetica, sans-serif;
	color: #383a3c;
	font-size: 13px;
	line-height: 28px;
}

/* Entry Metadata */
#entry-metadata {
	width: 600px;
	margin: 10px 0 20px 0;
}

#user-pic {
	width: 50px;
	height: auto;
	float: left;
}

#metadata {
	width: 520px;
	height: auto;
	float: right;
}