body {
	margin:0;
	padding: 5px 0 0 0; 
	text-align:center;
	color:black;
	background:white;
	font-family: "Lucida Sans", "Trebuchet MS", Arial, Verdana;
	font-size:1em;
	background-color: #ededed;
}

/* for all browsers that understand min-width */
.width {width:90%; min-width:700px; margin:0 auto;}


#container {
	margin:0 auto;
	width:100%;
	text-align:left;
}

#navigation {
	float:left;
	width:140px;
	background:#A0CD4C;
}

#wrapper {
	float:left;
	width:630px;
	padding:0;
}

#topBar{  width:100%;height:40px;margin-bottom:1px;color:#809AB3;font-size:14px;}
#topLine{float:left;padding-left:10px;line-height:20px;}

#eclogo{
	height:67px; padding-right:0; padding-left: 20px; padding-top: 28px;
}

#topNav {
	 width:100%; background:transparent;
}


#topNav {
	color: #fff; left: 0px; clear: both; font-size: .75em; line-height: 20px; 
}

#topNav ul{
	padding: 0; margin: 0; list-style-type: none; padding: 10px; margin-left: 7px;
}

#topNav li{
	padding: 0; margin: 0; float: left; list-style-type: none; font-weight: bold; padding: 0 0 0 5px; color: #DC575C;
}

#topNav li.topnavselected a{
	color: #333;
}

#topNav a{
	text-decoration: none; color: #fc1c1c; margin: 0;
}

#secondNav {
	color: #fff; line-height: 20px; clear: both; font-size: 75%; padding-left: 10px; 
}

#secondNav ul{
	padding: 0; margin: 0; display: inline; list-style-type: none; margin-left: 0px; padding: 10px; margin-right: 20px;
}

#secondNav li{
	padding: 0; margin: 0; display: inline; list-style-type: none; font-weight: bold; padding: 0 0 0 0; margin-left: 0px; color: #999;
}

#secondNav a{
	text-decoration: none; color: #999; margin: 0; padding-top: 4px; padding-left: 2px; 
}

#secondNav a.selected{
	color: #333;
}

#pageImage{
	height:183px; width:735px; margin:0; padding:0; margin-top:5px;
}

#pageImage.homepage{
	background:url("../images/header/homeHeader.jpg") no-repeat;
}

#container{
	margin: 0;
	background-color: #ededed;
	color: #333;
	line-height: 130%;
}

.outercontainer {
	margin:0px auto;
}

/*Note: was to be used for rounded edges*/
.outercontainer .hd {
/* background:url("../images/bg/shadowRight.jpg") no-repeat right 0px; */
}

.outercontainer .hd .c {
/* background:url("../images/bg/shadowLeft.jpg") no-repeat left 0px; */
}

#shadowLeft{background:url("../images/bg/shadowLeft.jpg") no-repeat;height:311px;width:17px;float:left;}

#shadowRight{background:url("../images/bg/shadowRight.jpg") no-repeat;height:311px;width:17px;float:right;}

#top{
 border: 1px solid #b4b4b4; margin-bottom:5px; background-color: #fff; padding-bottom: 10px;
}

#content {background-color: #fff; min-height:400px;}

#top h1{
	padding: 0; margin: 0;
}

#right-nav{
	float: right;
	width: 201px;
	margin: 0 10px;
}

#right-nav h1{
	color:#01275B; font-size:18px; padding-top: 10px; border-top:5px solid #BEBEBE; margin: 0 0 10px 0; 
} 

#link2,#link3{padding-top:15px}

#main-content{
	color:#333333;
}

/* Note: Generic main column styles :temp: supplied */
#main-content H1{
	color:#D5201E; 
	padding:0;
	margin:10px 0 15px 0;
	font-size: 150%;
}
 
#main-content H2{
	color:#D5201E; 
	padding:0;
	margin:10px 0 15px 0;
	font-size: 110%;
	font-weight:normal;
}
 
 
#main-content p, #main-content ul, #main-content ol, #main-content dl{
	margin-right: 210px;	
} 
 
