/* Library Services, Lansing Community College, Lansing, MI 
---------------------------------------------------------------
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;
}

.topBarWrapper{
	margin: 0;
	/* IE 5.5 width hack */
	width: 100%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	/* end IE 5.5 width  hack */	
	/* all other browsers */
	width:100%;
}


.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: 985px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	/* end IE 5.5 width  hack */	
	/* all other browsers */
	width:985px;
	float:left;
}


/*---------------------------------------------------------------
Clear floats */
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/*---------------------------------------------------------------
Floated elements */
#logoHome, #homeMainCol, #homeSubCol, .homeSubColFoot, #pageMainCol, #pageSubCol, #pageSubColFoot{
	float: left;
}
/*---------------------------------------------------------------
Text left alignment elements */
#navigation ul, #pageSubCol p, .pageWrapper, .homeSubCol a, .homeSubCol a:visited, .homeSubCol a:hover{
	text-align: left;
}
/*---------------------------------------------------------------
Header / Footer template rules - 0o00
-----------------------------------------------------------------
Top bars */
#topBar00{
		width:100%;
		height:21px;
		background:#0f4691 url('/library/images/topBar00Img.jpg') repeat-x fixed left top;
		margin:0 0 0 0;
}		
#topBar01{
		width:100%;
		height:8px;
		background-image:url('../images/topBar01Img.jpg');
		background-repeat:repeat-x;	
}
/*---------------------------------------------------------------
Top quicklinks */
#topQuickLinks, #topQuickLinks ul, #topQuickLinks li{
	color:#FFFFFF;
	margin: 0 0 0 0;
	text-align: center;
}
#topQuickLinks ul li{
	display: inline;
	padding:0 5px 0 7px;
	border-left: 1px solid #9baed8;
}
#topQuickLinks a, #topQuickLinks a:visited, #topQuickLinks a:hover{
	color:#FFFFFF;
	text-decoration: none;
}
#topQuickLinks a:hover {
	text-decoration: underline;
}


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

#headerHome{
	height: 152px;
	width:985px;
	background: url('/library/images/libguides-headerimg.jpg') no-repeat;
	border-left:1px #DBDBDB solid;
	border-right:1px #DBDBDB solid;
}

#logoHome{
	width: 135px;
	height: 60px;
	padding: 10px 0 0 10px;
	
}

#libHours {
	float:right;
	padding:15px 0 0px 0px;
	width:245px;
	height: 64px; 
	text-align: left;
}

#libHours p {
	font-size:125%;
	margin: 0px 0px 10px 0px;
}

#libHours h3 {
   margin: 0px 0 3px 0;
   font-size: 125%;
   color: #003D79;
}


#searchWindow{
	width: 250px;
	margin: 23px 14px 0 0;
	float: right;
	text-align: right;
}


/* IE 7 and below selector */
*:first-child+html #searchWindow {
	margin: 5px 11px 0 0;
}

/* IE 6 and below selector */
* html #searchWindow { 
	margin: 5px 6px 0 0;
}
form #search{
	margin: 0 0 0 0;
}
#searchBox{
	width: 170px;
	height: 18px;
	margin: 0 0 0 0;
	padding: 2px 3px 0 3px;
	border: 1px solid;
	border-top-color:#506DAB;  
	border-right-color:#6e8bc7;
	border-bottom-color:#829acf; 
	border-left-color:#506DAB;
	background: #fff;
	font: 1em;
	color: #848790;
}

#searchButton{
	margin: 0 5px 0 4px;
	padding: 1px 4px 1px 4px;
	color: #fff;
	background:#2e5a9a;
	border: 1px solid;
	border-top-color:#7391D1;  
	border-right-color:#04386E;
	border-bottom-color:#40537D; 
	border-left-color:#5E82C8;
}

/* IE 7 and below selector */
*:first-child+html #searchButton{
	margin: 0 8px 0 4px;
	padding: 1px 0 0 0;
}
/* IE 6 and below selector */
* html #searchButton{
	margin: 0 8px 0 4px;
	padding: 1px 0 0 0;
}

