@charset "utf-8";
/* CSS Document */
html{height:100%;width:100%;}
body{
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
background-color:#a42804;
}
form, table, h1, h2, h3, h4, h5, h6, p{margin:0;padding:0;}
p{ line-height:150%;}
table{border-collapse:collapse;}
a{}
a:hover{}
.right{
float:right;
}
.left{
float:left;
}
.clearB{
clear:both;
font-size:0;
}

#wrapper{ width:918px; margin:auto; background:url(../images/bg-wrapper.gif) 0 0 repeat-y;}
#masthead{ min-height:335px; height:auto !important; height:335px; position:relative; z-index:1;}
#displayarea{ position:relative; z-index:1; min-height:300px; height:auto !important; height:300px; padding:18px 25px 20px 33px;}
#footer{ padding:50px 0 0 0;}
/* masthead */
#banner{ height:400px; background:url(../images/bg-banner.jpg) 0 0 no-repeat; position:absolute; top:0; left:0; z-index:2; width:918px;}
#c4-logo{ width:192px; height:195px; position:absolute; z-index:3; bottom:-65px; left:15px;}
#c4-logo a{ display:block; height:195px; width:192px; text-indent:-9999px; outline:none;}

/* display area*/
#flower{ height:102px; width:78px; background:url(../images/bg-flower.gif) 0 0 no-repeat; position:absolute; bottom:0; left:7px;}
#displayarea .leftarea{ width:167px; padding:54px 0 120px 0;}
#displayarea .leftarea .fb img {margin-bottom: 10px;}
#displayarea .rightarea{ width:684px;}
#displayarea .leftarea h3{ font-family:"eras medium itc"; font-size:18px; text-align:center; background-color:#a42804; margin:0 0 9px 0;}
#displayarea .leftarea a{ color:#FFFFCC; text-decoration:none;}
#displayarea .leftarea .block{ margin: 0 0 9px 0;}
#displayarea .rightarea h1{ color:#f1f1eb; font-size:24px; font-weight:bold;}
#whitebox{ background-color:#ffffcc; padding:20px; color:#003300; font-size:14px;}
#whitebox.inner{ padding:20px 0 !important;}
#whitebox h1{ font-size:18px !important; color:#003300 !important; margin:0 0 10px 0;}
#whitebox h2{ font-size:16px; color:#003300; margin:0 0 10px 0;}
#whitebox h3{ font-size:14px; color:#003300; margin:0 0 10px 0;}
#whitebox p{ font-size:14px; margin:0 0 10px 0;}
#whitebox ul{}
#whitebox ul li{ line-height:150%;}
.img-block{ margin:0 0 10px 0;}
.img-block img{ display:block;}

/* footer */
#flist{ margin:0; padding:0;}
#flist li{ list-style-type:none; display:inline; border-right: 1px solid #000; padding:0 5px 0;}
#flist li.first{ padding-left:0;}
#flist li.last{ border-right:none;}