html, body {padding: 0; margin: 0; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #333; padding-top: 5px; background: #d4cbb3}

h1, h2, h3, h4, h5, h6, p, ul, form, input, select, textarea, table
{padding: 0; margin: 0; list-style: none; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #333;}
h1, .ecp {font-size: 18px; color: #861b09; padding: 0 0 5px 0; text-transform: uppercase;}
.ecp {line-height:14px}
h2 {color: #861b09; font-weight: bold;}

a img {border: none;}
.img img {border: 1px solid #000}

a {color: #812304;}

/* --------------------------------------------------- */

.main_outer {width: 768px; margin: auto; background: url(../images/page_bg.gif) repeat-y 252px 0}
.left_col {position: relative; float: left; width: 252px; height: 524px; background: url(../images/ecp_logo.jpg) no-repeat 0 0;}
.left_col .menu {margin: 115px 50px 0 40px;}
.left_col .menu li {border-bottom: 1px dashed #af7561; height: 20px; line-height: 20px; text-align: right; color: #f8eba6;}
.left_col .menu li a {text-decoration: none; color: #f8eba6;}
.left_col .menu li a:hover, .left_col .menu li a.act {color: #fff;}
.right_col {position: relative; float: right; width: 505px; height: 524px; background: #f3f1db;}
.right_col .cont {padding: 10px; height: 504px;}
.right_col .cont .txt {padding-right: 10px; height: 240px; overflow: auto;}
.right_col .cont .txt2 {padding-right: 10px; height: 280px; overflow: auto;}
.right_col .cont .txt1 {padding-right: 10px; height: 400px; overflow: auto;}
.right_col .cont .txt3 {height: 370px}
.right_col .cont .txt1 img {margin: 22px; cursor: pointer;}
.lang {position: absolute; color: #625f47; font-size: 10px; font-weight: bold; right: 10px; top: 5px; text-align: right;}
.lang input {margin-top: 3px; width: 50px}
.lang a {color: #5a563e; text-decoration: none;}

.hr {font-size: 1px; border-top: 1px solid #e7deb4; margin: 10px 0;}
.presentation {border: 2px solid #e7deb4; padding: 3px;}
.tbl {border-top: 1px solid #ccc; border-left: 1px solid #ccc}
.tbl td {padding: 3px; border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}

.tbl1 td {padding: 3px; vertical-align: top;}

.list {width: 44%; list-style-image: url(../images/list_sign.gif); padding-left: 20px;}
.list li {-height: 18px; min-height: 18px;}
.list li a {color: #5a563e; text-decoration: none;}

#filmstrip {position: absolute; top: 5%; left: 35%; padding:5px 10px; background: #fff; border: 1px solid #000; text-align: center; display: none;}

.footer {position: relative;width: 768px; margin: 5px auto; color: #5a563e; text-align: left;}
.footer span {margin-right: 170px;}
.footer a {color: #812304;}
.footer .info {position:absolute; right: 0; top: 0}

/* additional */
.js-list h2, .js-list .c-red {cursor:pointer; display:block}
.js-list div {display:none}
	
/* common styles */

.fLeft {float: left}
.fRight {float: right}
.fClear {clear: both}

.fArl {font-family: Arial !important}
.fThm {font-family: Tahoma !important}
.fVrd {font-family: Verdana !important}
.f1 {font-size: 1px !important}
.f10 {font-size: 10px !important}
.f11 {font-size: 11px !important}
.f12 {font-size: 12px !important}
.f13 {font-size: 13px !important}
.f14 {font-size: 14px !important}
.f15 {font-size: 15px !important}
.f16 {font-size: 16px !important}
.f17 {font-size: 17px !important}
.f18 {font-size: 18px !important}
.f19 {font-size: 19px !important}
.f20 {font-size: 20px !important}

.c-dark_red {color: #c00000}
.c-red {color: #861b09;}

.m0 {margin: 0 !important}
.mAuto {margin: auto}

.mt5 {margin-top: 5px !important}
.mt10 {margin-top: 10px !important}
.mt15 {margin-top: 15px !important}
.mt20 {margin-top: 20px !important}
.mt30 {margin-top: 30px !important}
.mt40 {margin-top: 40px !important}
.mt50 {margin-top: 50px !important}

.mr5 {margin-right: 5px !important}
.mr10 {margin-right: 10px !important}
.mr15 {margin-right: 15px !important}
.mr20 {margin-right: 20px !important}
.mr30 {margin-right: 30px !important}
.mr40 {margin-right: 40px !important}
.mr50 {margin-right: 50px !important}

.mb5 {margin-bottom: 5px !important}
.mb10 {margin-bottom: 10px !important}
.mb15 {margin-bottom: 15px !important}
.mb20 {margin-bottom: 20px !important}
.mb30 {margin-bottom: 30px !important}
.mb40 {margin-bottom: 40px !important}
.mb50 {margin-bottom: 50px !important}

.ml5 {margin-left: 5px !important}
.ml10 {margin-left: 10px !important}
.ml15 {margin-left: 15px !important}
.ml20 {margin-left: 20px !important}
.ml30 {margin-left: 30px !important}
.ml40 {margin-left: 40px !important}
.ml50 {margin-left: 50px !important}

.p0 {padding: 0 !important}

.pt5 {padding-top: 5px !important}
.pt10 {padding-top: 10px !important}
.pt15 {padding-top: 15px !important}
.pt20 {padding-top: 20px !important}
.pt30 {padding-top: 30px !important}
.pt40 {padding-top: 40px !important}
.pt50 {padding-top: 50px !important}

.pr5 {padding-right: 5px !important}
.pr10 {padding-right: 10px !important}
.pr15 {padding-right: 15px !important}
.pr20 {padding-right: 20px !important}
.pr30 {padding-right: 30px !important}
.pr40 {padding-right: 40px !important}
.pr50 {padding-right: 50px !important}

.pb5 {padding-bottom: 5px !important}
.pb10 {padding-bottom: 10px !important}
.pb15 {padding-bottom: 15px !important}
.pb20 {padding-bottom: 20px !important}
.pb30 {padding-bottom: 30px !important}
.pb40 {padding-bottom: 40px !important}
.pb50 {padding-bottom: 50px !important}

.pl5 {padding-left: 5px !important}
.pl10 {padding-left: 10px !important}
.pl15 {padding-left: 15px !important}
.pl20 {padding-left: 20px !important}
.pl30 {padding-left: 30px !important}
.pl40 {padding-left: 40px !important}
.pl50 {padding-left: 50px !important}