/*----------------------------------
		Typography Reset
----------------------------------*/

h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:18px;line-height:1;margin:0px;padding: 0px;font-family:  Georgia, "Nimbus Roman No9 L", serif; }
h2 {font-size:16px;margin: 10px 0;padding: 0px;font-family:  Georgia, "Nimbus Roman No9 L", serif;}
h3 {font-size:16px;margin: 10px 0;padding: 0px;font-family:  Georgia, "Nimbus Roman No9 L", serif;}
h4 {font-size:14px;line-height:1.25;height:1.25em;margin: 5px 0;padding: 0px;font-family: Georgia, "Nimbus Roman No9 L", serif;}
h5 {font-size:1em;font-weight:bold;margin: 5px 0;padding: 0px;font-family:  Georgia, "Nimbus Roman No9 L", serif;}
h6 {font-size:1em;font-weight:bold;margin: 3px 0; padding: 0px;font-family:  Georgia, "Nimbus Roman No9 L", serif;}
form {margin:0; padding:5px;}
blockquote {margin:1em;}
sup, sub {line-height:0;}
address {margin:0 0 1.0em;}
pre, code {margin:1em 0;white-space:pre;}
pre, code, tt {line-height:1.5;}
li ul, li ol {margin:0 2.0em;padding:0;}
ul, ol {margin:0 1.0em;padding:0;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1em 0;}
dd {margin-left:1em;}
caption {margin:0; padding:.3em;}

/*----------------------------------
		General
----------------------------------*/

body {	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;	
	background-color: #505961;	
	color: #333333;
	background-image: url(images/body-bkg.gif);
	background-repeat: repeat-x;
}

#wrapper {
	background-image: url(images/content-bkg.gif); 
	background-repeat: repeat-y;
	background-color: #ffffff;
	width: 900px;   
	margin: 20px auto 0px;	
	_margin: 5px auto;	
}

#box {
	border: 1px solid #315889;
	padding: 20px;
	background-color: #ccc;
}

#clear {clear: both;}

/*--------------------------------
		Top Navigation
---------------------------------*/

#navigation {
	background-image: url(images/nav-bkg.jpg);
	background-repeat: repeat;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	min-height:40px;
	height:auto !important;
	height:40px;
	font-size:13px;
}

#navigation:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	font-height: 1px;
	margin:0px;
	padding:0px;
}

#navigation ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	height:1%;
}

#navigation ul:after {
	content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
}

#navigation ul li {
	float:left;
	min-height:22px;
	height:auto !important;
	height:22px;
	padding:8px 0px 7px 5px;
	white-space:nowrap;
}

#navigation ul li a {
	color: #2a2a2a;
	padding: 4px 7px 5px 5px;
	text-decoration:none;
	display:block;
}

#navigation ul li a:visited {
	color: #2a2a2a;
}

#navigation ul li a:hover {
	color: #2a2a2a;
	background-color: #99A3AF;
}


/*--------------------------------
		Header
---------------------------------*/

#main_header {	
	float: left;
	display:inline;
	width: 350px;
	min-height: 465px;
	height: auto !important;
	height: 465px;
	clear:both;
	color: #eeeeee;
	background-image: url(images/justicejan.jpg); 
	background-repeat: no-repeat;
	text-align: center;	
}

#main_header h1 {font-size: 24px; margin-top: 5px;}
#main_header p {font-size: 16px; margin-top: -5px;}


/*--------------------------
		Content
--------------------------*/

#content {	
	clear:right;
	float: right;
	width: 500px;	
	padding-top: 10px;
	padding-right: 25px;	
	padding-bottom: 20px;	
	height: 350px;
	height: auto !important;
	min-height: 350px;
}

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

#content h2 {	
	color: #315889;
	font-size: 24px;
	}

#content p {
	line-height: 18px;
}	

#content img {margin: 10px;}

div.list {float: left; width: 165px; font-size: 10px; line-height: 10px; margin: 0; padding: 0;}
/*--------------------------
		 Footer
--------------------------*/

#footer {	
	font-family: Arial, Verdana, Helvetica, sans-serif;		
	text-align: center;
	min-height:15px;
	height:auto !important;		
	height:15px;
	padding: 5px 10px;	
	font-size:11px;
	width: 880px;
	height: 22px;
	clear: both;
	background-image: url(images/ftr-bkg.png);
	background-repeat: no-repeat;
	background-color: #505961;	
}

#footer a,
#footer a:link {
	color: #fff;
}

#footer p {
	margin:0px;
	padding:0px;
}


* html {	
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	this.src = "images/spacer.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}