body {
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
/*bgcolor:"#000000" 
text:"#000000"  
*/
margin: 0; 
border: 0px;

   background:url("../images/fade_bg2_800.gif") ;
   background-position:top ;

}
 A { text-decoration: none }
 A:link {color:  #111111;}
 A:visited {color:  #444444;}
 A:active {color:  #FF9900;}

.fullpage {
      width: 800px; /* Suits an 800x600 page, allowing for scrollbar */
      margin: auto; 
border-top:1px solid #b0b0b0;
border-left:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
/*background: url(../images/BG_lines.jpg) no-repeat top ;*/
    
      overflow: hidden; 
        background-color: #ffffff ;
}

* Copyright 2004 - 2006 - All Rights Reserved - Thierry Koblentz - www.TJKDesign.com */
#outer_wrapper {
/* because "min-width" is not supported by IE, these pages use a script from PVII */
/*min-width:740px;*/
/* this is to "minimize" an IE bug related to background painting, but because it creates a gap below the footer, the same declaration is also added to #footer */
/*width:100%;*/
/* faux-column technique, this is the left one */
/* background: url(images/VanStaffWEB.jpg) no-repeat top ;*/
}

#wrapper {
/* faux-column technique, this is the right one */
}


#header {
border:1px  solid #b0b0b0;
/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:800px.txt_norm_bblk_med {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
};
/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */
margin:0 -1px 
}

.mainmenu {
	height: 20px;
	width: 800px;
        background-color: #556655 ;
}

.cont {
	padding:4px ;
}

#picblock {
	height: 76px;


        background-color: #666666 ;
}

#container {
float:left;
width:100%;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
/* this is where Ryan Brill (author of the ALA's article) and I go in "opposite directions" */
/*margin-left:-200px ;*/
}

#leftside {
float:left;
width:140px;
height:600px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:0px ;
padding:0 ;
 background-color: #ddffdd ;
background:url("../images/sidebar.jpg")  no-repeat;
}

#rightofleft {
/*float:right;*/
width:120px;
height:25px ;
/* IE doubles the margins on floats, this takes care of the problem */
margin-left:0px ;

padding-left:4px ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#eeeeee;
background:url("../images/menu_but.gif")  no-repeat;
}

#sidespace {
float:left;
width:140px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:0px ;
padding:0px ;
}


#head_but {
  width: 200px;
  height: 43px;
  margin-left:0px ;
  padding-left: 10px;
  padding-top: 1px;
  border: 0;
  background: transparent url(../images/head_but.jpg) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#eeeeee;
	text-align:left;
}

#head_but_wide {
  width: 300px;
  height: 43px;
  margin-left:0px ;
  padding-left: 20px;
  padding-top: 1px;
  border: 0;
  background: transparent url(../images/head_but_wide.jpg) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color:#eeeeee;
	text-align:left;
}

.leftscreen {
  float:left ;
  width: 410px;
  height: 590px;
  margin-left:0px ;
  padding-left: 40px;
  padding-top: 30px;
  border: 0;
  background: transparent url(../images/home_bg.jpg) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  padding-left:4px ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color:#eeeeee;
	text-align:left;
}

.rightscreen {
  width: 200px;
  height: 590px;
  margin-left:-200px ;
  padding-left: -10px;
  padding-top: 10px;
  border: 0;
  /*background: transparent url(../images/home_bg.jpg) no-repeat center top;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
  padding-left:4px ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color:#eeeeee;
	text-align:left;
}

.rpic {
  float:right;
  border: 0;

}


.maintext {
  float:left ;
  width: 655px;
  overflow: auto;
  height: 590px;
  margin-left:0px ;
  padding-left: 4px;
  padding-top: 20px;
  border: 0;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#111111;
	text-align:left;
/*background: url(../images/main_bg.gif) no-repeat top ;*/
}

.subtext {
  width:500px;
  margin-left:0px ;
  padding-left: 25px;
  padding-top:0px;
  border: 0;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */

}

.subtextsml {
  width:580px;
  margin-left:0px ;
  padding-left: 25px;
  padding-top:0px;
  border: 0;
  font-size: 13px;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */

}

#mainspacer {
/* the width from #left (150px) + the negative margin from #container (200px) */
height: 30px ;
margin-left:0px ;

}

#main {
/* the width from #left (150px) + the negative margin from #container (200px) */
margin-left:0px ;
/*border-left:1px solid #b0b0b0;*/
border-right:1px solid #b0b0b0;

}
/* good to know: if #sidebar is to be shorter than #main, then there is no need for this rule */
#right {
/* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
padding-left:100%;
width:100px;
/* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
margin-left:-700px;
}

#right p {
/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
position:relative;
}

#footer {
/* see #outer_wrapper  */
width:100%;
/* this is to clear #container */
clear:both;
}
/* this is the class that is applied to 2 structural hacks in the markup. The first "meaningless" element is used to clear #left in NN6 and the last one is used to clear #container in NN4 */
.clearing {height:0;clear:both
}

img.lpic { 
    float: left; 
    margin-top: 20px;
   margin-left: 5px;
  margin-right: 5px;
 margin-bottom: 5px; 
 border:0;
}
img.rpic { 
    float: right; 
    margin: 4px; 
}

.txt_med {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: ;
	color: #111111;
        z-index: 2;
}



.txt_lrg_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bolder;
	color: #111111;
        z-index: 2;
}

.txt_med_side {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #111111;
        z-index: 2;

}

.txt_med_grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bolder;
	color: #111111;
        background-color: #999999 ;
        z-index: 2;
	padding:4px;

}

.txt_norm_bblk_med {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: right;
	color: #000000;
}
.txt_white_right{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #eeeeee;
}
.txt_norm_blk_med {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.txt_norm_bblk_med {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.txt_norm_blk_sml {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}