/* Start of CMSMS style sheet 'ecc_Styles' */
body {
    background-image    :url(images/template/ecc_pgbk.png);
    background-color    :#A8CCEA;
    background-repeat   : repeat-x;
    margin              :0px;
	padding             :0px;
}

br{
  line-height            :15px;
}

/*--Main Container -------------------------------*/
#container {
	width               :950px;
	margin-top          :0px;
    margin-bottom       :0px;
    margin-left         :auto;
    margin-right        :auto;
    background-image    :url(images/template/ecc_contentbk.png);
    padding             :0px;
}/*-----container for site------*/

#topbar{
    height              :102px;
    width               :950px;
    padding             :0px;
    padding-top         :15px;
    background-image    :url(images/template/ecc_topbk.png);
    margin              :0px;
}

#topbar-left{
    width               :368px;
    height              :87px;
    float               :left;
    padding             :0px;
    padding-left        :40px;
    margin              :0px;
}

#topbar-left img{
    padding             :0px;
    border              :0px;
    margin              :0px;
}

#topbar-left p{
    padding             :0px;
    margin              :0px;
}

#topbar-right{
    width               :360px;
    height              :87px;
    float               :right;
    background-image    :url(images/template/ecc_toprightbk.png);
    padding             :0px;
    margin              :0px;
    margin-right       :25px;
}

#topbar-right-links{
    width               :320px;
    height              :20px;
    padding             :0px;
    padding-top:20px;
    padding-left:40px;
    margin              :0px;
}

#topbar-right-links p{
    padding             :0px;
    margin              :0px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #3B89C5
}

#topbar-right-links a:link, #topbar-right-links a:visited{
  color: #3B89C5
}

#topbar-right-search{
    width               :320px;
    height              :20px;
    padding             :0px;
    padding-top:5px;
    padding-left:40px;
    margin              :0px;
}

#topbar-right-search p{
    padding             :0px;
    margin              :0px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #3B89C5
}

#topbar-right-search input{
    width               :180px;
    height              :18px;
    padding-top         :4px;
    padding             :2px;
    margin-left         :10px;
    background-color    :#FFFFFF;
    border              :0px solid #86AED0;
    color:#0A8BEB;
    font-size:11px;
    text-transform:uppercase;
  font-family: Tahoma, Arial, cursive
}

#topmenu{
    height              :40px;
    width               :870px;
    padding             :0px;
    padding-top           :7px;
    padding-left          :40px;
    padding-right         :40px;
   background-image    :url(images/template/ecc_menubk.png);
}

#topcontent{
    height              :151px;
    width               :950px;
    padding             :0px;
    margin              :0px;
   background-image    :url(images/template/ecc_contenttopbk.png);
}

#topcontent-left{
    width               :273px;
    height              :151px;
    float               :left;
    padding             :0px;
    padding-left        :25px;
    margin              :0px;
}

#topcontent-left p{
    padding             :0px;
    margin              :0px;
}

#topcontent-left-download {
    width               :233px;
    height              :23px;
    padding-bottom      :5px;
    padding-left:20px;
    padding-right:20px;
    padding-top:8px;
    margin              :0px;
}

#topcontent-left-download p {
    padding :0px;
    margin              :0px;
    color:#FFFFFF;
    font-weight:bold;
    font-family: Tahoma, Arial, sans-serif;
}

#topcontent-left-download a {
    color:#FFFFFF;
}

#topcontent-left-download strong {
    padding :0px;
    margin              :0px;
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;}

#topcontent-left-media {
    width               :233px;
    height              :90px;
    padding-bottom      :5px;
    padding-left:20px;
    padding-right:20px;
    padding-top:15px;
    margin              :0px;
}

#topcontent-left-media h1 {
    padding :0px;
    padding-left:5px;
    margin  :0px;
    color:#EEEEEE;
    font-weight:normal;
    letter-spacing:1px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

#topcontent-left-media p {
    padding :0px;
    margin              :0px;
    color:#FFFFFF;
    font-weight:bold;
    font-family: Tahoma, Arial, sans-serif;
}

#topcontent-left-media img {
    padding :0px;
    padding-top:5px;
    padding-right:10px;
    padding-left:10px;
    border:0px;
    margin              :0px;
}

