@import url("typography.css");
/* 
Developed by The Rust Works (http://www.therustworks.com/) for EMR Engineering
Deveopers: Ryan Mueller, Erica Mueller
Original Sticky Footer concept code provided by Ryan Fait.
*/

/* 
    //////// BASIC LAYOUT ////////////////////////////////
	//// Let's establish the layout, and sticky footere6e9f2
	//////////////////////////////////////////////////////
*/

* { margin: 0;}
		/* Resets all margins for; makes for cleaner site across FF and IE6 */
html, body {
		height: 100%;
		color: #000;
		background:#fff;}
#wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		width: 700px;
		margin: 0 auto -2em;
		background: url(../images/layout/content_bg.png) repeat-y;}
		/* the bottom margin is the negative value of the footer's height */
#headerTop {
		background: url(../images/layout/header_top_bg.png) repeat-x;
		height: 39px;
		width: 100%;}
#headerLeft {
		float: left;
		background: url(../images/layout/header_top_left_corner.png);
		height: 39px;
		width: 9px;	}
#headerRight {
		float: right;
		background: url(../images/layout/header_top_right_corner.png);
		height: 39px;
		width: 9px;}
#headerImg {
		background: url(../images/layout/header_bg_wave.jpg) no-repeat;
		height: 100px;
		width: 100%;}
#headerImgText {
		padding-top: 65px;
		margin-left: .9em;}
#headerLogo {
		background: url(../images/layout/header_logo.png) no-repeat;
		height: 39px;
		width: 74px;
		float: left;
		margin-left: 1em;}
#headerBotLeft {
		background: url(../images/layout/header_bot_bg.png) repeat-x;
		height: 20px;
		width: 560px;
		border-left: 1px solid #8d9098;
		float: left;}
#headerBotRight {
		background: url(../images/layout/header_bot_bg_right.png) repeat-x;
		height: 20px;
		width: 138px;
		border-right: 1px solid #8d9098;
		float: right;}
#contentLeft {
		float: left;
		width: 550px;
		padding-left: 8px;}
#contentRight {
		float: right;
		width: 130px;}
.pushWhite {
		height:.8em;
		width: 100%;
		background:#fff;
		margin: 0 auto 0;}
#footer, .push {
		height: 2em;
		width: 700px;
		margin: 0 auto;
		clear: both;}
		/* .push must be the same height as .footer */
		/* clear: both; just be used so FireFox will display footer correctly. */
#footer {
		background: #000;
		color:#ccc;}
#footerLeft {
		float: left;
		background: url(../images/layout/footer_left_corner.png);
		height: 22px;
		width: 9px;	}
#footerRight {
		float: right;
		background: url(../images/layout/footer_right_corner.png);
		height: 22px;
		width: 9px;}
#footerText {
		font-size: .8em;
		padding-top: .6em;}

/* 
    //////// NAVIGATION STYLES ////////////////////////////////
	//// Let's style the top navigation
	//////////////////////////////////////////////////////
*/

#navcontainer {
		margin-top: 16px;
		width: 47%;
		float: right;
		color: #333;}
#navcontainer a:link, #navcontainer a:visited {
		font-weight: bold;
		color: #e5e5e5;
		text-decoration: none;
		padding-right: 10px;
		padding-left: 10px;
		line-height: 1.7em;}
#navcontainer a:hover {
		color: #fff;
		border-bottom: 3px solid #0c0;
}
#navlist {
		list-style: none;
		padding: 0;
		margin: 0;}
#navlist li {
		display: inline;
		padding: 0;
		margin: 0;}
#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround: IE 5/6 does not use the before, first-child corectly, we have to hid the first pip in the nav list manualy below.*/
/*All IE browsers*/
* html #navlist li {
		border-left: 1px solid #333;
		padding: 0 0.8em;
		margin: 0 0.4em 0 -0.4em;}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }
* html #navlist li {
		display: block;
		float: left;}
/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }

/* 
    //////// CUSTOM STYLES ///////////////////////////////
	//// Let's style some html elements and specific spans/divs
	//////////////////////////////////////////////////////
*/
img {
		border: 1px solid #333;}
.icons {
		border: none;
		margin-left: .4em;}
.iconsLayer {
		border-right: 1px solid #ccc;
		width: 130px;
		float: left;}
.left {
		float:left;
		margin-top: .2em;
		margin-right: .4em;
		margin-bottom: .2em;}
.right {
		float:right;
		margin-top: .2em;
		margin-left: .4em;
		margin-bottom: .2em;}
/* 
    //////// CUSTOME LINKS ////////////////////////////////
	//// Let's style some anchor elements
	//////////////////////////////////////////////////////
*/

a:link, a:visited {
		text-decoration: none;
		color:#44546e;}
a:hover {
		border-bottom: 1px solid #0c0;
		color:#44546e;}
#footerText a:link, #footerText a:visited {
		color: #ccc;
		text-decoration: none;
		border-bottom: 1px solid #0c0;/*526689 blue from header*/}
#footerText a:hover {
		color: #999;
		border-bottom: 1px solid #090;}