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

body {
font-family:"Times New Roman", Times, serif;	
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #000000;}


#container {
	width: 975px; 
	margin: 0 auto; 
	border: 1px solid #000000;
	text-align: left; 
		background:#000000;

}

#text {
	padding:30px 20px 0px 349px;
	color:#FFFFFF;
	font-size:15pt;
	text-align:justify;
}


#header {
	background: #000000; 
	padding:0px 0px 5px 30px;
	margin:0;
	background-image:url(images/web_01.jpg); background-position:top;
	color:#FFFFFF;
	font-size:16pt;	
	 }
	 
#header a { color:#FFFFFF; text-decoration:none; }
#header a:hover { color:#FFFFFF; text-decoration:underline; }


#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding:0;
	background:url(images/web_02.jpg);
	margin:0;
	height: 419px;
}

#PagesContent {
	padding:40px;
	background:url(images/cbackground.jpg);
	margin:0;
	color:#FFFFFF;
	}

#PagesContent a { color:#FFFFFF; text-decoration:none; }
#PagesContent a:hover { color:#FFFFFF; text-decoration:underline; }

#footer {
	padding: 0 10px;
		background-image:url(images/web_03.jpg);
	color:#FFFFFF;
	font-size:12px;
	margin: 0;
	height:206px;
}

#red a { color:#FF0000; text-decoration:none; }
#red a:hover { color:#FFFFFF; text-decoration:none; }
#red {color:#FF0000; }

#red2 a { color:#FF0000; text-decoration:none; }
#red2 a:hover { color:#FFFFFF; text-decoration:none; }
#red2 {color:#FF0000; }

.justice {text-align:justify; }