@charset "utf-8";
/* CSS Document */
.hun100widthph { width:100%; }
.padding5px { padding:5px; }
div.spacer{ clear:both;}

body,html
{
background:url(images/bgwhole.jpg) repeat;
padding:0px;
margin:0px;
font-size:14px;
}

img { border:0; }

#background
{
position:absolute;
width:100%;
height:100%;
padding:0px;
margin:0px;
}

#wrapper { position:relative; width:1000px; background:url(images/bgcontent.jpg) repeat-y; margin:0 auto; }



#wrap-interface01 { position:relative; width:1000px; height:50px;  }

#top1menu
{position:absolute;display:block;height:50px;top:0px;left:0px;}

#top1menu ul
{position:relative;padding:0px;margin:0px;list-style-type:none;height:50px;}

#top1menu li
{position:absolute;height:50px;}

#top1menu li a
{display:block;height:50px;}


#top1menu span
{display:none;}

#top1menu1{ background:URL(images/top1_01.png) no-repeat; width:102px; left:0px;}
#top1menu2{ background:URL(images/top1_02.png) no-repeat; width:130px; left:102px;}
#top1menu3{ background:URL(images/top1_03.png) no-repeat; width:156px; left:232px;}
#top1menu4{ background:URL(images/top1_04.png) no-repeat; width:126px; left:388px;}
#top1menu5{ background:URL(images/top1_05.png) no-repeat; width:96px; left:514px;}
#top1menu6{ background:URL(images/top1_06.png) no-repeat; width:95px; left:610px;}
#top1menu7{ background:URL(images/top1_07.png) no-repeat; width:295px; left:705px;}

#top1menu1 a:hover { background:URL(images/top2_01.png) no-repeat; width:102px; left:0px;}
#top1menu2 a:hover { background:URL(images/top2_02.png) no-repeat; width:130px; left:102px;}
#top1menu3 a:hover { background:URL(images/top2_03.png) no-repeat; width:156px; left:232px;}
#top1menu4 a:hover { background:URL(images/top2_04.png) no-repeat; width:126px; left:388px;}
#top1menu5 a:hover { background:URL(images/top2_05.png) no-repeat; width:96px; left:514px;}
#top1menu6 a:hover { background:URL(images/top2_06.png) no-repeat; width:95px; left:610px;}
#top1menu7 a:hover { background:URL(images/top2_07.png) no-repeat; width:295px; left:705px;}

#wrap-interface02 { position:relative; width:1000px; height:262px;  }

#wrap-interface03 { position:relative; width:1000px; height:47px;  }

#main1menu
{position:absolute;display:block;height:47px;top:0px;left:0px;}

#main1menu ul
{position:relative;padding:0px;margin:0px;list-style-type:none;height:47px;}

#main1menu li
{position:absolute;height:47px;}

#main1menu li a
{display:block;height:47px;}


#main1menu span
{display:none;}

#main1menu1{ background:URL(images/main2_01.png) no-repeat; width:243px; left:0px;}
#main1menu2{ background:URL(images/main2_02.png) no-repeat; width:69px; left:243px;}
#main1menu3{ background:URL(images/main2_03.png) no-repeat; width:67px; left:312px;}
#main1menu4{ background:URL(images/main2_04.png) no-repeat; width:63px; left:379px;}
#main1menu5{ background:URL(images/main2_05.png) no-repeat; width:59px; left:442px;}
#main1menu6{ background:URL(images/main2_06.png) no-repeat; width:82px; left:501px;}
#main1menu7{ background:URL(images/main2_07.png) no-repeat; width:79px; left:583px;}
#main1menu8{ background:URL(images/main2_08.png) no-repeat; width:65px; left:662px;}
#main1menu9{ background:URL(images/main2_09.png) no-repeat; width:84px; left:727px;}
#main1menu10{ background:URL(images/main2_10.png) no-repeat; width:62px; left:811px;}
#main1menu11{ background:URL(images/main2_11.png) no-repeat; width:127px; left:873px;}

#main1menu1 a:hover { background:URL(images/main1_01.png) no-repeat; width:243px; left:0px;}
#main1menu2 a:hover { background:URL(images/main1_02.png) no-repeat; width:69px; left:243px;}
#main1menu3 a:hover { background:URL(images/main1_03.png) no-repeat; width:67px; left:312px;}
#main1menu4 a:hover { background:URL(images/main1_04.png) no-repeat; width:63px; left:379px;}
#main1menu5 a:hover { background:URL(images/main1_05.png) no-repeat; width:59px; left:442px;}
#main1menu6 a:hover { background:URL(images/main1_06.png) no-repeat; width:82px; left:501px;}
#main1menu7 a:hover { background:URL(images/main1_07.png) no-repeat; width:79px; left:583px;}
#main1menu8 a:hover { background:URL(images/main1_08.png) no-repeat; width:65px; left:662px;}
#main1menu9 a:hover { background:URL(images/main1_09.png) no-repeat; width:84px; left:727px;}
#main1menu10 a:hover { background:URL(images/main1_10.png) no-repeat; width:62px; left:811px;}
#main1menu11 a:hover { background:URL(images/main1_11.png) no-repeat; width:127px; left:873px;}

#contentarea { position:relative; width:1000px; }
#farea { position:relative; width:1000px; height:20px;}