/*---------------------------------------------------------------
SubFooter */
#subFooter{
	height:22px;
	background-color:#C6D5DF;
	text-align:center;
}
#subFooter ul{
	list-style-type: none;
	margin:0 0 0 0;
	padding: 0;/*needed for FireFox*/
	line-height: 22px;

}
#subFooter ul li{
	display: inline;
	padding:0 5px 0 7px;
	color:#555555;
	border-left: 1px solid #9baed8;
}
#subFooter a:hover{
	color:#464948;
	text-decoration: none;
}
#subFooter a:visited{
	color:#464948;
	text-decoration: none;
}
#subFooter a{
	color:#464948;
	text-decoration: none;
}
#subFooter a:hover{
	text-decoration: underline;
}
/*---------------------------------------------------------------
subFooter2 */
#subFooter2{
	height:30px;
	background:#0B4790;
	text-align:center;
}
#subFooter2 ul{
	list-style-type: none;
	margin:0 0 0 0;
	padding: 0;/*needed for FireFox*/
	line-height: 22px;

}
#subFooter2 ul li{
	display: inline;
	padding:0 5px 0 7px;
	color:#FFFFFF;
	border-left: 1px solid #9baed8;
}
#subFooter2 a:hover{
	color:#FFFFFF;
	text-decoration: none;
}
#subFooter2 a:visited{
	color:#FFFFFF;
	text-decoration: none;
}
#subFooter2 a{
	color:#FFFFFF;
	text-decoration: none;
}
#subFooter2 a:hover{
	text-decoration: underline;
}
/*---------------------------------------------------------------
Footer */
#footer{
	text-align: center;
	margin: 0 0 0 0;
}
#footer ul{
	margin: 6px 0 0 0;
	padding:0 0 0 0;
}
#footer ul li{
	display: inline;
	margin: 0 0 0 0;
	padding-right: 5px;
	padding-left: 7px;
	color: #444;
	border-left: 1px solid #e0e0e0;
}
#footer p.secondLine{
	margin: 6px 0 6px 0;
	font-size: 95%;
	color: #999;
}
#footer a:visited{
	color: #444;
	text-decoration: none;
}
#footer a{
	color: #444;
	text-decoration: none;
}
#footer a:hover {
	color: #333;
	text-decoration: underline;
}
/*---------------------------------------------------------------
Home page rules - 00o0
-----------------------------------------------------------------
Home page content wrapper */
#homePageContent{
	width:763px;
	padding:5px 0 15px 0;	
	margin: 0 0 0 0;
	border-left:1px #DBDBDB solid;
	border-right:1px #DBDBDB solid;
	background:#FFFFFF url('/library/images/bottomGradHomeImg.jpg') repeat-x right bottom;
}
/*---------------------------------------------------------------
Home page sub-columns */
.homeSubColFoot{
	width: 140px;
}
#homeSubCol{
	width: 140px;
}
#homeSubCol{
	height:175px;
	margin: 5px 10px 0 0;	
	background:#E3EDF4 url('/library/images/rpFooter.jpg') no-repeat right bottom;

}
.homeSubColFoot{
	height:62px;
	margin:0 0 0 0;
	background: url('/library/images/rpFooter.jpg') no-repeat left top;
}
#homeSubCol h4 a:hover{ /* dyeMark */
	color:#293250;
	font-size: 105%;
	font-weight:bold;
}
#homeSubCol h4 a:visited{ /* dyeMark */
	color:#293250;
	font-size: 105%;
	font-weight:bold;
}
#homeSubCol h4 a{ /* dyeMark */
	color:#293250;
	font-size: 105%;
	font-weight:bold;
}
#homeSubCol h4 a:hover{
	text-decoration: underline;
}
#homeSubCol a:hover{
	width:115px;
	color:#293250;
	font-size:100%;
	font-weight:normal;	
	text-decoration: none;
	padding:0 0 0 10px;
	margin:0 0 5px 0px;
	display:block;
}
#homeSubCol a:visited{
	width:115px;
	color:#293250;
	font-size:100%;
	font-weight:normal;	
	text-decoration: none;
	padding:0 0 0 10px;
	margin:0 0 5px 0px;
	display:block;
}
#homeSubCol a{
	width:115px;
	color:#293250;
	font-size:100%;
	font-weight:normal;	
	text-decoration: none;
	padding:0 0 0 10px;
	margin:0 0 5px 0px;
	display:block;
}
#homeSubCol a:hover{
	color:#03093B;
	text-decoration:underline;
}

