/* Library Services, Lansing Community College, Lansing, MI 

Style Sheet for Library Research Guides https://libguides.lcc.edu/
---------------------------------------------------------------
CSS Rule placement are in the  following order: 

- Global CSS rules - o000
- Header / Footer template rules - 0o00
- Home page rules - 00o0
- Content page rules - 000o

Rules are listed in order form the top of the page to the bottom.
---------------------------------------------------------------
Global CSS rules - o000 
---------------------------------------------------------------

---------------------------------------------------------------
Color Palate
---------------------------------------------------------------
Dk Blue: #293250 (h2, h4, p, #navigation ul li a, 
Mid Blue 1: #5976AC (h3
Mid Blue 2: #C2DAF2 
Royal Blue: #003D79 (#pagesubcol h4
Lt Blue: #7191CC (h5
Lt. Gray: #848790
Mid Gray: #50576D
Dk. Gray: #555555 (#navigation ul li a:hover, #navigation ul li.selected, subfooter text,

*/
img{
	border: none;
}


.blueBg {
	background: rgb(0,53,105); /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzU2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDI3NGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,53,105,1) 0%, rgba(0,39,79,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,53,105,1)), color-stop(100%,rgba(0,39,79,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,53,105,1) 0%,rgba(0,39,79,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,53,105,1) 0%,rgba(0,39,79,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,53,105,1) 0%,rgba(0,39,79,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,53,105,1) 0%,rgba(0,39,79,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003569', endColorstr='#00274f',GradientType=0 ); /* IE6-8 */
height:40px;

}
.pageWrapper{
	margin: 0 auto;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dbdbdb;
	background: #fff;
	/* IE 5.5 width hack */
	width: 1000px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	/* end IE 5.5 width  hack */	
	/* all other browsers */
	width:1000px;
	float:left;
}

.contentBorder {
   width:100%;
   height:100%;
   border-right: 1px solid #dbdbdb;
   border-bottom: 1px solid #dedede;
   border-left: 1px solid #dbdbdb;
   background:white; /*dyeMark*/
 
}



* html #rightCol ul li {
   margin-left: 0px;
   list-style-image: url('icon-list-arrow-ie.gif');
}


* html #content {
	width: 756px;			
}

/*---------------------------------------------------------------
Clear floats */

.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clearfix {
   display: inline-block;
}

* html .clearfix {
   height: 1%;
}

.clearfix {
   display: block;
}


/*---------------------------------------------------------------
Top bar */
.topBarWrapper{
   margin:0px 0px 0px 0px;
   width:100%;
   height: auto;

}

#topBar00 {
   height:51px;
   background:none;
   margin:0 auto;
   width:950px;
}


/*---------------------------------------------------------------
Top Bar Navigational Utilities */
#utilities {
   width:500px;
   margin:15px 0px 0px 0px;
   float:left;
   text-align:left;
   font-size:1.2em;
   background:none;
}

#utilities ul{margin:0 0 0 0;padding:0;}

#utilities ul li{margin:0 0 0 0px;padding:0 0 8px 0;position:relative;display:inline;z-index:2000;color:#e6eaf4;}

#utilities ul#topnav a{color:#e6eaf4;text-decoration:none;padding:8px 8px 8px 8px;}

ul#topnav li a:hover{background-position:left bottom;background-color:#184c80;padding:4px 8px 4px 8px;text-decoration:none;}

ul#topnav li:hover a{background-position:left bottom;background-color:#184c80;padding:4px 8px 4px 8px;text-decoration:none;}

ul#topnav li .sub{position:absolute;top:22px;left:0;background:#184c80;text-align:left;border:1px solid #3b5c8c;-moz-border-radius-bottomright:6px;-khtml-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomleft:6px;-khtml-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;display:none;z-index:3000}

*:first-child+html ul#topnav li .sub{top:28px;}

* html ul#topnav li .sub{top:28px;}

ul#topnav li .sub ul{list-style:none;margin:0;padding:0 0 7px 0;}

ul#topnav .sub ul li{width:100%;color:#fff;border-left:none;margin:0;padding:0;}

ul#topnav .sub ul li a{padding:5px 5px 5px 0px;display:block;text-decoration:none;color:#e6eaf4;}

* html ul#topnav .sub ul li a{position:relative;}

*:first-child+html ul#topnav .sub ul li a{position:relative;width:100%;display:block;}

ul#topnav .sub ul li a:hover{position:relative;color:#fefefe!important;padding:5px 5px 5px 0;background:#608fbf;display:block;}

/*---------------------------------------------------------------
Header */

#headerHome {
	
	width: 100%;
	height:98px;
	
	}
	

#homeSearch {
   width:325px;
   margin:15px 0px 0 0;
   padding:0px;
   float:right;
   background:none;
   height:auto;
   text-align:left;
}

#homeSearch h4 {color: #FFF; margin-bottom:5px;}