#main-content ol{
	font-size: .75em;
}
 
#main-content p{
   color:#333333; 
   padding:0;
   margin:10px 12px 15px 0;
   font-size: 75%;
	font-weight:normal;
}
  
#main-content p a{
 	font-size: 100%;
}
 
#main-content a{
   color: #333; 
   text-decoration: underline;
	margin:0;
	font-weight: bold;
	font-size: .75em;
}
 
#main-content a:hover{
	color:#D5201E; 
	text-decoration:underline;
}
 
#main-content ul{
	padding-left: 5px;
	margin:0;
}
 
#main-content ul li{
	margin:0;
	padding-left: 0;  
	display:block;
	line-height:1em;
	background: url(../images/list-bullet.gif) no-repeat 0 5px;
	font-size: .75em;
	padding:1pt 0pt 2pt 15px;
	list-style: none;
}

#main-content ul li a{
	font-size: 1em;
}

#footer{
	clear: both;
	margin: 0;
	padding: .5em;
	color: #333;
	width:700px;
	font-size:11px
}

.dialog{
	margin:0px auto;
	border:1px solid #B4B4B4;
	background-color: #fff;
	padding-bottom: 15px;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* Note: ensure minimum height */
	 height:12px;
}

.dialog .ft .c {
 height:14px;
}
/* Note: page header styles - will incorporate these into the database */
.pageone .hd {
 background:transparent url(../images/header/images/page1R.jpg) no-repeat right 0;height:169px;
}

.pageone .hd .c {
 background:transparent url(../images/header/images/page1L.gif) no-repeat left 0px;height:169px;
}

.pagetwo .hd {
 background:transparent url(../images/header/images/page2R.jpg) no-repeat right 0;height:169px;
}

.pagetwo .hd .c {
 background:transparent url(../images/header/images/page2L.gif) no-repeat left 0px;height:169px;
}

.pagethree .hd {
 background:transparent url(../images/header/images/page3R.jpg) no-repeat right 0;height:169px;
}

.pagethree .hd .c {
 background:transparent url(../images/header/images/page3L.gif) no-repeat left 0px;height:169px;
}

.pagefour .hd {
 background:transparent url(../images/header/images/page4R.jpg) no-repeat right 0;height:169px;
}

.pagefour .hd .c {
 background:transparent url(../images/header/images/page4L.gif) no-repeat left 0px;height:169px;
}

.pagefive .hd {
 background:transparent url(../images/header/images/page5R.jpg) no-repeat right 0;height:169px;
}

.pagefive .hd .c {
 background:transparent url(../images/header/images/page5L.gif) no-repeat left 0px;height:169px;
}

.pagesix .hd {
 background:transparent url(../images/header/images/page6R.jpg) no-repeat right 0;height:169px;
}

.pagesix .hd .c {
 background:transparent url(../images/header/images/page6L.gif) no-repeat left 0px;height:169px;
}

.pageseven .hd {
 background:transparent url(../images/header/images/page7R.jpg) no-repeat right 0;height:169px;
}

.pageseven .hd .c {
 background:transparent url(../images/header/images/page7L.gif) no-repeat left 0px;height:169px;
}

.pageeight .hd {
 background:transparent url(../images/header/images/page8R.jpg) no-repeat right 0;height:169px;
}

.pageeight .hd .c {
 background:transparent url(../images/header/images/page8L.gif) no-repeat left 0px;height:169px;
}

.home .hd {
 background:transparent url(../images/header/images/homeR.gif) no-repeat right 0;height:15px;
}

.home .hd .c {
 background:transparent url(../images/header/images/homeL.gif) no-repeat left 0px;height:15px;
}

/* end of individual styles */
.dialog .bd {
 background:transparent url(../images/bg/ml.gif) repeat-y 0px 0px;
}