#topcontent-left-media a {
    color:#FFFFFF;
}

#topcontent-left-media strong {
    padding :0px;
    margin              :0px;
    color:#FFFFFF;
    font-size:14px;
    font-weight:bold;}

#topcontent-right{
    width               :625px;
    height              :87px;
    float               :right;
    padding             :0px;
    padding-right:25px;
    padding-top:3px;
    margin              :0px;
}

#topcontent-right p{
    padding             :0px;
    margin              :0px;
}

#topcontent-right img{
    float:left;
    border:0px;
    padding             :0px;
    margin              :0px;
}

#topcontent-right-links{
    width               :625px;
    height              :87px;
    float               :right;
    padding             :0px;
    padding-right:25px;
    padding-top:3px;
    margin              :0px;
}

/*****Main text ************/
div#maintext {
	width               :950px;
    margin              :0px;
    min-height          :300px;
    background-repeat: no-repeat
}

div#h-maintext {
	width               :950px;
    margin              :0px;
    background-image    :url(images/template/ecch_contentbk.png);
    background-repeat: no-repeat
}

#h-mainpic{
    width               :900px;
    height              :250px;
    padding-top:3px;
    padding-bottom:0px;
    padding-left        :25px;
    padding-right       :25px;
    margin              :0px;
}
#h-mainpicclr{
    width               :900px;
    height              :10px;
    padding:0px;
    padding-left        :25px;
    padding-right       :25px;
    margin              :0px;
}

#featured{
	width:650px;
	padding-right:250px;
	position:relative;
	border:0px solid #ccc;
	height:250px;
	background:#EBEBEB;
    margin:0px
}
#featured ul.ui-tabs-nav{
	position:absolute;
	top:0; left:645px;
	list-style:none;
	padding:0; margin:0;
	width:255px;
}
#featured ul.ui-tabs-nav li{
	padding:1px 0; padding-left:13px;
	font-size:12px;
	color:#666;
}
#featured ul.ui-tabs-nav li img{
	float:left; margin:2px 5px;
	background:#fff;
	padding:1px;
	border:1px solid #F8AD16;
}
#featured ul.ui-tabs-nav li span{
	font-size:11px; font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
    font-weight:bold;
    text-decoration:none;
    text-transform: uppercase;
}
#featured li.ui-tabs-nav-item a{
	display:block;
	height:60px;
	color:#3B89C5;  background:#fff;
	line-height:20px;
    text-decoration:none;
    padding-left:5px;
}
#featured li.ui-tabs-nav-item a:hover{
	background-color:#EFF1FC;
}
#featured li.ui-tabs-selected{
	background:url('images/template/selected-item.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background-color:#FDEECE;
}
#featured .ui-tabs-panel{
	width:650px; height:250px;
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{
	position:absolute;
	top:180px; left:0;
	height:70px;
    width:100%;
	background: url('images/template/transparent-bg.png');
}
#featured .info h2{
	font-size:16px; font-family:Georgia, serif;
	color:#fff; padding:5px; margin:0;
	overflow:hidden;
}
#featured .info p{
	margin:0 5px;
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	line-height:15px; color:#EEEEDD;
}
#featured .info a{
	text-decoration:none;
	color:#fff;
    font-weight:bold;
}
#featured .info a:hover{
	text-decoration:none;
}
#featured .ui-tabs-hide{
	display:none;
}

div#MainText-left {
  width                 :230px;
  float                 :left;
  margin-left           :45px;
}

div#h-MainText-left {
  width                 :230px;
  float                 :left;
  margin-left           :45px;
}

div#h-MainText-left img{
  border        :0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
   border-radius: 5px;
}

div#MainText-left img{
  border        :0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
   border-radius: 5px;
}

#wrapper {
	width:190px;
	margin:0px;
	padding:0px;
        padding-left:21px;
}

ul.photo-list {
	list-style:none;
	padding-left:0px;
	margin-left:0px;
}

ul.photo-list li {
	width:190px;
	height:60px;
	float:left;
	margin-bottom:15px;
}

ul.photo-list li a {
	display:block;
	position:relative;
	padding:0px;
	margin:0px;
}

ul.photo-list li a img {
	position:absolute;
	z-index:1;
}

