/* CSS Document */
/* THE FOLLOWING STYLES APPLY TO WWW.JUDGEOPIELA.COM */
body {
    text-align:center;
	background-color: #990000;
	font-size:12px;font-family:'Lucida Grande',Verdana,sans-serif;
	background-color: #ffcc00;
	

}

/* DEFAULT HEADING STYLES */
h1 {
	font-size: 2.9em;
	color: #990000;
	line-height: 1.5em;
	font-family: Geneva, Arial, Helvetica, sans-serif
}
h2 {
	font-size: 1.5em;
	color: #999999;
	font-family: Geneva, Arial, Helvetica, sans-serif
}
h3 {
	font-size: 1.4em;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif
	}
h4 {
	font-size: 1em;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif
	font: normal
}

/* DEFAULT PARAGRAPH STYLES */
p {
font-size:12px;
line-height:150%;
color: #333333;
}

a {
	font-size: 1em;	
	color: #0066FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
}
a:link {
	text-decoration:none;
	color: #0066FF;
	padding:2px;
}
a:visited {
	text-decoration:none;
	color: #0066FF;
	padding:2px;
}
a:hover {
	color: #0066FF;
	text-decoration: underline;
	padding:2px;
}
a:active {
	text-decoration: none;
	color: #0066FF;
	padding:2px;
}

/* LIST STYLES */
ul {
	line-height:1.5em;
	font-size:1em;
	color: #990000;
	max-width:400px;
	margin-left:60px;
	
	
	}


ul.MenuNavigation li
{
	margin: 0;
	padding:.3em;
	list-style-type: none;
	font-size: 75%;		
	cursor: pointer;
	color: #666666;
	
	
	
}

ul.MenuNavigation a
{
	display: block;
	width:210px;
	cursor: pointer;
	color: #666666;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:1.6em;
	margin-left:0px;
	
	
}

ul.MenuNavigation a:hover, ul.MenuNavigation a:focus
{
	background-color: #333333;
	color: #FFF;
	background-image: url(../images/graphic/star_list_20w.png);
	background-position:right;
	background-repeat:no-repeat;
	
}

/* PARAGRAPH TEXT HIGHLIGHTING */
.highlight {
	color: #990000;

}
.boldstyle {
	color: #999999;
	font-weight: bold;
	font-size: 1.5em;
}
.dateline {color: #666666;
}
.darkhighlight {
	color: #990000;
	font-weight: bold;
}
.lighthighlight {
	color: #CC9900; 
	font-weight: bold
	font-size: 1.5ems;
	}
	
.paraIndent {
padding-left:60px;
padding-right:60px;
	}

/* PRIMARY CONTENT HOOKS */
#container { 
width:1150px;
padding:10px;
margin:10px auto;


}

#masthead {
	height:500px;	
	text-align:left;
	letter-spacing: 2px;
	line-height:1.5em;
	background-image: url(../images/graphic/header_new.png);
	background-repeat:no-repeat;
	background-position:center;
		
}

/* PRIMARY CONTENT HOOKS AND STYLES */
#content {
	margin-right:0%;
	margin-left:7%;
	margin-bottom:10px;
	margin-top:0px;	
	padding-left:200px;
	padding-right:170px;
	padding-top:80px;
	text-align:left;
	background-image:url(../images/graphic/bg_framed_parchment.jpg);
	background-position:top center;
	background-repeat:no-repeat;	
	
}

	#content ul {
		line-height:1.5em;
		list-style:circle;		
		font-size:1em;
		color: #990000;
		max-width:400px;
		margin-left:60px;
		padding-left:60px;
			
		}

	#content h1 {
		color: #666666;
		font-size:2.0em;	
		}
		
	#content h2 {
		color: #666666;
		font-size:1.7em;	
		}	
	
	#content h3 {
		color: #666666;
		font-size:1.4em;		
		}

/* USED FOR CONTENT TOO BIG FOR BACKGROUND IMAGE IN CONTENT HOOK */
#scrollBox {
	overflow:auto;
	text-align:left;
	width:80%;
	border:#990000 dashed thin;
	height:730px;
	z-index:1;
	visibility: visible;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left:10px;
	margin-left:90px;
	
}

/* THIS IS HOOK IS USED PRIMARLY AS THE NAV MENU*/
#sidebar_a {
	float:left;
	height:310px;
	width:300px;
	text-align:center;
	background-image: url(../images/graphic/navMenu_transparent_scales.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:80px;
	margin-top:-85px;		
	z-index:100;
	
}
/* MARGIN OVERIDES DEFAULT CASCADE ON LI*/
	#sidebar_a ul {
		margin-left:0px;
}

/* TYPICALLY CONTENT ON RIGHT - IF NEEDED */
#sidebar_b {
	float:right;
	text-align:center;
	width:30%;
	margin-bottom:5px;
	margin-top:5px;
	margin-left:0px;
	margin-right:95px;
	padding:0px;
	text-align:left;
	
	

}

/* FOOTER HOOK AND STYLES*/
#footer {
	height:auto;
	clear:both;
	padding:10px;	
	text-align:left;
		

}

#footer p {
font-size:12px;
line-height:150%;
color: #FFFFFF;
}