/* DEFAULT styles

   -------------- */

*{
	margin: 0 0 0 0;
	padding: 0;
}* 

body {
	font: .7em "Arial", Verdana, sans-serif;
	background: #010164 url(images/vljlaw-bckgrnd.jpg) repeat-x;
	color: #333333;
	line-height: 1.6em;

	}

img { border:0px }

a {
	color: #000080;
	background: inherit;
	text-decoration: none;
}

a:hover { 
	color: #666666; 
	background: inherit; 
	}

h1 {
	font: normal 2.0em "Arial", Verdana, sans-serif;
	padding: 0 0 0 0;
	margin: 0;
	color: #000000;
}

h1 a { 
	color: #737373; 
	background: inherit;
	text-decoration: none; 
	}

h1 a:hover { 
	color: #FFCC00; 
	background: inherit; 
	}

h2 { 
	font-size: 1.5em; 
	margin-bottom: 5px; 
	color: #000; 
	background: inherit; 
	}

h2 a { text-decoration: none; }

h2 a:hover { 
	color: #FFCC00; 
	background: inherit; 
	}

h3 { 
	font: normal 1.3em "Arial", Verdana, sans-serif; 
	padding: 7px 0 0 8px; 
	margin: 0 0 5px 0; 
	}

h4 { 
	font: normal 1.2em "Arial", Verdana, sans-serif; 
	padding: 7px 0 0 8px; 
	margin: 0 0 5px 0; 
	}
	
h5 { 
	font: normal 1.1em "Arial", Verdana, sans-serif; 
	padding: 5px 0 0 6px; 
	margin: 0 0 3px 0;	}
	
h6 { 
	font: normal 1.0em "Arial", Verdana, sans-serif; 
	}



