body {
	text-align:center;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#CCCC99;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

#outer_wrapper {
	width:990px;
	/*was 100%*/
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:left;
	background-image:url(/images/border.gif);
	background-repeat:repeat-y;
/* because "min-width" is not supported by IE, these pages use a script from PVII */
/* was "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 */
/* faux-column technique, this is the left one */
}
#wrapper {
/* faux-column technique, this is the right one */
}
#header {
position:relative;
border: 0px;
/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:100%;
height: 138px;
/* the above declaration creates an horizontal scroll bar in IE, this is to get rid of it */

background-image:url(/images/newheader.gif);
background-repeat:no-repeat;
}
#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:-250px
}
#left {
float:left;
width:150px;
/* IE doubles the margins on floats, this takes care of the problem */
display:inline;
margin-left:220px;
}
#main {
/* the width from #left (150px) + the negative margin from #container (200px) */
margin-left:265px;
width:960px;
}
/* good to know: if #sidebar is to be shorter than #main, then there is no need for this rule */
#sidebar {
/* this is to keep the content of #sidebar to the right of #main even if the content of "main is shorter */
padding-left:100%;
/* this is to "bring back" the #sidebar that has been moved out of the viewport because of the padding value */
margin-left:-245px;
margin-right:8px;
}
#sidebar p {
/* this is to make sure IE (v6 sp2) *displays* this element (same problem as #header, but using a different fix) */
position:relative
}
#footer {
margin-top:30px;
position:relative;
border: 0px;
/* this is to "give layout" to the element and fix some peek-a-boo bug in  IE (v6 sp2) */
width:100%;
height:55px;
background-image:url(/images/footer.gif);
background-repeat:no-repeat;
/* 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}
/* header links must be white*/

/* header_link_area*/
#header_link_area {
	color:#FFFFFF;
	position:relative;
	font-size:12px;
	font-weight:bold;
	width: 100%;
	margin-top:3px;
	padding-bottom:5px;
	padding-top:3px;
	background-image:url(images/topnav.gif);
	background-repeat: no-repeat;
}

.island_jump_menu {
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal; 
	line-height:normal;
	width:125px;
	padding:0px;
	margin:0px;
}
/*created for positioning of google search tool positioned off #header*/
#search_google {
	position:absolute;
    left:820px;
	top:60px;
}
.image_float_left {
	float:left;
	padding:10px;
	margin:10px;
}
.image_float_right {
	float:right;
	padding:10px;
	margin:10px;
}

/***************test*********************/



/***************test*********************/