/* 
--------------------------------------------------
	MIDWEST EXPRESS PRINT CSS DOCUMENT
-------------------------------------------------- 
*/

/* --------------------------------
	01. GLOBAL BROWSER RESET
-------------------------------- */

@import "reset.css";

/* --------------------------------
	02. COMMON STYLE
-------------------------------- */

body {
	background: #fff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 62.5%;	/* so I can use ems rather than pixels */
	color: #000;
}




a {
	text-decoration: underline;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #c5c5c5;
}
a:visited {
	text-decoration: none;
}

.clear {
	clear: both;
}

.padfiveright {
    padding: 0px 5px 0 0;
}

.padtalltop {
    padding: 40px 0 0 0;
}

.horzrule { width: 490px; height: 11px; background: url(../images/hr.gif) no-repeat; margin: 10px 0px 10px 0px;
}

/* --------------------------------
	02B. TYPOGRAPHY
-------------------------------- */
.blue a:focus, 
.blue a:hover     { color: #fff; }
.blue a { color: #000!important; text-decoration: underline; }

.blue {
    color: #000!important;
}


.sidelink a:focus, 
.sidelink a:hover     { color: #000; }
.sidelink a { color: #000!important; text-decoration: none!important; }

.darkblue { 
	color: #1b3846!important;
}

.bluebody {
    color: #000!important; font-weight: bold; font-size: 105%; line-height: 80%;
}

.yellowbold a:hover {
    font-weight: bold!important;
}

.grey a:focus, 
.grey a:hover     { color: #fff; }
.grey a { color: #000!important; text-decoration: none!important; }

.verticallines { padding: 0 3px 0 3px; color: #1b3846!important;}


ul.none { 
    list-style-type: none;
}

li.cont { margin: 10px 0 10px 0;
}

    li.cont a { color: #000; text-decoration: underline; font-size: 125%; 
    }
	 li.cont a:hover, a:focus { color: #fff; 
    }

blockquote { font-size: 120%; color: #fff; !important; margin: 10px 0px 10px 0px; font-style: italic; line-height: 120%;
}


ul.bluesquare { list-style-image: url(../images/bullet.gif); margin: 10px 0px 10px 13px; line-height: 150%; font-size: 120%;
}
	
/* --------------------------------
	03. STRUCTURE
-------------------------------- */
#wrapper, #footer {
	margin: 0 auto;
	width: 830px;
	background:#fff;
}
#header, #slide, #qlink, #content {
	padding: 0 45px;
}
	
	/* HEADER */
	#header {
		height: 100px;
		overflow: hidden;
	}
	#header .logo, #header .navigation {
		float: left;
		width: 240px;
	}
		.logo h1 a {
			margin: 20px 0 0;
			background: url("../images/midwest_express.gif") no-repeat;
			width: 196px; height: 68px;
			display: block;
			text-indent: -9000px;
		}
		
	#header .navigation {
		float: right;
		width: 490px;
		text-align: right;
	}
		.navigation p {
			margin: 20px 0 0;
			font-size: 1.0em; font-weight: normal;
		}
		.navigation p a {
			color: #ffc726; text-decoration: underline;
		}
		.navigation p a:hover {
			color: #000;
		}
		
	
/*New navbar*/
	#navhold {
		
		height:30px;
        width: 440px;
		position:relative;
		margin: 14px 0px 0px 48px;	
	}


	/* SLIDE */
	#rotator {
		border: 0;
		overflow: hidden;
		margin-left: 45px;
		width: 740px;
		height: 175px;
	}
	
	#rotator img {
		border: 0;
		width: 740px;
		height: 175px;
	}
	
	
	
	/* QLINK */
	#qlink {
		overflow: hidden;
	}
		#qlink h2.transportation a, #qlink h2.logistic a, #qlink h2.supply a {
			float: left;
			margin: 10px 0 0 10px;
			background: url("../images/qlink_transportation.jpg") no-repeat;
			width: 240px; height: 95px;
			display: block;
			text-indent: -9000px;
		}
		#qlink h2.logistic a {
			background: url("../images/qlink_logistics.jpg") no-repeat;
		}
		#qlink h2.supply a {
			background: url("../images/qlink_supply.jpg") no-repeat;
		}
		
		#qlink h2.transportation a:hover, #qlink h2.logistic a:hover, #qlink h2.supply a:hover {
			background: url("../images/qlink_transportation.jpg") 0 -95px no-repeat;
		}
		#qlink h2.logistic a:hover {
			background: url("../images/qlink_logistics.jpg") 0 -95px no-repeat;
		}
		#qlink h2.supply a:hover {
			background: url("../images/qlink_supply.jpg") 0 -95px no-repeat;
		}
		
		#qlink h2.first a {
			margin: 10px 0 0;
		}
		
	/* MASTHEAD */
	#masthead {
	    width: 740px;
		height: 175px;
	    margin: 0 auto;
    }
	
	#mastheadleft {
	    width: 490px; height: 175px; margin: 0 10px 0 0; float: left;
	}
	
	
    #mastheadright {
	    width: 240px; height: 175px; padding: 0; background: url(../images/masthead_right.gif) top left no-repeat; float:left;
	}
	
	.mastcontent {
	    width: 220px; padding: 10px; font-size: 110%;
	}
	
	ul.masthead { padding-left: 30px; list-style-type: none;
	}
		
		
		/* CONTENT */
	#content {
		margin: 10px 0 0;
		overflow: hidden;
		background: #fff;
	}
		#content h3 {
			margin: 25px 0 0;
			font-size: 2.4em; font-weight: normal;
		}
		#content h4 {
			margin: 25px 0 0;
			font-size: 1.8em; font-weight: normal;
			border-bottom: 1px dotted #323638 !important;
		}
		#content img.endcont {
			margin-bottom: -2px;
		}

	
	#content .maincont {
		float: left;
		padding: 15px 10px; padding-top: 0;
		width: 470px;
	}
		.maincont p {
			margin: 15px 0 0;
			font-size: 1.2em;
			line-height: 18px;
		}
	
	#content .sidecont {
		float: right;
		padding: 15px 10px; padding-top: 43px;
		width: 220px;
	}
		.sidecont .news{
			margin: 10px 0 0;
			color: #000;
			font-size: 1.2em;
		}
		.sidecont p {
			margin: 5px 0 0;
			font-size: 1.2em;
			line-height: 18px;
		}
		

	
	h3 {
		visibility: visible!important;
		font-size: 2.4em;
		color: #000;
	}
	
	h4 {
		visibility: visible!important;
		font-size: 1.8em;
		color: #000;
	}

#footer {
	padding: 0 45px;
	background: #fff;
	height: 100px; width: 740px;
}
	#footer p {
		padding: 50px 0 0;
		font-size: 1.0em;
		text-align: right;
	}
	#footer p a {
		padding-left: 5px;
		color: #000;
		text-decoration: none;
	}
	#footer p a:hover {
		color: #fff;
		text-decoration: none;
	}