/* <!-- */
/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:790px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */

		font: small "Lucida Grande",Verdana,Arial;color: #434343;
		font-size:75%;
		line-height= 1;
	}
	a {
		color:#ac513f;
		text-decoration:none;
	}
	a:hover {
		color:#ac513f;
		text-decoration:underline;
	}
	h1 {
		font-size: 1.7em;
                margin:.8em 0 .2em 0;
		padding:0;
	}

	h2 {
		font-size: 1.5em;
		margin:.8em 0 1.5em 0;
                text-align: center;
		padding:0;
	}
	h3 {
		font-size: 1.3em;
		margin:.8em 0 .2em 0;
		padding:0;
	}
	h4 {
		font-size: 1.1em;
		margin:.8em 0 .2em 0;
		padding:0;
	}
	h5 {
		font-size: 1.0em;
		margin:.8em 0 .2em 0;
		padding:0;
	}
	h6 {
		font-size: 0.8em;
		margin:.8em 0 .2em 0;
		padding:0;
	}

	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:10px 0 5px;
	}
	
	select { 
	        font-size: 1em; 
                color: #293f6f; 
                border: 1px solid #a67a00;
        }
	
	input {
	        color: #293f6f; 
	        font-size: 1.0em; 
	        font-weight: bold; 
	        margin-top: .2em; 
        	border: 1px solid #a67a00;
        }	

	textarea {
	        color: #293f6f; 
	        font-weight: bold; 
	        margin-top: .2em; 
        	border: 1px solid #a67a00;
        }	
        
        input.btn3 {
		color: #ac513f; 
		font-size: 1.0em; 
		font-weight: bold; 
		margin-top: .2em; 
		background: #fec337;
	        border: 2px solid #a67a00;
        }	
        

/* Header styles */
/* header */
	#header {
		/*clear:both;*/
		height:65px;
		float:left;
		width:100%;
		position:relative;
		background: #FFFFFF;
	}
		/*background: url(../images/bgHeader.gif) repeat-x 0% 100%; this is a green background		*/
		
	#header h1#logo {
	/*position: absolute;*/
	margin: 0;
	padding: 0;
	font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	text-transform: lowercase;
	top: 4px;
	left: -6px;
	width: 603px;
	height: 40px;
	}
	
	#header h2#slogan {
	/*position: absolute;*/
	top:41px;
	left: 65px;
	color: #666666;
	text-indent: 0px;
	font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;
	text-transform: none;
	width: 204px;
	}
	
	#header form.searchform {
	height:42px;
	position:absolute;
	right:-12px;
	top:-7px;
	}



	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
		border-bottom:0px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px;
		margin:0;
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#eee;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#990099;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}
	#header ul li a span {
		display:block;
	}

	.headeraskalogo {
	        margin-right: 0.4em;
	}
		
	.headeraskalogo img {
	        float: right;
	        padding-right: 0.9em;
	        padding-bottom: 2px;
	        birder-style: none;
	}

        .clear {
        	clear:both;
	}

	.yellow {
	        color:#fec337;
	}
	
	.brown {
	        color:#ac513f;
        }



/* header banner and bread crumbs */

#bannerimagehp {
		background: black url(/images/banners/final_banner4.jpg) left no-repeat;
                height:100px
			}


#breadcrumbs {
	background: #fec337;
	height 2.0em;
	}

.alignright {
        float: right;
        background: #fec337;
        padding-right: 0.5em;
        }
 
 .alignleft {
         float: left;
         background: #fec337;
        }
        
		
/* Header Tab  styles */
/* tabs */		
        #tabmenu {
           float:right;
           width:100%;
           background:#DAE0D2 url("/images/tabs/bg-tab-noshade1px.gif") repeat-x bottom;
           font-size:93%;
           font: Verdana,Geneva,Arial,Helvetica,sans-serif;
           line-height:normal;
           }
          
        #tabmenu ul {
           margin:0;
           padding:0px 10px 0;
           list-style:none;
           }
           
        #tabmenu li {
           float:right;
           background:url("/images/tabs/left.gif") no-repeat left top;
           font: Verdana,Geneva,Arial,Helvetica,sans-serif;
           margin:0;
           padding:0 0 0 9px;
           }

        #tabmenu a {
           float:right;
           display:block;
           background:url("/images/tabs/right.gif") no-repeat right top;
           padding:5px 15px 4px 6px;
           text-decoration:none;
           font-weight:bold;
           font: Verdana,Geneva,Arial,Helvetica,sans-serif;
           color:#765;
           }

       /* Commented Backslash Hack
          hides rule from IE5-Mac \*/
          #tabmenu a {float:none;}
       /* End IE5-Mac hack */

       #tabmenu a:hover {
           color:#ac513f;
           }

       #tabmenu #current {
           background-image:url("/images/tabs/left_on.gif");
           }

       #tabmenu #current a {
           background-image:url("/images/tabs/right_on.gif");
           color:#333;
           padding-bottom:5px;
           }


/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#fff;		/* right column background colour */
	}
	.threecol .colmid {
		right:20%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:60%;			/* width of the middle column */
		background:#e5e7da;	/* left column background colour */
	}
	.threecol .col1 {
		width:56%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:16%;			/* Width of left column content (column width minus padding on either side) */
		left:26%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:16%;			/* Width of right column content (column width minus padding on either side) */
		left:90%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}


	/* 2 Column (left menu) settings */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:80%;			/* right column width */
		background:#f4f4f4;	/* left column background colour */
	}
	.leftmenu .col1 {
		width:78%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:16%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
        }




/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
		padding-left: 0.5em;
	}
	
	#footer p {
		padding:10px;
		margin:0;
	}


	.footerlogos {
	       margin-right: 0.4em;
               vertical-align:baseline;
	}
		
	.footerlogos img {
	       float: right;
	       padding-right: 0.4em;
               vertical-align:baseline;
	       birder-style: none;
               border: none;
	}

/* --> */
	

/*demo page css from yahoo?*/

	   			.demoHeaders { margin-top: 2em; }
	   			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
	   			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
	   			#sitetabswrap {float:left;  width: 550PX;}	/*width of searcg box- changed width to fit Eru*/
	   			#searchtabswrap { width: 90%; }
	   			ul#icons {margin: 0; padding: 0;}
	   			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
	   			ul#icons span.ui-icon {float: left; clear: margin: 0 4px;}
/* demo page from yahoo css --> */
	
/* css to center social networking images in column 3 */
	
	.centeredImage {
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	}
	

/* css to color/style Libguides search box */
	
       #lg_search_box {
           color: #293f6f;
           font-size: 1.0em; 
           font-weight: bold; 
           margin-top: .2em; 
           border: 1px solid #a67a00;
       }
        
       #lg_search_btn {
	   color: #ac513f; 
	   font-size: 1.0em; 
	   font-weight: bold; 
	   margin-top: .2em; 
	   margin-left: 1.2em; 
	   background: #fec337;
	   border: 2px solid #a67a00;
       }
		
/* css to make h2 not centered on top level pages */

	.h2_toplevel {
		font-size: 1.5em;
		margin:.8em 0 .2em 0;
                text-align: left;
		padding:0;
	} 	
/* ------------------- */   

/*css for bu-only and other inline images */
        .bu-only {
            display:inline; 
            margin-bottom: 0px;
            border:0;
         }
/* ------------------- */   

/* css for blog postings */
p.posted {
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	padding: 3px;
	}