/* Basic Body Definitions
............................................................................. */

body {
		text-align:center;
		margin:10px 0 30px 0;
		background:#efefef url(images/bg_tile.gif) top left;
		font:12px/18px verdana, Arial, lucida, sans-serif;
		color:#000;
		}

img {
		border:0;
		}

a:link, a:visited, a:visited {
		color: #369; 
		text-decoration: underline; 
		}
		
a:hover, a:visited:hover {
		color: #6A8FB5; 
		text-decoration: none; 
		}

dl {
	margin:0 0 13px 0;
	}
	
	


/* Pop-out Menu Definitions
............................................................................. */


div.menu {
  background-color: #E9F7DF;
  border-top: 1px dashed #A5CBEB;
  border-right: 1px dashed #A5CBEB;
  border-bottom: 1px dashed #A5CBEB;
  font:11px verdana, Arial, lucida, sans-serif;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  margin:-28px 0 0 200px;
  top: 0px;
  visibility: hidden;
  z-index: 101;
  text-align:left;
}

#about_sub1, #about_sub2, #resource_sub1, #resource_sub2, #resource_sub3, #resource_sub4, #mem_sub1 {
  margin:-9px 0 0 -3px;
  border-left: 1px dashed #A5CBEB;
  }	

#contact {
  margin:-21px 0 0 200px;
  }	

#programs {
  margin:-45px 0 0 200px;
  }	

#oclc {
  margin:-40px 0 0 200px;
  }	
  
#reference {
  margin:-85px 0 0 200px;
  }	
 
#training_menu {
  margin:-75px 0 0 200px;
  }	
  
#web_menu {
  margin:-40px 0 0 200px;
  } 
  
#event_menu {
  margin:-70px 0 0 200px;
  }

#resource_menu {
  margin:-70px 0 0 200px;
  } 
#links_menu {
  margin:-55px 0 0 200px;
  }                    
  

div.menu a.menuItem {
  color: #000;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #FFEDDE;
  color: #DA5700;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}			


/* This is the definition for the div that holds ALL the content
............................................................................. */
		
div#frame {
		width:700px;
		padding:0;
		margin:0;
		margin-right:auto;
		margin-left:auto;
		background:#fff url(images/bg_blue1.gif) top left repeat-y; 
		text-align:left;
		border:1px solid #8ABFEB;
		}
		


/* Content Box Definitions
............................................................................. */
		
#contentheader {
		width:685px;
		background:#32679D url(images/bg_header0204.jpg) bottom right no-repeat;
		height: 53px;
		padding: 0 0 0 15px;
		border-top:1px solid #285480;
		border-bottom:1px solid #285480;
		vertical-align:middle;
		}
		
#pixel_bar2 {
		width:700px;
		background:#A5CBEB;
		height:6px;
		font-size:6px;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		}
		
#search_bar {
 		background:#F6F9FD url(images/bg_glass.jpg) bottom left repeat-x; 
 		padding: 2px 0 0 19px;
 		margin:0;
 		height: 30px;
 		font-size:12px;
 		vertical-align:middle;
 		}		

div#contentcenter, div#contentcenter_rest, div#contentcenter_rest_min, div#contentcenter_rest_training, div#contentcenter_rest_events, div#contentcenter_rest_mem, div#contentcenter_rest_ref {
		width:460px;
		padding:0 10px 0 0;
		float:left;
		background:#fff;
		margin:0 0 30px 1px;
		}

div#contentcenter_rest_training span, div#contentcenter_rest_mem span, div#contentcenter_rest_ref span {
		color:#C00;
		}

div#contentcenter_rest, div#contentcenter_rest_min, div#contentcenter_rest_training, div#contentcenter_rest_events, div#contentcenter_rest_mem, div#contentcenter_rest_ref {
		padding:0 10px 25px 12px;
		}
		
div#contentcenter_rest_min {
		height:450px;
		}						
		