#homeSubCol a.more:link {
	color:#293250;
	font-size:95%;
	font-style:italic;
	text-decoration:none;

}

#headerHome a.more:link {
   color:#293250;
   font-size:95%;
   font-style:italic;
   text-decoration:none;
}

#headerHome a.more:visited {	
	color:#293250;
   font-size:95%;
   font-style:italic;
}

#headerHome a.more {	
	color:#293250;
   font-size:95%;
   font-style:italic;
}

#headerHome a.more:hover  {
	color:#293250;
   font-size:95%;
   font-style:italic;
   text-decoration:underline;
}

/*-----------------------------------------------------------------
Home features */
#homeFeatures{
	width:200px;
	height: 180px;
	margin:25px 10px 20px 0;
	float:left;
}
#homeFeatures img{
	margin-bottom: 0px;
	border:none;
}

#homeFeatures h4{
	font: 102%;
	color: #50576D;
	margin-bottom: 10px;
}

#homeFeatures .featureTitle{
	font: bold 100% normal Arial, Helvetica, sans-serif;
	color: #50576D;
	margin-bottom: 0px;
}

#homeFeatures .featureType{
	font: normal 100% normal Arial, Helvetica, sans-serif;
	color: #50576D;
	margin-bottom: 10px;
}

#homeFeatures .moreFeatures{
	font: normal 95% normal Arial, Helvetica, sans-serif;
	color: #5976AC;
	text-align:right;
	margin-bottom:0px;
	margin-top:5px;
}


#homeFeatures p{
	font:normal 98% normal Arial, Helvetica, sans-serif;
	color: #50576D;
}



/*-----------------------------------------------------------------
Home search window - PLACEHOLDER */
#homeSearch{
	width:309px;
	margin:25px 10px 0 0;
	padding:0px;
	float:left;
	background:none;
	height:180px;
	text-align:left;
	overflow:hidden;	
}
/*-----------------------------------------------------------------
Home events window */
#homeEvents{
	width:210px;
	float:left;
	margin: 25px 0 20px 0;
	height: 180px;

}

#homeEvents .featuredEvent{
	font: bold 102% normal Arial, Helvetica, sans-serif;
	color: #50576D;
	margin-bottom: 0px;
}

#homeEvents .eventDates{
	font: normal 100% normal Arial, Helvetica, sans-serif;
	color: #50576D;
	margin-bottom: 10px;
}

#homeEvents .moreEvents{
	font: normal 95% normal Arial, Helvetica, sans-serif;
	color: #5976AC;
	text-align:right;
	margin-bottom:0px;
}


#homeEvents p{
	font:normal 98% normal Arial, Helvetica, sans-serif;
	color: #50576D;
}

#homeEvents ul{
	font:normal 98% normal Arial, Helvetica, sans-serif;
	color: #50576D;
	margin: 0 0 10px 10px;
	list-style-type: none;
}

#homeEvents li{
	margin-bottom: 3px;
}

a:hover{
	margin:0 0 5px 0;	
	color: #354987;
	text-decoration: none;
}

a:visited{
	margin:0 0 5px 0;	
	color: #354987;
	text-decoration: none;
}

a{
	margin:0 0 5px 0;	
	color: #354987;
	text-decoration: none;
}
a:hover{
	color: #50576D;
	text-decoration:underline;
}


#homeEvents h4{
	font: 102%;
	color: #50576D;
	margin-bottom: 10px;
}