.dialog .bd .c {
 background: white url(../images/bg/mr.gif) repeat-y right 0px;margin-left:10px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(../images/bg/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(../images/bg/bl.gif) no-repeat 0px 0px;
}

.dialog .ft .c {
 background:transparent url(../images/bg/br.gif) no-repeat right 0px;height:20px;margin-left:10px
}

.topnavcontainer {
 margin:0px auto;
 background-color: #fff;
}

.topnavcontainer .hd .c,
.topnavcontainer .ft .c {
 font-size:1px; /* Note: ensure minimum height */
 height:13px;
}

.topnavcontainer .ft .c {
 height:14px;
}

/*Note: was used for rounded edges*/
.topnavcontainer .hd {
/* background:transparent url(../images/navbg/tr.gif) no-repeat right  0px;height:18px;*/
}

.topnavcontainer .hd .c {
/* background:transparent url(../images/navbg/tl.gif) no-repeat left 0px;height:18px;*/
}

.topnavcontainer .bd {
 /*background:transparent url(../images/navbg/mr.gif) repeat-y right 0px;*/
}

.topnavcontainer .bd .c {
/* background:transparent url(../images/navbg/ml.gif) repeat-y left 0px;*/
}

.topnavcontainer .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(../images/navbg/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.topnavcontainer .ft {
/* background:transparent url(../images/navbg/br.gif) no-repeat right 0px;height:18px;*/
}

.topnavcontainer .ft .c {
/* background:transparent url(../images/navbg/bl.gif) no-repeat left 0px;height:18px;*/
}
		
#footer ul{padding:0;margin:0;display:inline;list-style-type:none;padding:0 0 0 5px;margin-left:0;line-height:11px;}
#footer li{padding:0;margin:0;display:inline;list-style-type:none;padding:0;line-height:11px}
#footer a{font-size:11px;text-decoration:none;color:#FC1C1C;margin:0;padding-top:0px;}

#showfaq{width:409px;background:#eee;border:1px solid #333;padding:10px;margin:0;}
#showfaq p{margin:0;padding:0;line-height:16px}

#profileSelect a{text-decoration:none;}
#profileSelect a:hover{text-decoration:none;color:green}

#profilePage a{font-size:12px}
#profilePage h1,#profilePage h2{font-size:16px;margin:0 0 5px 0}

#sitemap a{text-decoration:none;}
.linkheader{font-size:18px;color:red;}
		
/* Note: faq accordian effects */
.accordion-click{
	background:#ccc;padding:5px 210px 5px 5px;color:white;font-weight:bold; cursor: pointer;
}

#main-content p.accordion-click{
	margin: .5em 230px .5em 0;
}

.accordion-content p{font-size:12px;background:white; margin: .5em 0 .5em 0}

#gradflash {float:right;}

#profilePage h2 {width:360px; }

/* Note: Roles page accordian */		
.accordian dt{font-size: .8em; color:#333333; line-height:130%; font-weight: bold; cursor: pointer; margin:0.5em 0;}

.accordian dd{font-size:1em; font-size: .75em; line-height:10pt; margin:10px 0pt;}

#banner{width: 613px; height: 168px; float: right; margin-top: -169px;}

#main-content table{
	padding-right: 230px;
}

#main-content table table{
	padding-right: 0px;
}

/* Profiles */
div.profile-column{
	float: left; width: 220px; padding-right: 20px;	
}


#main-content strong.profile-name{
	font-size: 110%; color:#D5201E;
}

#profile p strong{
	color: #D5201E;	
}



.left{
	float: left;
}

.profile-pic{
	width: 240px; height: 189px; margin: 0 10px 5px 0;
}

.image1{
	background-image: url(../images/office-pics/ec_harris_pic1.jpg);
}

.image2{
	background-image: url(../images/office-pics/ec_harris_pic2.jpg);
}

.image3{
	background-image: url(../images/office-pics/ec_harris_pic3.jpg);
}

.image4{
	background-image: url(../images/office-pics/ec_harris_pic4.jpg);
}

.image5{
	background-image: url(../images/office-pics/ec_harris_pic5.jpg);
}