* { margin:0; padding:0;}
body { background:url(../images/topbg.jpg) repeat-x top #ffffff; font-size:100%; line-height:1em; font-family:arial; color:#342120;}


/*in_line*/
select, textarea { vertical-align:middle; font-weight:normal; font-family:arial; color:#342120; font-weight:normal; font-size:1em}
img {border:0; vertical-align:top; text-align:right;}
ul { list-style:none;}

/*==================list====================*/
ul{margin:0px; padding:0px 5px 0px 5px; list-style:none}
ul li { line-height:1.67em; color:#eb6109}
ul li a{text-decoration:underline; color:#eb6109; font-weight:bold}
ul li a:hover{ text-decoration:none}

.links2 {margin:0px; padding:0px; list-style:none}
.links2 li { line-height:1.67em; color:#eb6109}
.links2 li a{text-decoration:underline; color:#eb6109; font-weight:bold}
.links2 li a:hover{ text-decoration:none}



ul.list {margin:0 0 28px 0; padding:0px; list-style:none}
ul.list li { line-height:1.42em; color:#342120; background:url(../images/list_bg.gif) repeat-x bottom; padding:7px 0 10px 16px}
ul.list li a{text-decoration:none; color:#a92a01; background:url(../images/marker_list.gif) no-repeat 0 2px; padding-left:12px; display:block; font-weight:bold; padding-left:16px; margin-left:-16px}
ul.list li a:hover{ text-decoration:none}
ul.list li.none {background:none}


ul.list_1 {margin:0; padding:0px; list-style:none}
ul.list_1 li { line-height:1.42em; color:#342120; background:url(../images/list_bg.gif) repeat-x bottom; padding:7px 0 10px 16px}
ul.list_1 li a{text-decoration:none; color:#a92a01; background:url(../images/marker_list_1.gif) no-repeat 0 5px; padding-left:12px; display:block; font-weight:bold; padding-left:10px; margin-left:-10px}
ul.list_1 li a:hover{ text-decoration:none}
ul.list_1 li.none {background:none}

/*==========================================*/

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

a.link {text-decoration:none; color:#eb6109; background:url(../images/marker_link.gif) no-repeat 0 5px; padding-left:10px; font-weight:bold}
a.link:hover {text-decoration:none; background:none}

a.link_1 {text-decoration:underline; color:#eb6109; font-weight:bold}
a.link_1:hover {text-decoration:none}


.column { float:left;}
.clear { clear:both;}


#header, #content, #footer {width:850px}

h1{text-indent:-10000px; background:url(logo_karo.jpg) no-repeat 0 0; height:48px; margin:0px 0 0 0px}

h2 {font-size:1em; margin:0 0 17px 0; color:#342120}

h3 {font-size:16px; font-weight:strong; margin:0 0 3px 0; color:#CC0066}


p {
	margin:0 0 17px 0;
	text-align: left;
}
.p1 {margin:0 0 35px 0}

/*header*/
#header { height:160px}
#header .col_1 {width:100px}
#header .col_2 {width:768px; padding-top:0px; float:left; text-align:center}

.wrapper {background:url(../images/wrapper_bg.jpg) no-repeat 0 0; height:273px}
.wrapper img {margin:196px 0 0 2px}

/*content*/
#content { font-size:0.75em; line-height:1.42em}
.title {margin-bottom:13px}
.title_1 {margin-bottom:8px}
.img_left {float:left; margin:0 20px 0 0}
.img_r {float:right; margin:0 0px 0 15px; padding:0; vertical-align:top; border:1px;border-color:#F63; border-style:solid;}
.imgb {border:1px;border-color:#F63; border-style:solid; padding: 5px 5px 5px 5px;}


.pic {margin-bottom:18px}

/*footer*/
#footer { height:94px; background:url(../images/footer_bg.gif) repeat-x 0 22px; line-height:1.36em; color:#664f40; font-size:12px;}
#footer .indent {padding:35px 0 0 26px}
#footer .menu {text-transform:uppercase; color:#261817; word-spacing:4px}
#footer .menu a {color:#261817; text-decoration:none; font-weight:bold; word-spacing:0}
#footer .menu a:hover { color:#664f40}
#footer a {color:#664f40; text-decoration:underline; font-size:12px;}
#footer a:hover {text-decoration:none}

/*================== index.html ==================*/
#page1 #content .col_1 .indent { padding:21px 20px 5px 25px}
#page1 #content .col_1 .box {width:512px; margin-top:24px}
#page1 #content .col_1 .col_box_1 {width:174px}
#page1 #content .col_1 .col_box_2 {width:174px}
#page1 #content .col_1 .col_box_3 {width:164px}
#page1 #content .col_2 .ind { padding:25px 17px 20px 20px}
#page1 #content .col_2 .block_img {background:url(../images/bg_1.gif) no-repeat 0 0; padding:6px 0 6px 0; line-height:1.58em}

/*================== index-1.html ==================*/
#page2 #content .col_1 .indent { padding:10px 20px 0 10px; direction:ltr}
#page2 #content .col_2 .ind { padding:25px 17px 27px 20px; direction:ltr}
#page2 #content .col_2 .indent {padding:10px 20px 0px 10px ; direction:ltr}

/*================== index-2.html ==================*/
#page3 #content .col_1 .indent { padding:21px 40px 3px 25px}
#page3 #content .col_1 .box {width:440px; margin-top:10px}
#page3 #content .col_1 .col_box_1 {width:261px}
#page3 #content .col_1 .col_box_2 {width:179px}
#page3 #content .col_2 .ind { padding:25px 17px 44px 20px}
#page3 #content .col_2 .indent {padding:36px 0 43px 20px }
#page3 #content .col_2 .ind_1 { padding:25px 17px 37px 20px}

/*================== index-3.html ==================*/
#page4 #content .col_1 .indent { padding:30px 40px 17px 25px}
#page4 #content .col_2 .ind { padding:25px 17px 10px 20px}
#page4 #content .col_2 .indent {padding:36px 0 0 20px }

/*================== index-4.html ==================*/
#page5 #content .col_1 .indent { padding:27px 40px 0 25px}
#page5 #content .col_1 .box {width:461px; margin-top:10px}
#page5 #content .col_1 .col_box_1 {width:223px}
#page5 #content .col_1 .col_box_2 {width:238px}
#page5 #content .col_2 .block {margin-bottom:7px}
#page5 #content .col_2 .ind { padding:25px 17px 26px 20px}
#page5 #content .col_2 .ind_1 { padding:25px 17px 44px 20px}

input {width:150px; height:20px; margin:3px}
.div_input {height:32px}
textarea {width:238px; height:70px; overflow:auto; margin-bottom:20px; display:block}
.div_links {text-align:right; width:461px}


/*================== index-5.html ==================*/
#page6 #content .col_1 .indent { padding:21px 24px 5px 25px}
#page6 #content .col_2 .ind { padding:25px 30px 34px 20px}


/*==================block====================*/
.block { background:#fff1d6; width:100%}
.block .l_t { background:url(../images/l_t_1.gif) left top no-repeat; width:100%}
.block .r_t { background:url(../images/r_t_1.gif) right top no-repeat;}
.block .r_b { background:url(../images/r_b_1.gif) right bottom no-repeat;}
.block .l_b { background:url(../images/l_b_1.gif) left bottom no-repeat;}
.block .left {background:url(../images/border.gif) repeat-y left}
.block .top {background:url(../images/border.gif) repeat-x top}
.block .right {background:url(../images/border.gif) repeat-y right}
.block .bot {background:url(../images/border.gif) repeat-x bottom}
/*==========================================*/