/* CSS Document */
body { width: auto; height:auto; background:#FFFFFF; text-align:center; margin:0px auto; padding:0;}
#wrapper { position:relative; width:1004px; height:auto; margin:0px auto; padding:0; }
#header { float:left; width:1004px; height:148px; margin:0px auto; padding:0; margin:0px; padding:0px; }
#headerlogo { float:left; width:613px; height:105px; margin:0px auto; padding:0; margin:0px; padding:0px; background:url(../images/joytemplate17a_01.jpg) left top no-repeat; }

#topmenubg { float:left; width:1004px; height:43px; margin:0px; padding:0px; }
#topleftmenubg { float:left; width:25px; height:43px; margin:0px; padding:0px; background:url(../images/buttons/joytemplate17a_03.jpg) left top no-repeat; }

#topmenu1 { float:left; text-align:left; width:146px; height:43px; margin:0px auto; padding:0px; }
#topmenu1 ul { list-style:none; margin:0px auto; padding:0px; }
#topmenu1 li { text-align:left; display:block; padding-top:0px; padding:0px; }
#topmenu1 a { display:block; width:146px; height:43px; color:#E3E3E3; background: url(../images/buttons/joytemplate17a_04.jpg) left top ; padding-top:0px; padding-left:0px; }
#topmenu1 a:hover { display:block; width:146px; color:#E3E3E3; height:43px; background: url(../images/buttons/joytemplate17aroll_04.jpg) left top ; padding-top:0px; padding-left:0px; }

#topmenu2 { float:left; text-align:left; width:134px; height:43px; margin:0px auto; padding:0px; }
#topmenu2 ul { list-style:none; margin:0px auto; padding:0px; }
#topmenu2 li { text-align:left; display:block; padding-top:0px; padding:0px; }
#topmenu2 a { display:block; width:134px; height:43px; color:#E3E3E3; background: url(../images/buttons/joytemplate17a_05.jpg) left top ; padding-top:0px; padding-left:0px; }
#topmenu2 a:hover { display:block; width:134px; color:#E3E3E3; height:43px; background: url(../images/buttons/joytemplate17aroll_05.jpg) left top ; padding-top:0px; padding-left:0px; }

#topmenu3 { float:left; text-align:left; width:133px; height:43px; margin:0px auto; padding:0px; }
#topmenu3 ul { list-style:none; margin:0px auto; padding:0px; }
#topmenu3 li { text-align:left; display:block; padding-top:0px; padding:0px; }
#topmenu3 a { display:block; width:133px; height:43px; color:#E3E3E3; background: url(../images/buttons/joytemplate17a_06.jpg) left top ; padding-top:0px; padding-left:0px; }
#topmenu3 a:hover { display:block; width:133px; color:#E3E3E3; height:43px; background: url(../images/buttons/joytemplate17aroll_06.jpg) left top ; padding-top:0px; padding-left:0px; }

#topmenu4 { float:left; text-align:left; width:133px; height:43px; margin:0px auto; padding:0px; }
#topmenu4 ul { list-style:none; margin:0px auto; padding:0px; }
#topmenu4 li { text-align:left; display:block; padding-top:0px; padding:0px; }
#topmenu4 a { display:block; width:133px; height:43px; color:#E3E3E3; background: url(../images/buttons/joytemplate17a_07.jpg) left top ; padding-top:0px; padding-left:0px; }
#topmenu4 a:hover { display:block; width:133px; color:#E3E3E3; height:43px; background: url(../images/buttons/joytemplate17aroll_07.jpg) left top ; padding-top:0px; padding-left:0px; }

#topmenu5 { float:left; text-align:left; width:133px; height:43px; margin:0px auto; padding:0px; }
#topmenu5 ul { list-style:none; margin:0px auto; padding:0px; }
#topmenu5 li { text-align:left; display:block; padding-top:0px; padding:0px; }
#topmenu5 a { display:block; width:133px; height:43px; color:#E3E3E3; background: url(../images/buttons/joytemplate17a_08.jpg) left top ; padding-top:0px; padding-left:0px; }
#topmenu5 a:hover { display:block; width:133px; color:#E3E3E3; height:43px; background: url(../images/buttons/joytemplate17aroll_08.jpg) left top ; padding-top:0px; padding-left:0px; }

#topmenu6 { float:left; text-align:left; width:132px; height:43px; margin:0px auto; padding:0px; }
#topmenu6 ul { list-style:none; margin:0px auto; padding:0px; }
#topmenu6 li { text-align:left; display:block; padding-top:0px; padding:0px; }
#topmenu6 a { display:block; width:132px; height:43px; color:#E3E3E3; background: url(../images/buttons/joytemplate17a_09.jpg) left top ; padding-top:0px; padding-left:0px; }
#topmenu6 a:hover { display:block; width:132px; color:#E3E3E3; height:43px; background: url(../images/buttons/joytemplate17aroll_09.jpg) left top ; padding-top:0px; padding-left:0px; }

#topmenu7 { float:left; text-align:left; width:141px; height:43px; margin:0px auto; padding:0px; }
#topmenu7 ul { list-style:none; margin:0px auto; padding:0px; }
#topmenu7 li { text-align:left; display:block; padding-top:0px; padding:0px; }
#topmenu7 a { display:block; width:141px; height:43px; color:#E3E3E3; background: url(../images/buttons/joytemplate17a_10.jpg) left top ; padding-top:0px; padding-left:0px; }
#topmenu7 a:hover { display:block; width:141px; color:#E3E3E3; height:43px; background: url(../images/buttons/joytemplate17aroll_10.jpg) left top ; padding-top:0px; padding-left:0px; }

#toprightmenubg { float:left; width:27px; height:43px; margin:0px; padding:0px; background:url(../images/buttons/joytemplate17a_11.jpg) left top no-repeat; }

#contentbg { float:left; width:1004px; height:auto; margin:0px auto; margin:0px; padding-top:10px; }

#leftcolumnbg { float:left; width:201px; height:auto; margin:0px 0px 20px 27px; padding:0px; background:url(../images/leftcolboder.jpg) left top repeat-y; }
#leftcolumntopbg { float:left; width:201px; height:8px; margin:0px auto; padding:0; margin:0px; background:url(../images/leftcoltop.jpg) left top no-repeat; }
#leftcolumnbottombg { float:left; width:201px; height:10px; margin:0px auto; padding:0; margin:0px; background:url(../images/leftcolbottom.jpg) left top no-repeat; }
#leftmenubg { float:left; width:198px; height:auto; margin:0px auto; padding:0; margin:0px 2px 0px 1px; background: #F2F2F2 url(../images/leftmenubg.jpg) left top repeat-x; }
#leftmenu { float:left; text-align:left; width:198px; height:auto; margin:0px auto; padding-left:10px; margin-bottom:15px; }
#leftmenu ul { list-style:none; margin:0px auto; padding:0px; }
#leftmenu li { text-align:left; width:178px; height:auto; display:block; padding-top:0px;border-bottom:#B7B7B7 1px dotted; }
#leftmenu a { display:block; width:178px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5A5A5A; text-align:left; text-decoration:none; font-weight:normal; background:url(../images/bullet.png) left 50% no-repeat; padding-top:7px; padding-bottom:7px; padding-left:10px; padding-right:10px; }
#leftmenu a:hover { display:block; width:178px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#B64A26; text-align:left; text-decoration:none; font-weight:normal; background:url(../images/bullet.png) left 50% no-repeat; padding-top:7px; padding-bottom:7px; padding-left:10px; padding-right:10px; }

.nav1 {width:198px; height:auto; padding-left:10px; padding-right:10px; padding-top:0px; 
padding-bottom:0px; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#034C7F; text-align:left; float:left; font-weight:bold; }
.nav2 {width:245px; height:auto; padding-left:9px; padding-right:10px; padding-top:0px; 
padding-bottom:0px; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#045C99; text-align:left; float:left; font-weight:bold; }
.nav3 {width:245px; height:auto; padding-left:9px; padding-right:10px; padding-top:0px; 
padding-bottom:0px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#636363; text-align:left; float:left; font-weight:bold; }
.nav4 {width:245px; height:auto; padding-left:10px; padding-right:10px; padding-top:5px; 
padding-bottom:0px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#88BC0F; text-align:left; float:left; font-weight:bold; }
.nav5 {width:177px; height:auto; padding-left:10px; padding-right:10px; padding-top:0px; 
padding-bottom:0px; margin-top:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#034C7F; text-align:left; float:left; font-weight:bold; }
.nav6 {width:470px; height:auto; padding-left:10px; padding-right:10px; padding-top:0px; 
padding-bottom:0px; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#636363; text-align:left; float:left; font-weight:bold; }
.nav7 {width:470px; height:auto; padding-left:10px; padding-right:10px; padding-top:0px; 
padding-bottom:0px; margin-top:3px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#88BC0F; text-align:left; float:left; font-weight:normal; }
.nav8 {width:520px; height:auto; padding-left:10px; padding-right:10px; padding-top:5px; 
padding-bottom:10px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#88BC0F; text-align:left; float:left; font-weight:bold; }

#rightcolumnbg { float:left; width:744px; height:auto; margin:0px 0px 20px 6px; padding:0px;  }
#picbg { float:left; width:744px; height:283px; margin:0px 0px 10px 0px; padding:0px; background:url(../images/joytemplate17a_16.jpg) left top no-repeat;  }
#textbg { float:left; width:744px; height:auto; margin:0px 0px 20px 0px; padding:0px; }
#flashbox {float:left; width:455px; height:273px; margin-left:5px; margin-top:5px; } 
#box1 {float:right; width:265px; height:25px; margin-right:10px; margin-top:10px; } 
#click { float:left; width:78px; height:22px; margin:20px 0px 0px 10px; padding:0px; }
#box2 {float:left; width:536px; height:auto; margin-left:0px; margin-top:0px; margin-bottom:15px; background-color:;  }
#box3 {float:left; width:478px; height:auto; margin-left:0px; margin-top:10px; background: url(../images/joytemplate17a_25.jpg) left top no-repeat ; padding-left:58px;  }
#dividerline {float:left; width:536px; height:1px; margin-left:0px; margin-top:10px; background: url(../images/joytemplate17a_34.jpg) left top repeat-x ; padding-left:0px;  }
#pic {float:left; width:535px; height:140px; margin-left:0px; margin-top:1px; padding-left:1px;  }
.readmore { width:526px; height:auto; background:url(../images/joytemplate17a_37.jpg) left 70% no-repeat; padding-top:5px; padding-left:10px; margin:0px 0px 0px 10px; text-align:left; float:left; }
.readmore a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#5A5A5A; text-align:left; text-decoration:none; }
.readmore a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#5A5A5A; text-align:left; text-decoration:underline; }

#rightcolumn { float: right; width:200px; height:auto; margin:0px 0px 20px 7px; padding:0px; }
#rightcolumnmenubg { float: right; width:200px; height:auto; margin:0px 0px 20px 7px; padding:0px; background:url(../images/rightcolmid.jpg) left top repeat-y; }
#rightcolumntopbg { float:left; width:200px; height:10px; margin:0px auto; padding:0; margin:0px; background:url(../images/rightcoltop.jpg) left top no-repeat; }
#rightcolumnbottombg { float:left; width:200px; height:7px; margin:0px auto; padding:0; margin:0px; background:url(../images/rightcolbottom.jpg) left top no-repeat; }
#rightmenubg { float:left; width:198px; height:auto; margin:0px auto; padding:0; margin:0px 2px 0px 1px; background:; }
#rightmenu { float:left; text-align:left; width:190px; height:auto; margin:0px auto; padding-left:10px; margin-bottom:15px; }
#rightmenu ul { list-style:none; margin:0px auto; padding:0px; }
#rightmenu li { text-align:left; width:177px; height:auto; display:block; padding-top:0px;border-bottom:#B7B7B7 1px dotted; }
#rightmenu a { display:block; width:177px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5A5A5A; text-align:left; text-decoration:none; font-weight:normal; background:url(../images/bullet.png) left 50% no-repeat; padding-top:7px; padding-bottom:7px; padding-left:10px; padding-right:10px; }
#rightmenu a:hover { display:block; width:177px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#B64A26; text-align:left; text-decoration:none; font-weight:normal; background:url(../images/bullet.png) left 50% no-repeat; padding-top:7px; padding-bottom:7px; padding-left:10px; padding-right:10px; }
#rightad { float: right; width:200px; height:116px; margin:0px 0px 20px 7px; padding:0px; }

#footerbg { float:left; width:1004px; height:71px; margin:0px; padding:0px; background:url(../images/joytemplate17a_63.jpg) left top repeat-x; }
.footertext { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#fff; text-align:left; margin-top:28px; margin-left:30px; padding:0; }



.clearer {clear:both; }
.style1 {width:245px; height:auto; padding-left:10px; padding-right:10px; padding-top:10px;
padding-bottom:0px; margin-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8E8E8E; line-height:18px; text-align:left; float:left; font-weight:normal; }
.style2 {width:516px; height:auto; padding-left:10px; padding-right:10px; padding-top:0px;
padding-bottom:0px; margin-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8E8E8E; line-height:18px; text-align:left; float:left; font-weight:normal; }
.style3 {width:238px; height:auto; padding-left:0px; padding-right:20px; padding-top:0px;
padding-bottom:0px; margin-top:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8E8E8E; line-height:18px; text-align:left; float:left; font-weight:normal; }