﻿/* 
	Most Format and tag styles can be found in UserStyles.css. Others are located at the bottom of this Master Page stylesheet. 

	This stylesheet is organized by the application the particular styles are specific to.
*/

/* Layout Stylesheet */

/* Inside Page Styles */

html, body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #05334B;
	margin: 0;
	background-image: url('../img/HealthBG.jpg');
	background-repeat: repeat-x;
}

body {
 min-width: 900px;
}

img {
	border: none;
}

#header {
    display: block;
    width: 900px;
    height: 122px;
	background-image: url('../img/ECHealthLogo.png');
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#banner {
    display: block;
    width: 900px;
    text-align: center;
    margin: 0 auto;
}

#navSkip 
{
    display: none;
}

h1.banner {
	font-size: 300%;
	padding: 10px 0 0 125px;
	margin: 0;
}


h2.banner {
	font-size: 150%;
	padding: 10px 0 0 125px;
	margin: 0;
}

#container {
background-color: #fff;
border-top: 3px solid #e9b81b;
}

#content {
	margin: 0 auto;
	padding: 0 200px 10px 200px;
    /*	
    background-color: #fff;
    border: 2px solid #FFF;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
    -moz-border-radius-bottomleft: 50px;
    -moz-border-radius-bottomright: 50px;
    -webkit-border-top-left-radius: 100px 50px;
    -webkit-border-top-right-radius: 100px 50px;
    -webkit-border-bottom-left-radius: 100px 50px;
    -webkit-border-bottom-right-radius: 100px 50px; 
    */
	overflow: hidden;
}

#content .column {
            position: relative;
            float: left;

}

#MainContent {
            background-color: #fff;
            padding: 10px 0;       /* CC padding */
            width: 100%;
            /*background-image: url('../img/MainContentBG.png');
	        background-repeat: no-repeat;
	        background-position: top center;*/
}

#leftColumn {
			width: 180px;             /* LC width */
			padding: 25px 10px;       /* LC padding */
			right: 200px;             /* LC fullwidth + CC padding */
			margin-left: -100%;
			border: 2px 0 2px 2px solid #FFF;
			background-color: #fff;
            border-top-left-radius: 50px;  
            border-bottom-left-radius: 50px;
            -moz-border-radius-topleft: 50px;
            -moz-border-radius-bottomleft: 50px;
            -webkit-border-top-left-radius: 100px 50px;
            -webkit-border-bottom-left-radius: 100px 50px;
    }

#rightColumn {
			width: 180px;             /* RC width */
			padding: 25px 10px;       /* RC padding */
			margin-right: -100%;
			border: 2px 2px 2px 0 solid #FFF;
			background-color: #fff;
            border-top-right-radius: 50px;
            border-bottom-right-radius: 50px;
            -moz-border-radius-topright: 50px;
            -moz-border-radius-bottomright: 50px;
            -webkit-border-top-right-radius: 100px 50px;
            -webkit-border-bottom-right-radius: 100px 50px;
}

#breadCrumbs {
	        font-size: 80%;
	        border-top: 2px solid #008752;
	        padding: 3px;
	        color: #999;
	        margin: 0 0 0 -10px;
}

#rightColumn dt {
	font-weight: bold;
}

#rightColumn dd {
	margin: 0 0 10px 20px;
}

#rightColumn ul {
	color: #FFF;
    margin: 0;
}

#rightColumn ul a {
	color: #FFF;
	text-decoration: underline;
}

.header 
{
    margin: 5px -5px;
    padding: 2px 0; 
    text-align: center; 
    background-color: #FC3;
    color: #000;
    font-size: 120%;
    font-weight: bold;
    border: 1px solid #134b40;
}

.feature {
	background-color: #fff;
	width: 180px;
	font-size: 120%;
	border: 1px solid E4C86C;
	color: #000;
	padding: 5px;
	margin-bottom: 10px;
}

.feature ul {
	margin: 0;
	padding-left: 20px;
}


#footer {
	clear: both;
	background-color: #fff;
	height: 50px;
	font-size: 80%;
	text-align: right;
	padding: 5px 5px 0 0;
    border-top: 1px solid #e9b81b;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    -moz-border-radius-bottomleft: 50px;
    -moz-border-radius-bottomright: 50px;
    -webkit-border-bottom-left-radius: 100px 50px;
    -webkit-border-bottom-right-radius: 100px 50px;
    margin-bottom: 30px;
}

/*** IE6 Fix ***/
* html #leftColumn {
  left: 200px;           /* RC width */
}

a {
	color: #05334B;
	font-weight: bold;
}

a:link {
	color: #05334B;
	font-weight: bold;
}

a:visited {
	color: #747c79;
	font-weight: bold;
}

a:hover {
	color: #747c79;
	font-weight: bold;
}

a:active {
	color: #008752;
	font-weight: bold;
}

ul {
	padding-left: 25px;
}

/* End Inside Page Styles */