div#banner {
		width:430px;
		padding:0;
		background:#fff;
		margin:10px 0 0 18px;
		
		}

#l_banner {
		float:left;
		width:215px;
		height:19px;
		padding:101px 0 0 5px;
		background:#fff url(images/left_banner.jpg) bottom left no-repeat;
		margin:0 12px 0 4px;
		text-align:left;
		}		
		
#r_banner {
		float:left;
		width:215px;
		height:19px;
		padding:101px 0 0 5px;
		background:#fff url(images/right_banner.jpg) bottom left no-repeat ;
		margin:0;
		text-align:left;
		}
		
#news_items {
		width:472px;
		height:22px;
		padding:20px 0 0 0;
		background:#fff;
		margin:0;
		
		}

div#ohn_blurb {
		float:left;
		width:220px;
		padding:0 0 0 18px;
		margin:0;
		line-height:18px;
		}		
		
div#news {
		float:left;
		width:220px;
		padding:0 0 0 13px;
		margin:0 0 5px 0;
		}
		
div#breadcrumb {
		margin:0;
		padding:5px 0 10px 0;
		background:#fff;
		border-bottom:1px dashed #A5CBEB;
		font-size:11px;
		}		

			
		
/* Side Navbar Definitions
............................................................................. */	
	
div#navcontainer { 
		margin: 0;
		float:left;
		width:200px;
		height:350px;
		padding:5px 0 0 0;
		}

div#navcontainer ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font:11px/16px Verdana, "Lucida Grande", "Lucida Sans Unicode", lucida, sans-serif;
		font-weight:bold;	
		}

div#navcontainer li { margin: 0 0 0 0; }

div#navcontainer a {
		display: block;
		padding: 3px 0 3px 20px;
		width: 180px;
		color: #526DAB;
		text-decoration: none;
		}

div#navcontainer a:hover {
		color: #000;
		background-color: #E9F7DF;
		text-decoration: none;
		padding: 2px 0 2px 20px;
		border-bottom:1px dashed #A5CBEB;
		border-top:1px dashed #A5CBEB;
		}

div#navcontainer ul ul li { margin: 0 0 0 0; }

div#navcontainer ul ul a {
		display: block;
		padding: 3px 11px 3px 27px;
		width: 162px;
		color: #526DAB;
		text-decoration: none;
		font-weight:normal;
		}

div#navcontainer ul ul a:hover {
		color: #000;
		background-color: #E9F7DF;
		text-decoration: none;
		padding: 2px 11px 2px 27px;
		border-bottom:1px dashed #A5CBEB;
		border-top:1px dashed #A5CBEB;
		}


/* Top Navbar Definitions
............................................................................. */

div#header_links {
 		background:#EFF6FA url(images/bg_glass.jpg) top left repeat-x; 
 		margin:0;
 		height: 19px;
 		font-size:12px;
 		padding-right:20px;
 		padding-top: 4px;
		}

div#header_links ul {
 		border: 0;
 		margin: 0;
 		padding: 0;
 		list-style-type: none;
 		text-align: right;
 		}

div#header_links ul li {
 		padding: 0;
 		margin: 0;
 		display:inline;
 		}

div#header_links ul li a {
 		background: transparent;
 		padding: 0 10px;
 		margin: 0;
 		color: #3978B9;
 		text-decoration: none;
 		font: normal 10px verdana, "Lucida Grande", "Lucida Sans Unicode", lucida, sans-serif;		
		}

div#header_links ul li a:hover {
 		color: #6A8FB5;
 		text-decoration: underline;
 		}


/* Form Field Definitions
............................................................................. */


input.search {
 		vertical-align: middle;
		font-family: "trebuchet ms", verdana, arial, sans-serif; 
		text-align:left;
		font-size: 11px;
		color:#369;
		background-color: #fff;
		border: 1px solid #A5CBEB;
		width: 130px;
		height: 14px;
		margin:3px 0 0 0;
		padding:1px;
		}