#homeSearch form { margin-top: 20px;}

#homeSearch .buttonOneSearch {
   height: 28px;
   width: 100px;
   color: white;
   font-weight: bold;
   background: #405587;
   border: none;
   float:left;

}

#homeSearch .textareaOneSearch {
   font-size: 1em;
   font-weight: normal;
   color: #999999;
   border: 1px solid #666666;
   padding-top: 5px;
   padding-left:5px;
   float:left;
   height:20px;
   width:185px;

}


#logoHome {
   width: 206px;
   float: left;
   margin:10px 0 0 20px;
   height:auto;
   }
   
#logoHome h1 {
	margin:0; padding:0;
}



/*---------------------------------------------------------------
subFooter2 */
#subFooter2Contain{
margin:0;text-align:center;padding:0;

}

#subFooter2 {
   height:30px;
   text-align:center;
   padding:9px 0px 3px 0px;
   width: 765px;
   margin:0px auto;
}

#subFooter2 ul {
   list-style-type: none;
   margin:0 0 0 0;
   padding: 0;/*needed for FireFox*/
   float:left;

}

#subFooter2 ul li {
   display: inline;
   padding:0 5px 0 7px;
   color:#fff;
   border-left: 1px solid #9baed8;
}

#subFooter2 a:hover {
   color:#fff;
   text-decoration: underline;
}

#subFooter2 a:visited {
   color:#fff;
   text-decoration: none;
}

#subFooter2 a {
   color:#fff;
   text-decoration: none;
}

/*---------------------------------------------------------------
Footer */

#footer ul li{display:inline;margin:25px 0 0 0;padding:0 9px 0 9px;font-size:90%;color:#72808e;border-right:1px solid #bac8d7;}

*:first-child + html #footer ul li{padding:0 5px 0 8px;}

#footer a:visited{color:#72808e;text-decoration:none;}

#footer a{color:#72808e;text-decoration:none;}

#footer a:hover{color:#576f88;text-decoration:underline;}

#footer img{vertical-align:middle;margin:0 5px 4px 3px;}

*:first-child + html #footer img{margin:0 4px 2px 5px;}

* html #footer img{margin:0 4px 0 5px;}



#footer { margin:0;text-align:center;padding:0;}


/*---------------------------------------------------------------
Page navigation tabs */
#navigation {
   height: 28px;
   background:#FFFFFF url('navBg.jpg') repeat-x;
   border-top: 1px solid #e1e1e1;
   border-right: 1px solid #dbdbdb;
   border-left: 1px solid #dbdbdb;
   border-bottom: 1px solid #dbdbdb;

}

* html #navigation {
	width: 775px;
	background:#FFFFFF url('navBg.jpg') repeat-x;
}
		


#navigation ul {
   padding: 6px 0 6px 0;
   margin: 0 0 0 0;
   list-style-type: none;
   text-align: left;
}

/* IE 7 and below selector */
*:first-child+html #navigation ul {
   margin-top: -1px;
}

/* IE 6 and below selector */
* html #navigation ul {
   margin-top: -1px;
}

#navigation ul li {
   display: inline;
   line-height: 17px;
}

#navigation ul li a {
   text-decoration: none;
   padding: 6px 36px 6px 36px;
   margin: 0 0 0 0;
   font-size:  13px;
   font-weight: bold;
   color: #293250;
   border-right: 1px solid #c5c5c5;
   border-left: 1px solid #d9d9d9;
}

* html #navigation ul li a {
   text-decoration: none;
   padding: 6px 37px 6px 37px;
   margin: 0 0 0 0;
   font-size:  13px;
   font-weight: bold;
   color: #293250;
   border-right: 1px solid #c5c5c5;
   border-left: 1px solid #d9d9d9;
}



#navigation ul li a:visited {
   text-decoration: none;
}

#navigation ul li a:hover {
   text-decoration: none;
   background: #eeeeee;
   color: #555555;
}

#navigation ul a.selected {
   position: relative;
   top: 1px;
   background: #fff;
   color: #50576D;
   text-decoration: none;
   padding: 6px 36px 6px 36px; /*<=dyeMark002: left padding 42px */
   margin: 0 0 0 0;
   font-size:  13px;
   font-weight: bold;
   border-right: 1px solid #c5c5c5;
   border-left: 1px solid #d9d9d9;
}

* html #navigation ul a.selected {
   position: relative;
   top: 1px;
   background: #fff;
   color: #50576D;
   text-decoration: none;
   padding: 6px 37px 6px 37px; /*<=dyeMark002: left padding 42px */
   margin: 0 0 0 0;
   font-size:  13px;
   font-weight: bold;
   border-right: 1px solid #c5c5c5;
   border-left: 1px solid #d9d9d9;
}


#navigation ul a.selected:hover {
   text-decoration: underline;
   background: white;
   color: #50576D;
}