#homeEvents img{
	float: left;
	margin-right:10px;
	width: 39px;
	height: 39px;
	border:1px solid #50576D;
}
/*---------------------------------------------------------------
Content page rules - 000o
-----------------------------------------------------------------
Page content wrapper */
#pageContent{
	padding:5px 0 25px 0;	
	margin: 0 25px 0 25px;
	height: 100%;
}
/*---------------------------------------------------------------
Page navigation tabs */
#navigation{
	height: 28px;
	background:#FFFFFF url(/library/images/navBg.jpg) no-repeat; 
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-bottom:1px #FFFFFF solid;
	border-bottom: 1px solid #dbdbdb;	
}
#navigation ul{
	padding: 6px 0 6px 0;
	margin: 0 0 0 0;
	list-style-type: none;
}
/* 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 42px 6px 42px;
	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 42px 6px 42px; /*<=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;
}




/*---------------------------------------------------------------
Help page navigation tabs */
#nav {
	height: 28px;
	background: #fafafa url(/library/images/navBg.jpg) no-repeat; 
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;	
	border-left: 1px solid #dbdbdb; 
}
#nav 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 #nav ul  {
	margin-top: -1px;
}
/* IE 6 and below selector */
* html #nav ul {
	margin-top: -1px;
}
#nav ul li {
	display: inline;
	line-height: 17px;
}
#nav ul li a { /* dyeMark -000 */
	text-decoration: none;
	padding: 6px 42px 6px 42px;
	margin: 0 0 0 0;
	font-size:  13px;
	font-weight: bold;
	color: #555555;
	border-right: 1px solid #c5c5c5;
	border-left: 1px solid #d9d9d9;
}
#nav ul li a:visited {
	text-decoration: none;
}
#nav ul li a:hover {
	text-decoration: none;
	background: #eeeeee; 
	color: #555555;
}
#nav ul li.selected {
	position: relative;
	top: 1px;
	background: #fff;
	color: #2e3c5f;
	text-decoration: none;
	padding: 6px 46px 6px 50px; /*<=dyeMark002: left padding 50px */
	margin: 0 0 0 0;
	font-size:  13px;
	font-weight: bold;
	border-right: 1px solid #c5c5c5;
	border-left: 1px solid #d9d9d9;
}
#nav ul a.helpSelected{
	position: relative;
	top: 1px;
	background: #fff;
	color: #2e3c5f;
	text-decoration: none;
	padding: 6px 46px 6px 50px;
	margin: 0 0 0 0;
	font-size:  13px;
	font-weight: bold;
	border-right: 1px solid #c5c5c5;
	border-left: 1px solid #d9d9d9;
}
/*---------------------------------------------------------------
Page breadcrumb trail */
.breadcrumbs{
	margin: 5px 0 5px 0;
	font-size: 90%;
	color: #555555; 
}
.breadcrumbs a:visited{
	color: #555555;
	text-decoration: none;
}
.breadcrumbs a{
	color: #555555;
	text-decoration: none;
}
.breadcrumbs a:hover {
	color: #555555;
	text-decoration: underline;
}
/*---------------------------------------------------------------
Page main content column */
#pageMainCol{
	width: 410px;
	height: 100%;
	margin: 0 30px 0 0;
}
#homeMainCol{
	width: 740px;
	margin: 0 0 0 12.5px;
}

#pageMainCol .btt {
	margin: 5px 0 5px 0;
	font-size: 95%;
	color: #555555;
}

#pageMainCol .btt a:visited{
	color: #555555;
	text-decoration: none;
}

#pageMainCol .btt a{
	color: #555555;
	text-decoration: none;
}

#pageMainCol .btt a:hover{
	color: #555555;
	text-decoration: underline;
}


/*--------------------------------------------------------------- 
Page sub content column */
#pageSubColFoot{
	width: 250px;
	height: auto;
	padding-bottom: 30px;
}
#pageSubCol{
	width: 250px;
	height: auto;
	padding-bottom: 30px;
}
#pageSubCol{
	margin: 12px 0 25px 0;	
	background: url('/library/images/rpFooter.jpg') no-repeat right bottom #DEE8F2;
}
#pageSubColHead {
	height: 18px;
	width:250px;
	background: url('../images/rpHeader.jpg') no-repeat bottom left;
}

pageSubColText {
	width:250px;
	height:55%;
}

#pageSubColFoot{
	height:62px;
	background: url('/library/images/rpFooter.jpg') no-repeat right top;
}
#pageSubCol h4{
	font-size: 115%;
	color: #003D79;
	margin:15px 0 10px 0;
	padding:0 10px 0 14px;
}

#pageSubCol h5{
	font-size: 105%;
	color: #555555;
	margin:5px 0 10px 0;
	padding:0 10px 0 14px;

}

#pageSubCol p{
	padding:0 10px 0 14px;
	margin: 0 0 10px 10px;
	color: #293250;
}