form.search { 
		vertical-align: middle; 
		margin: 10px 5px 1px 23px; 
		padding: 0px;
		}
	
input.searchsubmit {
		vertical-align: middle;
		margin:3px 0 0 4px;
		}

.formf {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}				
		
		
/* Misc. & Spacing Definitions
............................................................................. */

.clearit, .clearit_w_10px {
		clear:both;
		}

.clearit_w_10px {
		height:10px;
		}
		
.top_page {
		text-align:right;
		padding: 20px 17px 15px 0;
		}		
		
.nobreak {
		margin:0;
		}		

.under_p {
		margin:13px 0 0 0;
		}
		
.twen {
	margin: 25px 0 0 0;
	}	

.ten_pad {
	padding: 10px 0 0 0;
	}

.nada {
	margin:0;
	padding:0;
	}			
	

/*Heading & Text Definitions
............................................................................. */

h1 {
		font: bold 20px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Georgia, Times, serif;
		padding:0;
		margin:10px 0 10px 0;
		color:#398329;
		}
		

h2 {
		font: bold 12px/18px Verdana, Arial, helvetica, san-serif;
		padding:5px 2px 5px 2px;
		color:#DA5700;
		background:#FFEDDE;
		}

div#contentcenter_rest_training h2 {
		margin:10px 0 0 0;
		}

h3 {
		color:#000;
		font: bold 14px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Georgia, Times, serif;
		margin-bottom:0;
		}

h4 {
		color:#09740B;
		font: 12px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Georgia, Times, serif;
		font-weight: bold;
		}
		
.asterick {
	color:#C00;
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}  		


/*Footer Definitions
............................................................................. */

div#footer {
		padding:3px 0 7px 0;
		margin:0;
		width:700px;
		margin-right:auto;
		margin-left:auto;
		text-align:center;
		font-size:10px;
		color:#ccc;
		background:#32679D;
		border-left:1px solid #8ABFEB;
		border-right:1px solid #8ABFEB;
		border-bottom:1px solid #8ABFEB;
		}
		
div#footer ul {
		margin:0;
		padding:0;
		}		


div#footer li {
 		display: inline;
 		list-style-type: none;
 		margin: 0 0 0 4px;
 		}
 
div#footer a {
		color: #FFF;
		text-decoration: none;
		}

div#footer a:hover {
		color: #FFF;
		text-decoration: none;
		background-color:#3D7BBB;
		}	
		
		
		
/*Table Definitions
............................................................................. */

.name_topic, .cat_topic {
	padding:3px;
	background: #EDF3FE;
	vertical-align:top;
	}

div#contentcenter_rest_training table, div#contentcenter_rest_events table {
	width:100%;
	}
	

/*Left & Right Picture on the top of page definitions*/

p#left_pic, .left_pic_class {
	float:left; 
	padding:6px 10px 7px 0; 
	margin:0;
	}

p#first_p_after_lpic, .first_p_after_lpicClass {
	margin-top:6px
	}

p#right_pic {
	float:right; 
	padding:6px 10px 7px 10px; 
	margin:0;
	}	


/*Table Definitions
............................................................................. */

.design_thumbs {
	float:left; 
	padding:0 10px 0 0; 
	margin:0;
	}

th {
	text-align:left;
	}
	
/* ILL Countdown Definition, can remove this definition after May 1st 2005
............................................................................. */		

#oclc_countdown {
	margin:23px 0 3px 20px;
	padding:10px 6px;
	background:#EBF4F9;
	font-size:10px;
	width:437px;
	border:1px dashed #D2EBF9;
	}
				
#oclc_countdown span {
	font:bold 11px verdana, arial, helvetica, sans-serif;
	color:#DA5700;
	}

.w_border {
	border:1px solid #000;
	}

		
		
.break_green {
	background: url(img/interface/break_green.png);
	width: 452px;
	height: 23px;
}

.nobreak a {
text-decoration: none;
}