﻿/* Lansing Community College, Lansing, MI */

body {
	margin: 0; 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	/*background: #f4f4f4;  background image property is at the bottom of this page */
	background: #FFFFFF; /* background image property is at the bottom of this page */
}

#pageWrapper {
	margin: 0 auto;
	text-align: left;
	border-right: 1px solid #dbdbdb;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dbdbdb;
	/*background: #fff;*/
	background: #FFFFFF;
	/* IE 5.5 width hack */
	width: 767px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	/* end IE 5.5 width  hack */
	
	/* all other browsers */
	width:765px;
}

.textOnly {
	display: none;
}

img {
	border: none;
}

/*---------------------------------------------------------------
global 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;
}
/* End hide from IE-mac */

/*---------------------------------------------------------------
global header */

#headerHome {
	height: 90px;
	background: #597ac1 url(../images/bg-header.jpg) no-repeat;
}

#logoHome {
	width: 186px;
	height: 90px;
	padding: 0 0 0 10px;
	float: left;
}

#headerSmall {
	height: 80px;
	background: #597ac1 url(../images/bg-header.jpg) no-repeat;
}

#logoSmall {
	width: 163px;
	height: 80px;
	padding: 0 0 0 10px;
	float: left;
}

#utilities {
	width: 500px;
	margin: 2px 14px 0 0;
	float: right;
	text-align: right;
}

/* IE 7 and below selector */
*:first-child+html #utilities {
	margin: 5px 11px 0 0;
}

/* IE 6 and below selector */
* html #utilities {
	margin: 5px 6px 0 0;
}

#utilities ul {
	margin: 0 0 10px 0;
	padding: 0;
}

#utilities ul li {
	display: inline;
	margin: 0 0 0 0;
	padding-right: 5px;
	padding-left: 7px;
	color: #fff;
	border-left: 1px solid #9baed8;
}

#utilities a:visited {
	color: #fff;
	text-decoration: none;
}

#utilities a {
	color: #fff;
	text-decoration: none;
}

#utilities a:hover  {
	color: #fff;
	text-decoration: underline;
}

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 url(../images/bg-search-shadow.jpg) no-repeat;
}

#searchButton {
	margin: 0 5px 0 4px;
	padding: 1px 4px 1px 4px;
	color: #fff;
	background: #587abf;
	border: 1px solid;
	border-top-color:#829acf;  
	border-right-color:#49649c;
	border-bottom-color:#405587; 
	border-left-color:#6e8bc7;
}

#resetButton {
	margin: 0 5px 0 4px;
	padding: 1px 4px 1px 4px;
	color: #fff;
	background: #587abf;
	border: 1px solid;
	border-top-color:#829acf;  
	border-right-color:#49649c;
	border-bottom-color:#405587; 
	border-left-color:#6e8bc7;
}

/* 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;
}

/*---------------------------------------------------------------
lower level pages */

#identity {
	
	/*background-color: #4C5D8B;*/
	background-color: #FFFFFF;
	padding: 2px 0 3px 0;	
}

#identity h1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-indent: 17px;
	font-size: 125%;
	font-weight: normal;
	color: #f4f4f4;
}

#content {
	width: 765px;
	margin: 6px 0 6px 0;
}

/*---------------------------------------------------------------
center content column */

#centerCol {
	display: inline;
	margin: 0 0 0 0;
	padding: 0 28px 20px 28px;
	width: 709px;
	float: left;
}

/* breadcrumb trail */
#centerCol p.breadcrumbs {
	margin: 4px 0 0 0;
	font-size: 95%;
	color: #555555; 
}

#centerCol p.breadcrumbs a:visited {
	color: #555555;
	text-decoration: none;
}

#centerCol p.breadcrumbs a {
	color: #555555;
	text-decoration: none;
}

#centerCol p.breadcrumbs a:hover  {
	color: #555555;
	text-decoration: underline;
}

/* main text */
#centerCol h2 {
	margin: 13px 0 12px 0;
	font-size: 165%;
	font-weight: normal;
	color: #283251;
}

#centerCol p {
	margin: 0 0 15px 0;
	line-height: 18px;
	color: #333; 
}

#centerCol ol {
	line-height: 18px;
	color: #333;
}

#centerCol ul {
	line-height: 18px;
	color: #333;
}

#centerCol h5 {
	margin: 9px 0 12px 0;
	font-size: 115%;
	color: #363D51;
}

#centerCol h4 {
	margin: 9px 0 12px 0;
	font-size: 115%;
	color: #363D51;
}

#centerCol h3 {
	margin: 24px 0 12px 0; /*top was 19*/
	font-size: 125%;
	color: #363D51;
}

#centerCol a:visited {	
	color: #354987;
	text-decoration: underline;
}

#centerCol a {	
	color: #354987;
	text-decoration: underline;
}

#centerCol a:hover  {
	color: #354987;
	text-decoration: none;
}

/*---------------------------------------------------------------
address sub footer */

#address {
	text-align: center; 	
	background: #597abf url(../images/bg-blue-footer.jpg) no-repeat;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #C1C1C1;
}

#address p {
	margin: 0;
	padding: 10px 0 10px 0;	
	color: #f4f4f4;
}

#address a:visited {
	color: #f4f4f4;
	text-decoration: none;
}

#address a {
	color: #f4f4f4;
	text-decoration: none;
}

#address a:hover  {
	color: #f4f4f4;
	text-decoration: underline;
}

/*---------------------------------------------------------------
footer */

#footer {
	text-align: center;
	margin: 0 0 0 0;
}

#footer ul {
	margin: 6px 0 0 0;
	padding: 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;
}

/* 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;*/
	background: #FFFFFF 
}