
body{ background:#FFFFFF;
padding: 0px;
margin: 0px;
}
html, input, textarea, select{font-family:Arial; font-size:12px; color:#4E4C32; line-height:18px;}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border-style: none;
    border-color: inherit;
    border-width: 0;
    vertical-align:top;     text-align:left;
}
ul { list-style:none;}

p { line-height: 180%; text-align: justify }
a {color:#4E4E50; text-decoration:none;}
a:hover{text-decoration:underline;}

.column { float:left;}
.clear { clear:both;}
.fleft { float:left;}
.fright { float:right;}
.tar { text-align:right;}

.tall_top { background:url(/images/tall_top.gif) left top repeat-x;}
.tall_bottom { background:url(/images/tall_bottom.gif) left bottom repeat-x;}

.form { height:22px;}
.form input {width:175px; height:14px; border-color:#DBDBDB; padding:0 0 0 4px;}
textarea { width:180px; height:115px; border-color:#DBDBDB; overflow:auto; margin-bottom:13px}


.input1 { width:182px; height:16px; border:1px solid #B6B7B8;}
.select1 { height:18px; font-size:11px;}

.center_but { background:url(/images/center_but.gif) left top repeat-x; width:93px;}
.center_but a { color:#18191A; text-decoration:none;}
.center_but a:hover { color:#FFFFFF;}
.left_but { background:url(/images/left_but.gif) no-repeat left top;}
.right_but { background:url(/images/right_but.gif) right top no-repeat;}
.center_but .ind {  text-align:center; padding-top:1px; padding-bottom:3px;}


/*header*/
#header .indent{}
#header .row_1 .col_1 { width:362px;}
#header .row_1 .col_1 .indent { padding:40px 0 22px 21px;}
#header .row_1 .col_2 { width:383px;}
#header .row_1 .col_2 .indent { padding:18px 0 0 0;}
#header .row_2 .indent { padding:0 0 0 20px;}
#header .row_3 { background:url(/images/header_bgd.jpg) no-repeat left top; color:#A5A5A6;}
#header .row_3 .indent { padding:39px 21px 54px 45px; width:470px;}
#header .row_3 .title { margin-bottom:26px;}

/*footer*/
#footer { color:#767676; background:url(/images/tall_bottom.gif) left top repeat-x;}
#footer .indent { padding:11px 0 0 21px;}
#footer strong { color:#201F1F; text-transform:uppercase; font-size:11px;}
#footer  a strong { color:#767676; text-transform:uppercase; font-size:11px; font-weight:bold;}
#footer span { font-size:11px; line-height:13px;}
#footer span a {color:#767676;}
.underline { text-decoration:underline;}
.underline:hover { text-decoration:none;}

/*content*/
#content { background:#FFFFFF;}

.title { margin-bottom:17px;}
.link1 { background:url(/images/marker.gif) no-repeat 0 5px; padding-left:14px; color:#000000; font-weight:bold;}
.link2 { color:#8F8F8F; text-transform:uppercase; font-weight:bold; font-size:10px; font-family:Tahoma; background:url(/images/li_bgd.gif) left bottom repeat-x;}
.link2:hover { color:#292828; text-decoration:none;}

/*================== index.html ==================*/
#page1 #content .col_1 { background:url(/images/col_2_bgd.gif) repeat-x left top;}
#page1 #content .col_1 .indent { padding:53px 42px 41px 46px; background:url(/images/col_3_bgd.gif) right top no-repeat;}
#page1 #content .col_1 .bgd { background:url(/images/col_1_bgd.gif) left top no-repeat;}
#page1 #content .col_2 { background:url(/images/col_2_bgd_2.gif) no-repeat right top;}
#page1 #content .col_2 .indent { padding:72px 0 40px 10px;}
#page1 #content .col_2 .title { margin-bottom:15px;}
#page1 #content .col_2 .img_indent { margin-right:9px;}

/*================== index-1.html ==================*/
#page2 #content .col_1 { background:url(/images/col_2_bgd.gif) repeat-x left top;}
#page2 #content .col_1 .indent { padding:53px 42px 45px 46px; background:url(/images/col_3_bgd.gif) right top no-repeat;}
#page2 #content .col_1 .bgd { background:url(/images/col_1_bgd.gif) left top no-repeat;}
#page2 #content .col_2 { background:url(/images/col_2_bgd_2.gif) no-repeat right top;}
#page2 #content .col_2 .indent { padding:72px 0 33px 10px;}
#page2 #content .col_2 .title { margin-bottom:15px;}

/*================== index-2.html ==================*/
#page3 #content .col_1 { background:url(/images/col_2_bgd.gif) repeat-x left top;}
#page3 #content .col_1 .indent { padding:53px 50px 35px 46px; background:url(/images/col_3_bgd.gif) right top no-repeat;}
#page3 #content .col_1 .bgd { background:url(/images/col_1_bgd.gif) left top no-repeat;}
#page3 #content .col_1 .img_indent { margin:14px 29px 0 -2px;}
#page3 #content .col_2 { background:url(/images/col_2_bgd_2.gif) no-repeat right top;}
#page3 #content .col_2 .indent { padding:72px 0 40px 10px;}
#page3 #content .col_2 .title { margin-bottom:15px;}
#page3 #content .col_2 .img_indent { margin-right:9px;}

/*================== index-3.html ==================*/
#page4 #content .col_1 { background:url(/images/col_2_bgd.gif) repeat-x left top;}
#page4 #content .col_1 .indent { padding:53px 42px 33px 46px; background:url(/images/col_3_bgd.gif) no-repeat right top; }
#page4 #content .col_1 .bgd { background:url(/images/col_1_bgd.gif) no-repeat left top ;}
#page4 #content .col_2 { background:url(/images/col_2_bgd_2.gif) no-repeat right top;}
#page4 #content .col_2 .indent { padding:72px 20px 30px 10px;}
#page4 #content .col_2 .title { margin-bottom:15px;}

/*================== index-4.html ==================*/
#content2 .col_1 { background:url(/images/col_2_bgd.gif) repeat-x left top;}
#content2 .col_1 .indent { padding:53px 50px 33px 46px; background:url(/images/col_3_bgd.gif) no-repeat right top; }
#content2 .col_1 .bgd { background:url(/images/col_1_bgd.gif) no-repeat left top ;}
#content2 .col_2 { background:url(/images/col_2_bgd_2.gif) no-repeat right top;}
#content2 .col_2 .indent { padding:72px 20px 33px 10px;}
#content2 .col_2 .title { margin-bottom:13px;}

/*================== index-5.html ==================*/
#content .col_1 { background:url(/images/col_2_bgd.gif) repeat-x left top;}
#content .col_1 .indent { padding:53px 46px 29px 46px;}
#content .col_1 .bgd { background:url(/images/col_1_bgd.gif) no-repeat left top ;}
/*==================================================*/

.menu
{
    list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
    height: 27px;

    position: relative;
}

.menu a
{
    background-color: #ccc;
    display: -moz-inline-box;
    display: inline-block;
    margin-right: 2px;
    width: 100px;
    padding-top: 7px;
    height: 24px;
    float: left;
    background-image: url(/images/but_1-2.gif);
    background-repeat: no-repeat;
    text-align: center;
}

.menu a:hover
{
    background-image: url(/images/but_1_act-2.gif);
    color: #fff;
    text-decoration: none;
}

a.selected
{
    color: #ffffff;
    background-color: #ccc;
    display: -moz-inline-box;
    display: inline-block;
    margin-right: 2px;
    width: 100px;
    padding-top: 7px;
    height: 24px;
    float: left;
    background-image: url(/images/but_1_act-2.gif);
    background-repeat: no-repeat;
    text-align: center;
}

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2
{ 
    background: transparent url(/images/roundedbox.png) no-repeat bottom right;
} 
.cssbox 
{
     
    width:350px !important; /* intended total box width - padding-right(next) */
    width: 335px;  /* IE Win = width - padding */
    padding-right:15px; /* the gap on the right edge of the image (not content padding) */
    margin:20px auto; /* use to position the box */ 
} 

/* set the top-right image */     
.cssbox_head
{
    background-position:top right; /* pull the right image over on top of border */ 
    margin-right:-15px; /* right-image-gap + right-inside padding */ 
    padding-right:15px;
} 
/* set the top-left image */ 
.cssbox_head h2
{ 
    background-position:top left; 
    margin:0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding:15px 0 0px 15px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height:auto !important; height:1%; /* IE Holly Hack */
    font-size: 12px;
} 
 /* set the lower-left corner image */ 
.cssbox_body
{ 
    background-position:bottom left; 
    margin-right:0px; /* interior-padding right */ 
    padding:15px 0 15px 15px; /* mirror .cssbox_head right/left */
}


td.tableleft
{
    background-color: #aaaaaa;
    text-align: right;
}

td.tableright
{
    background-color: #ffffff;
    text-align: left;
}

.compulsory
{
    color: Red;
    font-family: Arial;
    margin-left: 5px;
}

.promotion
{
    color: Red;
}

/*
ol { counter-reset: item }
ol li { display: block }
ol li:before { content: counters(item, ".") " "; counter-increment: item }
*/