ul.photo-list li span {
	display:block;
	height: 60px;
	width: 190px;
	position:absolute;
	z-index:2;
}

div#MainText-left h1{
  font-weight       :bold;
  margin-top        :5px;
  margin-bottom     :0px;
  font-size         :16px;
  color: #3B89C5;
  font-family: "Times New Roman", Times, serif;
  text-transform    :uppercase;
  display:block;

  padding:5px;
  background-color: #DDDDDD
}

div#MainText-left h2{
  font-size         : 15px;
  font-family       : Arial, Helvetica, sans-serif;
  font-weight       : bold;
  color             :#006600;
  margin-top        :15px;
  padding:3px;
  display:block;
  margin-bottom     :3px;
  background-color: #F4F5D9;
  border-bottom   :1px solid #bbbbbb;
}

#adbar{
    width               :900px;
    height              :100px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left        :25px;
    padding-right       :25px;
    margin              :0px;
}

#adbar p{
    padding:0px;
    margin :0px;
}

/********************** Container Right Start*********************/
div#MainText-right {
	width               :600px;
    padding-right       :40px;
    padding-left        :10px;
	float               :right;
    margin              :0px;
}

div#h-MainText-right {
	width               :590px;
    padding-right       :50px;
    padding-left        :10px;
	float               :right;
    margin              :0px;
}

div#MainText-right-pagename{
    color: #3B89C5;
    font-family: Tahoma, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
    text-transform :uppercase;
    margin-top:15px;
    margin-bottom:5px;
    width:100%;
    border-bottom:1px dotted #C5773B;
}

div#MainText-right-pathway {
     margin-top:0px;
     margin-bottom:20px;
     font-size: 11px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-weight      : normal;
}

div#MainText-right-pathway a:link, div#MainText-right-pathway a:visited {
  color: #3B89C5;
  font-weight      : normal;
}

div#MainText-right-pathway a:hover {
  color            : #3B89C5;
  font-weight      : normal;
  text-decoration: underline;
}

div#MainText-right-pathway span.lastitem {
   font-weight:bold;
  color : #555555;
 }

div#MainText-right p{
  font-weight       : normal;
  color             : #333333;
  line-height       :25px;
  margin-top        :5px;
  font-family: Tahoma, Arial, sans-serif
}

div#MainText-right img{
  border:0px;
}

/********************** Footer  Section Starts Here*********************/
div#footerclrbk {
    width               :950px;
    height              :30px;
    background-image    : url(images/template/ecc_footerclrbk.png);
}

div#footer {
    width               :950px;
    height              :108px;
    background-image    : url(images/template/ecc_footerbk.png);
}

div#footer-links {
    width               :890px;
    height              :19px;
    padding-left        :30px;
    padding-right       :30px;
    padding-top:15px;
}

div#footer-links ul
{
   list-style: none;
   display: inline;
   padding:0px;
   margin:0px;
   font-family: Arial, Helvetica, sans-serif
}

div#footer-links ul li {
  list-style: none;
  display: inline;
  color: #004795;
  font-weight: normal;

}
div#footer-links li a:link, div#footer-links li a:visited {
  color: #004795;
  text-decoration: none;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 11px;
  padding-left:13px;
  padding-right:13px;
  font-weight: bold;
  text-transform:uppercase;
}

div#footer-links li a:hover {
  text-decoration: underline;
}

div#footer-credits {
    width               :600px;
    height              :20px;
    padding             :0px;
    padding-top         :14px;
    margin-left         :auto;
    margin-right        :auto;
}

div#footer-credits p{
    margin              :0px;
    padding             :0px;
    line-height         :20px;
    color: #004795;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 11px;
  text-align: left
}

div#footer-credits a:link, div#footer-credits a:visited{
  color: #004795;
  text-decoration       :none;
  font-weight           :bold;
}

div#footer-credits a:hover{
  color: #004795;
  text-decoration:underline;
}

/*************************html settings********************************/
br{
 line-height        :15px;
}

p{
  line-height       : 22px;
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #222222;
}

.img{
  margin            :0px;
  border            :0px;
}

ul {
  list-style-type   : square;
  line-height       : 20px;
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #222222;
  }

ol {
  list-style-type: square;
  line-height       : 20px;
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #222222;
}