#pageSubCol a:hover{
	color:#003D79;
	font-size:100%;
	font-style:normal;
	padding:0 0 0 0px;
	text-decoration: underline;
}
#pageSubCol a:visited{
	color:#003D79;
	font-size:100%;
	font-style:normal;
	padding:0 0 0 0px;
	text-decoration: underline;
}
#pageSubCol a{
	color:#003D79;
	font-size:100%;
	font-style:normal;
	padding:0 0 0 0px;
	text-decoration: underline;
}
#pageSubCol a:hover{
	color:#293250;
	text-decoration: underline;
}

#pageSubCol li a:hover{
	color:#003D79;
	font-size:100%;
	font-style:normal;
	padding:0 0 0 0px;
	text-decoration: none;
}
#pageSubCol li a:visited{
	color:#003D79;
	font-size:100%;
	font-style:normal;
	padding:0 0 0 0px;
	text-decoration: none;
}
#pageSubCol li a{
	color:#003D79;
	font-size:100%;
	font-style:normal;
	padding:0 0 0 0px;
	text-decoration: none;
}
#pageSubCol li a:hover{
	color:#293250;
	text-decoration: underline;
}

#pageSubCol ul{
	padding:0 0 0 20px;
	margin: 0 0 10px 0;
	list-style-type: none;
}
#pageSubCol li{
	color:#003D79;
	font-size:100%;
	font-style:normal;
	padding:0 0 0 10px;
	text-decoration: none;
}


/*--------------------------------------------------------------- 
Page one column */

#pageOneCol{
	width: 740px;
	margin: 0 30px 0 0;
}

#pageOneCol p a {
	color: #293250;
	text-decoration:underline;
}

#pageOneCol p a:hover {
	color: #003D79;
	text-decoration: underline;
}

#pageOneCol a:hover{
	margin:0 0 5px 0;	
	color: #354987;
	text-decoration: underline;
}

#pageOneCol a:visited{
	margin:0 0 5px 0;	
	color: #354987;
	text-decoration: underline;
}

#pageOneCol a{
	margin:0 0 5px 0;	
	color: #354987;
	text-decoration: underline;
}
#pageOneCol a:hover{
	color: #5976AC;
	text-decoration: underline;
}

#pageOneCol ul {
	
	padding: 0px 0px 10px 0px;
	margin: -10px 0px 10px 20px;
	
	}
	
#pageOneCol ul li {
	
	list-style:disc;
	list-style-type:disc;
	list-style-position: outside;
	
}

/*Library Form Styles */
#pageMainCol .input {		font-family: arial, verdana, sans-serif;
			font-size: 12px;
			font-weight: normal;
			height: 17px;
			color: #666666;
			margin-bottom: 10px;
			border: 1px solid #666666;
			padding: 5px;
			background: #DDEAF8;			
}

#pageMainCol .button {	font-family: arial, verdana, sans-serif;
				height: 27px; width: 114px;   
				color: white; 
				font-weight: bold; 
				background: #405587;
				border: 1px solid #666666;
}

#pageMainCol .select {	font-family: arial, verdana, sans-serif;
			font-size: 12px;
			font-weight: normal;
			height: 28px;
			color: #666666;
			margin: 0px;
			margin-bottom: 10px;
			border: 1px solid #666666;
			padding: 5px;
			background: #DDEAF8;			
}

#pageMainCol .check {	
			margin-right: 3px;
			margin-bottom: 10px;
			border: 1px solid #666666;
}


#pageMainCol textarea {	font-family: arial, verdana, sans-serif;
			font-size: 12px;
			font-weight: normal;
			color: #666666;
			margin-bottom: 10px;
			margin-left: 7px;	
			border: 1px solid #666666;	
			padding: 5px;
			background: #DDEAF8;		
}

/* Staff Directory Page */

.staffphoto {
	border:1px solid #293250;
	float:left;
	margin-bottom:10px;
	margin-right:10px;}
}

.bookcover {
	border:1px solid #293250;
	margin-bottom:5px;
	margin-right:5px;}
}

/* MLA & APA Citation Pages */

.mla {
	padding-left: 50px;
	text-indent: -50px;
	line-height: 2em;
}

.hr {
	background-color: #7191CC;
	border: 1px solid #7191CC;
}

p.source {
	font-size: 165%;
	background-color: #7191CC;
	padding: 10px;
}


/*---------------------------------------------------------------
Drop shadow - so the background drop shadow dosn't load first on slow connections */
body{
	background: #f4f4f4 url(/images/bg-drop-shadow.jpg) top center no-repeat;
}