/* CSS Document */
* { margin:0; padding:0;}

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

html, body { height:100%; }
body {font-size:100%; line-height:0.98em;}
html, input, textarea {font-family:Arial; color:#6b6b6b;}	

.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.width{ width:100%}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#010000;}
span{color:#dddddd;} 

a{color:#c42d10; text-decoration:underline} 
a:hover{text-decoration:none}
strong a{color:#000000; }

ul.ticks{margin:0; padding:0; list-style:none; line-height:29px; color:#3d201b;}
ul.ticks li{background:url(img/2_z1.gif)  center left no-repeat; margin:0px; padding-left:27px; background-position:0 3px}
ul.ticks li a{color:#3d201b; text-decoration:none; background:url(img/a.gif) repeat-x bottom;} 
ul.ticks li a:hover {color:#f1491e; }

.more{background:url(img/1_z1.gif)  center right no-repeat; padding-right:7px; padding-bottom:3px}

/*header*/
#header{ color:#fae9e3; font-size:0.75em;}
#header .logo{ margin:21px 0 8px 0px}
#header .bg_left{ height:23px;}
#header .w1{ margin:58px 0 13px 0px}
#header .k1{ margin:14px 0 0px 1px}
#header .w2{ margin:55px 0 8px 0px}
#header .indent{padding-left:61px}
#header ul{margin:0; padding:0; list-style:none; line-height:29px}
#header ul li{background:url(img/z1.gif)  center left no-repeat; margin:0px; padding-left:27px; background-position:0 3px }
#header ul li a{color:#3d201b; text-decoration:none; background:url(img/a.gif) repeat-x bottom;} 
#header ul li a:hover {color:#f1491e; }


/*content*/
#content{ font-size:0.75em; width:100%; padding-top:20px;}
#content p{ margin:7px 0px 7px 0px}
#content .title{ margin:0px 0px 7px 0px; display:block}
#content .more{ margin:10px 0px 0px 0px; display:block}
#content .pic_left{ margin:0px 15px 10px 0px; float:left}

/*InfoBox*/
.infoBox{ background:#ffffff; width:100%; color:#6b6b6b; margin:0px 0 12px 0px}
.infoBox .t{ background: url(img/bg_t_1.gif) repeat-x top}
.infoBox .b{ background: url(img/bg_b_1.gif) repeat-x bottom }
.infoBox .l{ background: url(img/bg_l_1.gif) repeat-y left }
.infoBox .r{ background: url(img/bg_r_1.gif) repeat-y right}
.infoBox .tl{ background: url(img/bg_tl_1.gif) no-repeat top left }
.infoBox .tr{ background: url(img/bg_tr_1.gif) no-repeat top right }
.infoBox .bl{ background: url(img/bg_bl_1.gif) no-repeat bottom left }
.infoBox .br { background: url(img/bg_br_0.gif) no-repeat bottom right }
.infoBox .indent1{ padding:22px 35px 25px 21px; }

.infoBox.question .br { background: url(img/bg_br_1.gif) no-repeat bottom right }
.infoBox.info .br     { background: url(img/bg_br_2.gif) no-repeat bottom right }
.infoBox.settings .br { background: url(img/bg_br_3.gif) no-repeat bottom right }
.infoBox.error .br    { background: url(img/bg_br_4.gif) no-repeat bottom right }
.infoBox.success .br  { background: url(img/bg_br_5.gif) no-repeat bottom right }

#content .col1 .indent{ margin:0px 15px 0px 59px}
#content .col2 .indent{ margin:0px 40px 0px 0px}

/*footer*/
#footer { color:#383838; font-size:0.6875em; text-transform:uppercase}
#footer .indent1{ padding:0 60px 0 59px; }
#footer .indent{padding:37px 0px 0 0px; background: url(img/bot.gif) repeat-x top left}
#footer a {color:#383838; text-decoration:none; font-size:0.89em;}  
#footer a:hover {  text-decoration:underline}
#footer p{ color:#7f7f7f; font-size:1em; text-transform:none}
#footer p a {color:#7f7f7f; text-decoration:none; font-size:1em}  
#footer p a:hover {  text-decoration:underline}

#footer a.broughtLink
{
    color: #9F9F9F;
    float: right;
}

#footer a.FooterHeader
{
    font-weight : bold;
    font-size: 1em;
}

input{ font-size:1em;}
textarea{width:234px; height:65px; margin-bottom:3px; font-size:1em; overflow:auto}

/*from layout.css*/
body {background:url(img/top_small.gif) repeat-x top}
.w{ width:100%; width: expression(document.body.clientWidth<800 ? "800px" : "100%"); min-width:800px}
.site_center{text-align:center; width:100%; background:none;}
/*======= You can modify the width of the website by changing "width" parameter. The minimum value is 780px. =======*/
.site_center1{margin:0 auto; text-align:left; width:950px }

/*======= header =======*/
#header {height:144px;}
#header .row1{height:121px; padding-left:54px }
#header .row2{height:23px}
#header .row2 .col1{ width:620px;}
#header .row2 .col2{ width:330px;}

.col1, .col2, .col3, .col4 {float:left}

/*======= index.html =======*/
#page1 #content .col1{ width:620px}
#page1 #content .col2{ width:330px}

/*======= footer =======*/
#footer { height:84px; }