body{ background:#e8e4d8; padding:0px; margin:0px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
a{ color:#11566e;}
a:hover{ color:#cd740a;}

h1{ font-size:25px; font-weight:normal; color:#cd740a; margin:0px 0px 20px 0px; line-height:1.2em;}
h2{ font-size:15px; color:#004c66; margin-top:18px;}

#pageBody{ background:url('../img/layout/bg.png') white top repeat-x; padding:0px 0px 0px 0px;}
#header{ background:url('../img/layout/bg-logo.png') top left no-repeat; height:110px; margin:0px 0px 0px 20px;}

#navIcons{ padding:20px 25px 0px 0px; text-align:right;}
#navIcons a{ margin-left:8px;}

#mainNav{ float:right; text-align:right; padding:29px 22px 0px 0px;}
#mainNav ul{ display:block; padding-top:12px; margin:0px;}
#mainNav li{ float:left; display:block;}
#mainNav li a{ padding:10px 0px 0px 0px; display:block; height:35px; width:103px; text-align:center; color:white; text-decoration:none; font-weight:bold; background:url('../img/layout/nav01a.png') no-repeat;}
#mainNav li a:hover{ color:white; text-decoration:underline; background:url('../img/layout/nav01b.png') no-repeat;}

#pageContent1a{ margin:30px 22px 0px 22px; background:url('../img/layout/com-bg01c.gif') repeat-x top white;}
#pageContent1b{ background:url('../img/layout/com-bg01a.png') no-repeat top left; padding:0px 0px 0px 20px;}
#pageContent1c{ background:url('../img/layout/com-bg01b.png') no-repeat top right; padding:23px 23px 0px 0px; min-height:324px; line-height:1.4em;}

#footer{ margin-top:80px; clear:both; line-height:150%; padding:20px 0px 0px 42px; background:url('../img/layout/fo-bg01.gif') repeat-x top #d8d3c3; min-height:50px; border-bottom:1px solid #828d54;}

#mainContent{ margin:0px 300px 0px 8px; border:0px solid cyan;}


#rightContent{ width:250px; float:right; border:0px solid red;}
/* menu mod */
.mod01{ padding-bottom:16px;}
.mod01 h1{ background:url('../img/layout/nav02a.png') no-repeat top left #808b53; margin:0px; min-height:20px; color:white; font-size:13px; padding:10px 0px 6px 15px; font-weight:bold;}
.mod01 ul{ background:#f2f1ef; margin:1px 0px 0px 0px; padding:4px 2px 8px 2px;}
.mod01 li{ list-style-type:none;}
.mod01 li a{ display:block; padding:3px 2px 3px 13px; text-decoration:none; font-weight:normal;}
.mod01 li a:hover{ background:#e8e4d8;}
.mod01 ul li ul li a{ padding:4px 2px 4px 28px; background:url('../img/layout/dot-blue.gif') no-repeat left top; font-weight:normal;}
.mod01 ul li ul li a:hover{ padding:4px 2px 4px 28px; background:url('../img/layout/dot-blue.gif') no-repeat left top #e8e4d8;}

.sitemap ul{ margin:0px; padding:0px;}
.sitemap ul li{ list-style-type:none; font-size:15px; font-weight:bold; color:#454c29; margin:18px 0px 0px 0px;}
.sitemap ul li ul{ margin:0px; padding:0px 0px 0px 48px; color:#21738f;}
.sitemap ul li ul li{ list-style-type:square; font-size:12px; font-weight:bold; color:black; margin:6px 0px 0px 0px; color:#21738f;}
.sitemap ul li ul li ul li{ list-style-type:square; font-size:12px; font-weight:normal; color:black; margin:6px 0px 0px 0px; color:#64acc7;}

/* forms */
form.f1{ padding-bottom:8px;}
form.f1 input, form.f1 select{ margin:3px;}
form.f1 .helpIcon{ margin:5px 3px 3px 3px;}
form.f1 label{ float:left; text-align:left; width:150px; margin-right:.3em; font-weight:bold;}
form.f1 input[type=text], form.f1 select{ float:left;}
form.f1 input.r{ float:left; width:auto; clear:both; margin-left:5.3em; margin-right:.3em;}
form.f1 input[type=checkbox].r, form.f1 input[type=radio].r, form.f1 input[type=submit].r{ margin-left:6.3em;}
form.f1 textarea{ margin:3px; float:left;}
form.f1 br{ clear:both;}
form.f1 .block br{ clear:none;}