@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; }

body{ background:#dedede; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#000; }

a:link, div#prodicon a:visited{ color:#006699; text-decoration:none;}

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

div#navheader{ width:758px; height:118px; background:url(images/21stCFlogo4a.jpg) top left no-repeat; }

/* LEFT ELEMENTS */

div#leftimg{ width:289px; height:386px; background:url(images/img_header_man.jpg) top left no-repeat;}

div#leftcontents{ width:287px; height:auto; background:#fff; border-right: 2px dotted #ccc;}

div#leftcontents h1{ font-size: 16px; line-height: 20px; color: #7C949C; padding: 15px 15px 10px 15px; }

div#prodicon{ width:270px; margin:0 auto; height:auto;}

div#prodicon ul{ width:270px; height:auto; list-style:none;}

div#prodicon ul li{ width:125px; margin: 10px 5px 10px 5px; list-style-type:none; float:left; display:block; text-align:center;}

a:link, div#prodicon a:visited{ color:#006699; text-decoration:none;}

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

div#reason{ width:287px; height:auto;}

div#reason h2{ font-size: 21px; line-height: 25px; color: #7C949C; margin: 15px 20px 10px 20px;}

div#reason ol{ margin: 15px 25px 10px 25px; font-size:20px; color: #7C949C; font-weight:bold;}

div#reason ol li{ text-align:left; margin-left:25px; margin-bottom:10px;}

div#reason ol li span{ font-size:12px; color:#000; font-weight:normal;}

div#reason p{ margin: 15px 25px 10px 25px;}

/* CENTER ELEMENTS */

div#pagetitle{ background:#6a858e; height:55px; font-size:28px; color:#fff; line-height:55px; padding:0px 25px 0px 15px; }

div#pagetitle span{ color:#89ddf7; font-size:24px;  }

div#maincontents{ height:auto; line-height:20px; font-size:12px; color:#000;}

.sidepic{ padding:0px 0px 0px 170px; margin:10px 20px 10px 20px;}

.iconlist{ padding:0px 0px 0px 70px; margin:10px 20px 10px 20px;}

div#maincontents p{ margin:5px 20px 15px 20px;  }

h4{font-size: 18px; line-height: 25px; color: #666; margin: 15px 20px 10px 20px; font-weight:bold;}

div#maincontents ul{ margin:5px 20px 15px 20px; display:block; list-style:disc;}

div#maincontents ul li{ text-align:left; margin-left:20px; margin-bottom:10px;}

div#faqs{line-height:20px; margin:20px 20px 20px 20px;}

div#faqs h2{font-size: 16px; line-height: 22px; color: #7C949C; }

.question{
font-size:14px; color:#069; font-weight:bold; padding-top:30px; padding-bottom:0px;
}

/* RIGHT ELEMENTS */

div#rightcontents{ background:#6a858e ;}

div#rightcontents h3{ padding:15px 25px 15px 25px; line-height:20px; font-size:13px; color:#C7CFD2; }

div#rightcontents p{padding:0px 25px 15px 25px; background:#c7cfd2; font-size:12px; line-height:20px; color:#000;}

/* FOOTER ELEMENTS */

div#footer{ height:55px; background:url(images/img_gradient_footer.jpg) top left repeat-x;}

div#fleft{ width:289px; height:55px; background:#000; float:left;}

div#fleft p{ padding:5px 15px 0px 15px; font-size:16px; color:#fff; line-height:20px;}

div#fleft p a:link, div#fleft a:visited{ color:#fff; text-decoration:none;}

div#fleft p a:hover{ color:#fff; text-decoration:underline; }

div#fright{ float:left;  width:450px; height:55px; line-height:55px;}

div#fright p{ margin-left:10px; font-size:11px;}