dl {
  line-height       : 20px;
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #222222; }

a:link, a:visited {
   text-decoration  :none;
    color            :#0033CC; 
}

a:hover {
   text-decoration :underline;
}

hr{
    margin-top     :10px;
    color          : #777777;
}

/**********************FORM SETTINGS *****************************/
form {
/* removes space below form elements */
	margin         : 0px;
 	padding        : 0px;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  padding          : 3px;
  font-weight      : normal;
  color            : #333333;
  border           : 1px solid #dddddd;
  background-color : #F5F5EB
}

form p {
  line-height       : 20px;
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #222222;
}

.inputbutton
{
    border             :0px;
    padding            :2px;
    font-size          :11px;
    background-color   :#999966;
    color              :#FFFFFF;
}

/**************heading settings for content*********************/
h1{
  font-weight       :bold;
  color             :#6633CC;
  margin-top        :2px;
  margin-bottom     :2px;
  font-family       :Arial, Helvetica, sans-serif;
  font-size         :16px
}

h2{
  font-size         :14px;
  color             :#3B89C5;
  font-family       :Verdana, Arial, Helvetica, sans-serif;

}

h3{
  font-size         : 14px;
  font-family       : "MS Sans Serif", sans-serif;
  font-weight       : bold;
  color             : #AF0021;
}

h4{
  font-size         : 13px;
  font-family       : "MS Sans Serif", sans-serif;
  font-weight       : bold;
  color             : #003300;
  padding-bottom    :3px;
  margin-top        :3px;
  margin-bottom     :0px;
}

h5{
  line-height       : 20px;
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 13px;
  color             : #3B89C5;
  font-weight       :bold;
  padding           :10px;
  display           : block;
  background-color  : #E7E9F5;
  margin-top        :0px;
  margin-bottom     :5px;

}

h6{
  line-height       : 20px;
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 13px;
  color             : #CC9900;
  font-weight       :bold;
  padding           :4px;
  padding-left:10px;
  display           : block;
  background-color  : #FFF4DD;
  margin-top        :0px;
  margin-bottom     :5px;
  border-left       :4px solid #CC3300;
}

h6 a:link, h6 a:visited{
  color             : #CC9900;
}

h6 a:hover{
  color             : #CC9900;
  text-decoration   :underline;
}


/*********************special styles *********************************/
.leftcontent{
  line-height       : 20px;
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #222222;
  padding-right     :10px;
  width             :48%;
  float             :left;
}

.rightcontent{
  line-height       : 20px;
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #222222;
  padding-left      :10px;
  width             :48%;
  float             :right;
}

.leftimage{
  padding:0px;
  margin-right:20px;
  border:0px;
  float:left;
}

.rightimage{
  padding:0px;
  margin-right:20px;
  border:0px;
  float:right;
}

div#yellowbox{
   width:580px;
  padding:5px;
  margin-top:15px;
  line-height       : 22px;
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #222222;
   background-color  : #FFF4DF;
   border:1px solid #bbbbbb;
   -webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

div#yellowbox p{
  padding:0px;
  margin:0px;
  line-height:25px;
  font-size:13px;
}

div#yellowbox h1{
  font-weight       :bold;
  color             :#3399CC;
  padding-left:5px;
  display:block;
  border-bottom:1px solid #ffffff;
  text-transform:uppercase;
  margin-top        :2px;
  margin-bottom     :2px;
  font-family       :Arial, Helvetica, sans-serif;
  font-size         :16px
}

div#bluebox{
  width:580px;
  padding:5px;
    margin-top:15px;
  line-height       : 22px;
  font-family       : Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #222222;
   background-color  : #EDF1FC;
   border:1px solid #bbbbbb;
   -webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

div#bluebox p{
  padding:0px;
  margin:0px;
  line-height:25px;
  text-transform:uppercase;
}

div#bluebox a{
  color: #6699CC
}

div#bluebox h1{
  font-weight       :bold;
  color             :#3399CC;
  padding-left:5px;
  display:block;
  border-bottom:1px solid #ffffff;
  text-transform:uppercase;
  margin-top        :2px;
  margin-bottom     :2px;
  font-family       :Arial, Helvetica, sans-serif;
  font-size         :16px
}

/* End of 'ecc_Styles' */