#float-left { position:relative; float:left; width:249px; left:20px;}
#float-right { position:relative; float:right; width:702px; right:20px;}

#divlefttop{ position:relative; width:249px; height:71px;  background:url(images/leftwhite_01.png) no-repeat; }
#divleftmid { position:relative; width:249px; background:url(images/leftwhite_02.png) repeat-y; }
#divleftbot{ position:relative; width:249px; height:41px; background:url(images/leftwhite_04.png) no-repeat;}
#divleftc{ position:relative; width:220px; left:15px;}
#mainc{ position:relative; width:670px; left:15px;}
#leftbrown{position:relative; width:247px; height:221px; background:url(images/left-brown.png) no-repeat;}

#mainttop{ position:relative; width:702px; height:29px;  background:url(images/mainwhite_01.png) no-repeat; }
#maintmid { position:relative; width:702px; background:url(images/mainwhite_02.png) repeat-y; }
#maintbot{ position:relative; width:702px; height:49px; background:url(images/mainwhite_04.png) no-repeat; clear:both;}

#footerarea { position:relative; width:1000px; height:113px; }


#footerborder { position:relative; width:957px; left:24px; height:113px; background:url(images/footer.png) no-repeat; }

ul.leftlist{ margin:0px; padding:0px;}
li.leftlist {border-bottom:1px dotted #999999; list-style:none; padding:5px; }


/* typo */

h1 {  font-family:  Arial,Helvetica , Verdana,  sans-serif; font-size:23px; color:#993300; letter-spacing:-.02em; margin-top:0px; margin-bottom:0px;  height:26px; padding-bottom:1px;}


h2 {  font-family: Arial Narrow,  Arial,Helvetica , Verdana,  sans-serif; font-weight:normal; font-size:24px; color:#222; letter-spacing:-.02em; margin-top:0px; margin-bottom:0px;  height:23px;  padding:0 0 5px 5px;}

p { font-family:Arial, Verdana, Helvetica,  sans-serif; font-size:14px; color:#333333; line-height:1.5em; margin-top:0px; margin-bottom:0px; padding:5px; }
div{ font-family:Arial, Verdana, Helvetica,  sans-serif; font-size:14px; color:#333333; line-height:1.5em; }
.white12px{ font-family:Arial, Verdana, Helvetica,  sans-serif; font-size:12px; color:#fff; line-height:1.5em; }
.blue12px{ font-family:Arial, Verdana, Helvetica,  sans-serif; font-size:12px; color:#990000;line-height:1.5em; }
.red12px{ font-family:Arial, Verdana, Helvetica,  sans-serif; font-size:12px; color:#006699; line-height:1.5em; }
span{ font-family:Arial, Verdana, Helvetica,  sans-serif; font-size:12px; color:#333333; line-height:1.5em; }
a{ font-family:Arial, Verdana, Helvetica,  sans-serif; font-size:12px; color:#993300; text-decoration:none; }
a:hover{ font-family:Arial, Verdana, Helvetica,  sans-serif; font-size:12px; color:#FF6600;text-decoration:none;}



#top2menu
{position:absolute;display:block;height:50px;top:0px;left:0px;}

#top2menu ul
{position:relative;padding:0px;margin:0px;list-style-type:none;height:50px;}

#top2menu li
{position:absolute;height:50px;}

#top2menu li a
{display:block;height:50px;}


#top2menu span
{display:none;}

#top2menu1{ background:URL(images/t1_01.png) no-repeat; width:102px; left:0px;}
#top2menu2{ background:URL(images/t1_02.png) no-repeat; width:114px; left:102px;}
#top2menu3{ background:URL(images/t1_03.png) no-repeat; width:149px; left:216px;}
#top2menu4{ background:URL(images/t1_04.png) no-repeat; width:115px; left:365px;}
#top2menu5{ background:URL(images/t1_05.png) no-repeat; width:85px; left:480px;}
#top2menu6{ background:URL(images/t1_06.png) no-repeat; width:118px; left:565px;}
#top2menu7{ background:URL(images/t1_07.png) no-repeat; width:272px; left:683px;}

#top2menu1 a:hover{ background:URL(images/t2_01.png) no-repeat; width:102px; left:0px;}
#top2menu2 a:hover{ background:URL(images/t2_02.png) no-repeat; width:114px; left:102px;}
#top2menu3 a:hover{ background:URL(images/t2_03.png) no-repeat; width:149px; left:216px;}
#top2menu4 a:hover{ background:URL(images/t2_04.png) no-repeat; width:115px; left:365px;}
#top2menu5 a:hover{ background:URL(images/t2_05.png) no-repeat; width:85px; left:480px;}
#top2menu6 a:hover{ background:URL(images/t2_06.png) no-repeat; width:118px; left:565px;}
#top2menu7 a:hover{ background:URL(images/t2_07.png) no-repeat; width:272px; left:683px;}

.postmetadata { clear:both; }
.clear { clear:both; }

.homeleft { float:left; width:332px; }
.homeright { float:right; width:312px; padding-left:10px; border-left:1px dotted #666; }

.alignright { float:right; }
.alignleft { float:left; }

#content { }
#content a { color:#0066CC; font-size:14px; text-decoration:underline; }

.thumbnail { padding:5px; }
.size-thumbnail { padding:5px; }