﻿/* Lansing Community College, Lansing, MI */

body {
	margin: 0; 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.80em;
	background: #0a340c url('/images/bg-gradient.jpg') repeat-x /*#01450C;*/ /* background image property is at the bottom of this page */
}

#pageWrapper {
	margin: 0 auto;
	text-align: left;
	/* IE 5.5 width hack */
	width: 952px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	/* end IE 5.5 width  hack */
	
	/* all other browsers */
	width:950px;
}

.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 */

#header {
	height: 100px;
	
}

#logo {
	width: 178px;
	height: 100px;
	float: left;	
}

#utilities {
	width: 747px;
	margin: 6px 0 0 0;
	float: right;
	text-align: right;
}

/* IE 7 and below selector */
*:first-child+html #utilities {
	margin: 6px 0 0 0;
}

/* IE 6 and below selector */
* html #utilities {
	margin: 6px 0 0 0;
}

#utilities ul {
	margin: 0 0 10px 0;
	padding: 0;
}

#utilities ul li {
	display: inline;
	margin: 0 0 0 0;
	padding-right: 6px;
	padding-left: 8px;
	font-size: 110%;
	color: #eee;
	border-left: 1px solid #666;
}

#utilities a:visited {
	color: #eee;
	text-decoration: none;
}

#utilities a {
	color: #eee;
	text-decoration: none;
}

#utilities a:hover  {
	color: #eee;
	text-decoration: underline;
}


#content {
	width: 940px;
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
	background: #FEFDFD url('/images/bg-columns.gif') repeat-y;
	border-top: 5px solid #FEFDFD;
	border-bottom: 5px solid #FEFDFD;
	
}


/*---------------------------------------------------------------
center content column */

#centerCol {
	display: inline;
	margin: 0 0 0 0;
	padding: 5px 30px 13px 30px;
	width: 630px;
	float: left;
}

#centerCol .blurbWrapper {
		background: url(/images/bg-blurb-wrapper.png) repeat;
		margin: 13px 0 0 0;		
}

#centerCol .blurb {
		margin: 0 4px 4px 4px;
		padding: 8px 8px 8px 8px;
		background: #165aa5 url(/images/bg-blurb-gradient.png) repeat-x; 	
}

/* main text */
/* 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 */

.imgLeft {
	float: left;
	margin: 3px 15px 0 0;
	border: 10px solid #e0d9d1
}

#centerCol img {
	float: right;
	margin: 3px 0 0 15px;
	border: 10px solid #e0d9d1
}



#centerCol h1 {
	margin: 10px 0 5px 0;
	font-size: 170%;
	font-weight: bold;
	color: #01450C;
}

#centerCol p {
	margin: 0 0 15px 0;
	line-height: 1.5em;
	font-size: 110%;
	color: #333; 
}

#centerCol ol li {
	line-height: 1.5em;
	margin: 0 0 15px 0;
	font-size: 110%;
	color: #333;
}

#centerCol ul li {
	line-height: 1.5em;
	font-size: 110%;
	color: #333;
}

#centerCol h4 {
	margin: 24px 0 5px 0; /*top was 19*/
	font-size: 140%;
	color: #01450C;
}

#centerCol h3 {
	margin: 24px 0 5px 0; /*top was 19*/
	font-size: 140%;
	color: #01450C;
}

#centerCol h2 {
	margin: 24px 0 5px 0; /*top was 19*/
	font-size: 140%;
	color: #01450C;
}

#centerCol h2 a:visited, #centerCol h2 a {
	text-decoration: none;
}


#centerCol a:visited {	
	color: #2e633a;
	text-decoration: underline;
	font-weight: bold
}

#centerCol a {	
	color: #2e633a;
	text-decoration: underline;
	font-weight: bold
}

#centerCol a:hover  {
	color: #2e633a;
	text-decoration: none;
	font-weight: bold
}

#centerCol a.button:visited {
	padding: 2px 6px 2px 6px;
	background: #e0d9d1;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid gray	
				
}

#centerCol a.button {
	padding: 2px 6px 2px 6px;
	background: #e0d9d1;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid gray			
}

#centerCol a.button:hover {
	padding: 2px 6px 2px 6px;
	background: #a57b4a;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	border: 1px solid gray				
}



/*---------------------------------------------------------------
two column */

#centerCol #firstCol {
	width: 310px;
	float:left;
}

#centerCol #secondCol {
	width: 310px;
	float:right;
}




/*---------------------------------------------------------------
right column */

#rightCol {
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 250px;
	float: right;
}

/*---------------------------------------------------------------
navigation */

#navigation {
	width: 250px;
	margin: 0 0 5px 0;
	border-bottom: 5px solid #FEFDFD;
	background: #FEFDFD 
}

#navigation ul {
	padding: 0;
	width: 250px;
	margin: 0 0 0 0;
	float: right;
	list-style-type: none;
	
}

#navigation ul li {
	text-align: left;
	
}

#navigation ul li a {
	text-decoration: none;
	display:block;
	padding: 10px 0 10px 18px;
	margin: 0 0 2px 0;
	font-size:  100%;
	font-weight: bold;
	background: #235937 ; 
	color: #eee;
}

#navigation ul li a:visited {
	text-decoration: none;
}

#navigation ul li a:hover {
	text-decoration: none;
	background: #a57b4a; /* #2e633a; */
	color: #eee;
}

#navigation .navOn {
	background: #a57b4a /*#997854;*/			
}

/*---------------------------------------------------------------
right column box */

#rightColBox {
	margin: 0 0 0 0;
	padding: 8px 18px 12px 18px;
	background: #E0D9D1/* #D5C9BD */			
}

#rightColBox h3 {
	margin: 0;
	padding: 0 3px 4px 0;
	font-size: 155%;
	font-weight: normal;
	color: #333;
}

#rightColBox p {
	margin-top: 0;
	padding: 0 0 0 0;
	line-height: 1.4em;
	color: #333; 
}

#rightColBox ul {
	margin: 0 0 0 22px; 
	padding: 0 0 0 0;
}

#rightColBox ol {
	margin: 0 0 0 28px; 
	padding: 0 0 0 0;
}


#rightColBox ol li {
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	line-height: 1.4em;
	color: #333;
}


#rightColBox ul li {
	margin: 0 0 0 0; 
	padding: 0 0 0 0;
	line-height: 1.4em;
	color: #333;
}

#rightColBox a:visited {	
	color: #2e633a;
	text-decoration: underline;
}

#rightColBox a {	
	color: #2e633a;
	text-decoration: underline;
}

#rightColBox a:hover {
	color: #2e633a;
	text-decoration: none;
}

#rightColBox .pdfIcon {
	float: left;
	margin: 0 8px 0 0;			
}

/*---------------------------------------------------------------
footer */

#footer {
	text-align: center;
	margin: 0 0 0 0;
}

#footer ul {
	margin: 8px 0 0 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	margin: 0 0 0 0;
	padding-right: 5px;
	padding-left: 7px;
	color: #eee;
	font-size: 105%;
	border-left: 1px solid #666;
}

#footer p.secondLine {
	margin: 6px 0 6px 0;
	font-size: 95%;
	color: #999;
}

#footer a:visited {
	color: #eee;
	text-decoration: none;
}

#footer a {
	color: #eee;
	text-decoration: none;
}

#footer a:hover  {
	color: #eee;
	text-decoration: underline;
}