.yellow { color: #FFCC00; }

sup { font-size: .5em; }

p {	
	font: normal 1.1em "Arial", Verdana, sans-serif;
	list-style-position: inside;
	list-style: none;
	
	}

ul {
	list-style-type: none;
	}

ol {
	list-style: inherit;
	list-style-position: inside;
	list-style-image: url('images/ybullet.jpg');
}

hr {
	color: #000000;
	height : 1px;
}



/* LAYOUT

   ------ */


.content { 
	margin: 0 auto;
	width: 928px;
	background: #000;
	}


.header {
	height: 212px;
	width: 928px;
	background: #010164 url(images/header-bckgrnd.jpg) repeat-x;
	color: #808080;
	margin: 0 0;
	padding: 0 0 0 0;
	}


.logo {
		width: 208px;
		height: 212px;
		float: left;
		text-align: center;
		}

.top_info_right {
		float: right;
		width: 180px;
		padding: 0 0 0 0;
		text-align: center;
		}



/* NAV BAR

   --------- */


.browse_category  {
	width: 5px;
	height: 36px;
	color: #000;
	background: inherit;
	background-color: #000;
}

.bar {
	font-size: 1.2em;
	width: 924px;
	height: 36px;
	color: #000;
	background: #D9B041 url(images/nav-bar.jpg) repeat-x;
	margin-left: 2px;
	}

.bar li {
	padding: 9px 9px 9px 9px;
	float: left;
	}

.bar li.active {
	background: #444;
	color: #FFCC00;
	font-weight: bold;
	background-color: #333333;
	}

.bar li a { 
		font-weight: bold;
		color: #000; 
		background: inherit;
		text-decoration: none;
		} 

.bar li a:hover{
	font-weight: bold;
	color: #666666;
	background: inherit;
	text-decoration: none;
	} 
	
.line {
	color: #000;
	background: inherit;
	}


 /* HP - BODY ROWS - NEW 

  ---------- */

        
.hp_body_tits_row {
	background: #CFCFCE;
	height: 345px;
	width: 928px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
    
    
.hp_body_main_row {
	background: #CFCFCE;
	float: left;
	height: 268px;
	width: 928px;
	margin: 0 0 0 0;
}
    
.hp_body_bottom_row {
	background: #CFCFCE url(images/m-b-3-a.jpg) repeat-y center left;
	float: left;
	height: 87px;
	width: 928px;
	margin: 0 0 0 0;
}
	
	
	
	
	

    

/* MAIN - left side

   --------- */
   
.hp_left_flash {
	background: #CFCFCE url(images/m-b-1-a.jpg) repeat-y center left;
	float: left;
	height: 345px;
	width: 615px;
	margin: 0 0 0 0;
}

   
.hp_left_content {
	background: #CFCFCE url(images/m-b-2-a.jpg) repeat-y center left;
	float: left;
	height: 268px;
	width: 615px;
	margin: 0 0 0 0;
}

.hp_left_content_text {
	background: #CFCFCE;
	margin: 25px 0 0 25px;
	width: 575px;
	height: 216px;
	font: normal 1.2em Arial, Verdana, sans-serif;
}

   
   
   
   
   
   

.left {
	float: left;
	width: 600px;
	margin: 0 0 10px 0;
	}

.left h2 {
	clear: both;
	background: #CFCFCF url(images/h2bg.jpg) no-repeat center left;
	color: #444;
	padding: 2px 0 3px 20px;
	font: bold 1.4em "Arial", Verdana, sans-serif;
	margin: 0 0 10px 0;
	}

.left_side {
		float: left;
		width: 160px;
		padding: 0 0 0 10px;
		margin: 10px 0 0 38px;
		}

.center_side {
		float: left;
		width: 160px;
		padding: 0 0 0 10px;
		margin: 10px 0 0 38px;
		}

.center_side a { 
	color: #414141; 
	background: #FFF; 
	}	

.right_side a { 
	color: #414141; 
	background: #FFF; 
	}

.left_side a { 
	color: #414141; 
	background: #FFF; 
	}

.right_side {
		float: right;
		width: 160px;
		padding: 0 0 0 10px;
		margin: 10px 0 0 38px;
		}

.left_box { 
		margin: 0 0 7px 0; 
		color: #000; 
		background: #FFF; 
		padding: 3px 0; 
		}
		

/* MAIN right side

   ---------- */

.hp_right_areas {
	background: #CFCFCE url(images/m-b-1-b.jpg) repeat-y center left;
	float: right;
	height: 345px;
	width: 313px;

	}

.hp_areas_table {
	width: 275px;
	font: normal 1.1em Arial, Verdana, sans-serif;
	margin-top: 48px;
	margin-left: 25px;
}

.hp_areas_table_more_link {
	margin-right: 25px;
	margin: 0 27px 0 0;
	float: right;
	width: 70px;
	font: normal 1.1em Arial, Verdana, sans-serif;
}



   
.hp_right_results {
	background: #CFCFCE url(images/m-b-2-b.jpg) repeat-y center left;
	float: right;
	height: 268px;
	width: 313px;
	margin: 0 0 0 0;
}
	
	
.hp_right_results_scroll {
	margin: 55px 0 0 25px;
	width: 250px;
	height: 185px;
	font: normal 1.2em Arial, Verdana, sans-serif;
}

	
.hp_right_results_scroll_more_link {
	margin-right: 20px;
	margin: 2px 25px 0 0;
	float: right;
	width: 93px;
	height: 30px;
	font: normal 1.1em Arial, Verdana, sans-serif;
}

	
	
.hp_left_content_more_link {
	margin-right: 20px;
	margin: 2px 25px 0 0;
	float: right;
	width: 140px;
	height: 30px;
	font: normal 1.1em Arial, Verdana, sans-serif;
}

	
	
 
   
 
/* HP - BOTTOM - LOGO ROW - NEW 

  ---------- */
  
   
.hp_logos_table {
	margin: 5px 0 0 0;
	width: 100%;
	font: normal 1.0em Arial, Verdana, sans-serif;
	padding: 0 0 0 0;
}

   
   
   
   

.right {
	float: right;
	width: 340px;
	margin: 0 0 10px 0;
	}

.right h3 {
		background: #010164 url(images/h3bg.jpg) no-repeat center right;
		color: #FFF;
		padding: 8px 0 8px 5px;
		font: bold 1em "Arial", Verdana, sans-serif;
		margin: 0 0 3px 0;
		}

.right_articles {
		background: #CFCFCF;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
		}



	
/* images - USING

   ------ */
   
   
.image {
		float: left;
		margin: 0 9px 3px 0;
		}

.sub_image {
	float: right;
	margin: 0 0 0 0;
	}
		
.sub_body_image {
	margin: 10px;
	float: right;
	}

.image_center {
    text-align: center;
    }
       
.image_up_arrow {
	float: right
	}
        
.body_tit_image {
	border: 0px;
	text-align: left;
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	}       


        
 /* SUB - BODY ROWS - NEW 

  ---------- */

        
.body_tits_row {
	background: #CFCFCE url(images/cross-layer.jpg) repeat-y center left;
	height: 54px;
	width: 928px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
    
    
.body_main_row {
	background: #CFCFCE url(images/cross-layer.jpg) repeat-y center left;
	float: left;
	width: 928px;
	margin: 0 0 0 0;
	}
    
.body_bottom_row {
	background: #CFCFCE url(images/cross-layer.jpg) repeat-y center left;
	float: left;
	width: 928px;
	height: 17px;
	margin: 0 0 0 0;
	}
    

/* SUB - left side - NEW 

  ---------- */
   
   
    
.sub_left {
	background: #CFCFCE url(images/sub-left-box.jpg) repeat-y center left;
	float: left;
	width: 224px;
	margin: 0 0 0 0;
	}


.sub_left_tit {
	background: #CFCFCE url(images/left-nav-tit.jpg) no-repeat center left;
	color: #F2CB55;
	width: 224px;
	height: 54px;
	padding: 0 0 0 0;
	font: bold 1.2em "Garamond", Arial, Verdana, sans-serif;
	margin: 0 0 0 0;
	background-color: #CFCFCE;
}


.sub_left_box {
	float: left;
	width: 190px;
	padding: 0 0 0 0;
	margin-left: 20px;
	margin-top: 5px;
}
	

.sub_left_bottom {
		background: #CFCFCE url(images/sub-left-nav-btm.jpg) no-repeat center left;
		float: left;
		width: 224px;
		height: 17px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		}
		
.left_nav_table {
	font: normal 1.0em Arial, Verdana, sans-serif;
	padding: 5px 5px 5px 5px;
	width: 190px;
	border-spacing: 4px;
	}

        
.left_nav_tit_image {
	font: normal 1.0em Arial, Verdana, sans-serif;
	border: 0px;
	text-align: left;
	float: left;
	margin-left: 27px;
	margin-top: 20px;
	}       

		
		


/* SUB - right side - NEW

   
   --------- */


.sub_right {
	float: right;
	width: 704px;
	margin: 0 0 0 0;
	}


.sub_right_tit {
	float: right;
	background: #CFCFCE url(images/body-tit.jpg) no-repeat center right;
	width: 704px;
	height: 54px;
	color: #444;
	padding: 0 0 0 0;
	font: bold 1.4em "Arial", Verdana, sans-serif;
	margin: 0 0 0 0;
	background-color: #CFCFCE;
	}


.sub_right_box {
		background: #CFCFCE url(images/body.jpg) repeat-y center right;
		float: right;
		width: 704px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		}
		
.body_content_box {
	float: right;
	width: 655px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	padding-right: 30px;
	}

.sub_right_bottom {
		background: #CFCFCE url(images/sub-body-btm.jpg) no-repeat center right;
		float: right;
		width: 704px;
		height: 17px;
		padding: 0 0 0 0;
		margin: 0 0 0 0; 
		}

.contact_email_table {
	padding: 5px 5px 5px 5px;
	width: 325px;
	border-spacing: 4px;
	font-size: small;
	}
	
	
/* SCROLLER - USING

   ------ */

	

#jump_base {
	
	width: 245px;
	height: 150px;
	margin: auto;
	padding: 0 10px 0 10px;
	font-size: 1.0em;
	font-family: Arial, Verdana, sans-serif;
	text-align: left;
	overflow: hidden;
}

#jump_base a {
	color: #000080;
	background-color: inherit;
	text-decoration: none;
}
.news {
	background-color: #CFCFCE;
	color: inherit;
}
.style1 {
	text-align: left;
}







	/* footer - USING

   ------ */



.footer {
	line-height: 2em;
	margin: 0 0 0 0;
	font: x-small Arial, Helvetica, sans-serif;
	color: #333333;
	background: #CFCFCE url(images/footer.jpg) no-repeat center left;
	height: 74px;
	width: 928px;
	clear: both;
	text-align: center;
	padding: 0 0;
	vertical-align: middle;
}

.footer a {
	color: #333333;
	text-decoration: none;
	
	}

.footer_table {
	margin: 0 0 0 25px;
	border-color: #c0c0c0;
	border-width: 0;
	width: 875px;
	padding-top: 15px;
}

.footer_td_left {
	text-align: left;
	width: 310px
	}
	
.footer_td_right {
	text-align: right;
	width: 565px
	}