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

/* css Zen Garden submission 200 - 'Icicle Outback', by Timo Virtanen, http://www.timovirtanen.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2006, Timo Virtanen */
/* Added: December 6th, 2006 */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */   
   


body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#4B3322;
	font-weight:normal;
	margin:0;
	padding:0;
	background-color: #ffffff;
	background-image: url(../lawbreakers/pics/BG3.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	}
	
/*header*/

#pageHeader{
	position:absolute;
	top:0;
	left:0;
	height:150px;
	width:100%;
	background-color: #ffffff;
	background-image: url(../lawbreakers/pics/header2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
/*Navigation*/
#Nav{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	top: 150px;
	left: 400px;
	cursor: default;
	list-style-type: none;
	display: inline;
}

#nav ul{
	display:inline;
	top: 150px;
	left: 400px;
	color: #3d321a;
}
#nav ul li{
	display:inline;
	position: relative;
	top: 150px;
	left: 400px;
	padding: 2px 6px;
}


#nav ul li:hover{
	padding-right: 1px;
	top: 150px;
	left: 400px;
} 


#nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display:inline;
	padding: 2px 6px;
}

/*** Menu colors (customizable) ***/

#nav ul li a{
	background-color: #ffffff;
	color: #3d321a;
	top: 150px;
	left: 400px;
}


#nav ul li:hover,
#nav ul li a:hover{
	background-color: #ffffff;
	color: #9e7b5a;
}

#nav ul li:active,
#nav ul li a:active{
	background-color: #ffffff;
	color: #9e7b5a;
}

#nav, nav ul{
	border: none;
}

#nav a{
	text-decoration: none;
}


/*body*/
#quickSummary{
	font-size:0.8em;
	overflow:hidden;
	position:absolute;
	left:590px;
	top:140px;
	height:140px;
	text-align:center;
	width:230px;
	z-index:3;
	}
	
#quickSummary a{ text-transform:uppercase; }
	
#preamble{
	position:relative;
	text-align:justify;
	width:480px;
	top:30px;
	left:310px;
	z-index:4;
	}
	
#homebody{
	position:relative;
	text-align:center;
	width:560px;
	top:300px;
	left:180px;
	z-index:4;
	}
	
#preamble h3, #supportingText h3{}
	
* html #preamble{ top:10px; }
	
#preamble h3 {}
#participation h3 { background:transparent url(pics/header3.gif) no-repeat center top; height:55px; }
#benefits h3 { background:transparent url(pics/header4.gif) no-repeat center top; height:55px; }
#requirements h3 { background:transparent url(pics/header5.gif) no-repeat center top; height:55px; }
	
#supportingText{
	position:relative;
	text-align:center;
	width:480px;
	top:50px;
	left:310px;
	z-index:4;
	font-size:15px;
	}
	
#h2 {
	color: #5d2e2e;
	font-family: "Palatino Linotype";
	font-size: 20px;
	text-align:left;
	padding-top:50px;
	}

#spacing1 {
	padding-left:315px;
	padding-top:160px;
	}
	
	
* html #supportingText{ top:50px; padding-bottom:60px; }


/*footer*/
#footer{
	text-align:center;
	background:transparent url(../lawbreakers/pics/footer2.jpg) no-repeat center;
	height:55px;
	padding-top:25px;
	font-size:12px;
	}
	
#footer a{ border-bottom:none; }

* html #footer{ padding-top:12px;}
	
/*left column*/

#linkList{
	position:absolute;
	top:250px;
	width:190px;
	text-align:center;
	left:75px;
	font-size:0.9em;
	background:transparent url(../lawbreakers/pics/left_column2.jpg) no-repeat top center;
	height: 462px;
	}

#linkList h3{}
	
#lselect h3{}
	
#lselect a:link, #lselect a:visited{
	text-transform:uppercase;
	display:block;
	font-weight:bold;
	color:#3d321a;
	}
	
#lselect a:hover, #lselect a:active{
	color:#9e7b5a;
	}
	
#lselect a:active{
	padding-bottom:20px;
	}
	
#lselect a:link.c, #lselect a:visited.c{
	text-transform:none;
	color:#6b6b6b;
	font-weight:normal;
	}
	
#lselect a:hover.c, #lselect a:active.c{
	color:#9e7b5a;
	border-bottom:none;
	}
	
#lselect ul{ margin-top:-290px; }
	
#lselect ul li + li{
	padding-bottom:20px;
	}
	
* html #lselect ul li{ padding-left:35px; padding-bottom:20px;}

* html #lselect a:hover, #lselect a:active{}
	
#lselect ul{
	padding-bottom:10px;
	padding-top:280px;
	padding-right:30px;
	width:190px;
	}

#spacing2 {padding-top:70px;}

* html #spacing2 { padding-top:10px; }
	
#larchives ul li, #lresources ul li{
	padding-bottom:0;
	padding-top:0;
	}
	
	
#larchives ul{
	background:transparent url(pics/archives_bottom.jpg) no-repeat left bottom;
	margin-top:-28px;
	padding-bottom:20px;
	padding-right:40px;
	width:190px;
	}
	
* html #larchives ul{ padding-bottom:14px; }
	
#lresources ul{
	background:transparent url(pics/resources_bottom.jpg) no-repeat left bottom;
	padding-bottom:60px;
	margin-top:-28px;
	padding-right:40px;
	width:190px;
	}
	
* html #lresources ul{ padding-bottom:57px; }
	
#lselect h3 { }
#larchives h3 { background:transparent url(pics/archives_header.jpg) no-repeat left top; height:90px; width:190px; }
#lresources h3 { background:transparent url(pics/resources_header.jpg) no-repeat left top; height:90px; width:190px; }

* html #larchives ul li, * html #lresources ul li{ background:none; }
	
/* global typography */

a:link, a:visited{
	color:#6b6b6b;
	text-decoration:none;
	}

a:hover, a:active{
	color:#5d2e2e;
	}
	
abbr, acronym{
	border-bottom:#5d2e2e dotted 1px;
	cursor:help;
	}
	
/*lists*/

ul{
	margin:0;
	padding:0;
	}

ul li{ list-style:none; }
	
/* hidden stuff */

#pageHeader h1,h2,
h3 span,
#extraDiv1,
#extraDiv2,
#extraDiv3,
#extraDiv4,
#extraDiv5,
#extraDiv6 { display:none; }