@charset "utf-8";
/** 
 * Main Layout File
 */

/* Misc Styles and Defaults 
-------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	line-height: 140%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	background: #9BA3AE url(assets/back.gif);
	/* background-color:#9BA3AE; */
	marginwidth:0;
	marginheight:0;
}

html { /* this is the background for the WHOLE width of screen */
	/* background-color: #00487C; */
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

/* jean's misc styles... */
.logo {
	float: right;
	margin-top: 20px;
}

.pageTitle {
	color: #CE7432;
	font-size: 16px;
	font-weight: bold;
}

h1 {
	color: #039;
	font-size: 140%;
	clear: both;
	margin: 0px 0 8px 0;
}

h2 {
	color: #039;
	font-size: 115%;
	clear: both;
	margin: 4px 0 6px 0;
}

.jeanNote {
	color: #F00;
	font-weight: bold;
	font-size: 110%;	
}

img.right {
	margin: 7px 0 7px 20px;
	border: solid 2px #000;
	text-decoration:none;
}
img.rightHm {
	margin: 7px 35px 7px 10px;
	border: solid 2px #000;
	text-decoration:none;
}

img.left {
	margin: 7px 20px 7px 0;
	border: solid 2px #000;
	text-decoration:none;
}
img.leftHm {
	margin: 7px 20px 7px 40px;
	border: solid 2px #000;
	text-decoration:none;
}


/* CONTAINER
----------------------------------------- */
/*  . = class; # = id   */

#BgContainer {
	width: 960px;
	margin: 0 auto; /* this centers the site on page!!*/
	/* background: #fff url(assets/banner.jpg) no-repeat top ; */ 
	background: #fff url(assets/banner2.jpg) no-repeat top ; 
	/*background: url(assets/cornerBack.jpg) no-repeat bottom right;*/
	margin-top:30px;
	border: 2px solid #000;
	border-top: solid 6px #000;
}

#Container {  
	width: 960px;
	background: url(assets/cornerBack.jpg) no-repeat bottom right;	
 	/* min-height: 400px; */
} 

#Layout { /* includes sidebsr width */
	width: 960px;
	clear: both;
	overflow: hidden;
	/* background-position: left top; */
	margin: 0 auto;
	margin-top: 160px;
	padding: 0 0; /*  TOP RIGHT BOTTOM LEFT  */
	border-top: solid 6px #000;
}

#sidebarLeft {
	width: 190px;
	float: left; 	
	/* margin: 0; 
	text-align: center;
	padding: 20px 60px 20px 40px;*/
	background: url(assets/well.png) bottom center;
	min-height: 500px;
}

#logo{
	background: url(assets/ECMlogoBlue.png) no-repeat ;
	width: 148px;
	height:99px; 
	position: relative;
	top: 166px;
	left: 22px;
}

#logo a {
	 outline: none; 
}
	
#logo h2 {
	visibility: hidden;
	height: 100px;
	margin:0;
	padding:0;
}

#eMail {
	float: right;
	margin-top: -30px;
	margin-right: -105px;
	width: 172px;
	background: url(assets/envelope2.gif) no-repeat left;
}
#eMail a {
	/* float: right; */
	font-size: 85%;
	color: #666;
	margin-left: 22px;
	text-decoration:none;
}
#fb {
	float: right;
	margin-top: 35px;
	margin-right: -118px;
	padding-right: 20px;
	width: 100px;
	height: 36px;
	background: url(assets/facebook4.png) no-repeat left;
	/* position: relative; 
	top: 100px;
	left: 100px;*/
}
#fb a {
	outline: none;
}
#fb h2 {
	visibility::hidden;
	height: 36px;
	margin:0;
	padding:0;
}

#mainContent { /* for main content area */
	width: 620px;
	float: left; 	
	margin: 0px 0 0 0;
	text-align: left;
	min-height:400px;
	/* background-color:#666; */
	padding: 35px 60px 20px 40px;
	/* just testing some border styles!
	border-left:thick dashed #FFF;
	border:thin solid #999;*/
}
#mainContent li { 
	margin-left: 25px;
	margin-top: 1px;
}

/* HEADER
----------------------------------------- */
#Header { 
	background:url(assets/ECMlogo2.png) no-repeat;
	width: 157px;
	height:110px; 
	position: relative;
	top: 270px;
	left: -168px;
	/* overflow:hidden; */
}

#Header h1 { 
	color: #fff; 
	padding: 0;
	position:absolute;
	left:30px;
	top:14px;
}
#Header p {
	font-size: 1.4em;
	color: #fff;
	clear: left;
	margin: 0 0 0 100px;
}

#Header h3 { 
	color: #C60; 
	padding: 0;
	position:absolute;
	left:30px;
	top:14px;
}
/*
#logo {
	position:absolute;
	width:162px;
	top:1px;
	left:-1px;
	height: 115px;
}
	
#logo a {
	 outline: none; 
}
	
#logo h2 {
	visibility: hidden;
	height: 105px;
	margin:0;
	padding:0;
}
*/




/* ---------------------------------
new Jean test tabs CSS 
------------------------------------*/

#nav {
    margin: 30px 0 10px 2px;
    padding: 0 0px 8px 0; /* */
	text-align:center;
}

#nav li {
   /* float: left; 
	display: block;*/
    margin: 0px 0 3px -6px;
	list-style: none;
}

#nav a {
    /* background: url(assets/navButton4.gif) no-repeat center;*/ 
	background-color: #00487C;
    color: #fff; 
	display: block; 
	height: 26px;
    line-height: 26px;   
	outline:none;
	padding: 0 0px 0 0; /**/
    text-decoration: none;
	text-transform:uppercase;
	font: Verdana, Geneva, sans-serif;
	font-size: 12px;
	width: 125px;
	margin-left: 34px;
	/* border-bottom: 3px solid #fff; */

}

#nav a:hover {
	color:#fff;
	/*background: url(assets/navButton4_on.gif) no-repeat center; 
	/*background-color: #86DC6D;
	 background-color: #88E34A;*/
	 background-color: #2C833F;
	margin-left: 34px;
	/* font-size: 13px;*/
	font-weight:bold;
}

#nav a:hover span {
    background-position: 100% -100px;
}

#nav a.current {
	/* color:#000; */
	color: #fff;
	/*background: url(assets/navButton4_on.gif) no-repeat center; */
	/*background-color: #86DC6D;
	 background-color: #88E34A;*/
	 background-color: #2C833F;
	margin-left: 34px;
	font-weight:bold;
}

#nav a.current span {
    background-position: 100% -100px;
}


/* MISC STYLES
----------------------------------------- */


/* FOOTER
----------------------------------------------- */
#Footer { 
 	/* clear: both;   */
	width: 960px; 
	margin: 0 auto; /* this centers the site on page!!*/
	/* background-color:#000; */
	padding: 2px 0;
}

#Footer p .left {
	color: #fff;
	font-size: 11px;
	float: left;
}

#Footer p .right {
	color: #fff;
	font-size: 11px;
	float: right;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
	/* float: right; */
}

#Footer a {
	color: #fff;
	text-decoration: none;
}
#Footer a:hover {
	color: #fff;
	text-decoration: underline;
}