/* CSS Document */

body { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; background: #fff; color:#5F5F5F; }
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span { margin:0; padding:0; }
ul { margin:0; padding:0; list-style-type:none; font-size:0; }
.spacer { clear:both; font-size:0; line-height:0; }
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
img { border: none;}
#headerTop { width: 850px; }
#logo { float:left; }
#headerTop ul.nav { float: right; height:64px; }
#headerTop ul.nav li { padding:0; margin:0; line-height:0; float:left; }
#headerTop ul.nav li a { display:block; background-color:#fff; color:#5D5D5D; margin-top: 30px; padding:8px 10px; text-decoration:none; font:bold 11px/8px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; height:8px; float:left; }
#headerTop ul.nav li a:hover { background: #55812C; color:#fff; }
#headerTop ul.nav li a.hover { display:block; background: #55812C; color:#fff; text-decoration:none; height:8px; float:left; }
#header { background: none; }
#headerImg { clear:both; background: url(../images/header_start_bg.jpg) 0 0 repeat-x; }
#header img.logo { width:390px; height:102px; }
#header ul.sub { width:336px; height:30px; padding:0; margin:12px 0 0 0; }
#header ul.sub li { float:left; margin:0 27px 0 0; padding:0; line-height:0; }
#header ul.sub li a.blog { display:block; background:url(../images/blog_bg.gif) 0 0 no-repeat; width:49px; height:30px; font:bold 10px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; text-decoration:none; padding:0 0 0 36px; text-transform:uppercase; }
#header ul.sub li a.blog:hover { color:#69B200; background-color:inherit; }
#header ul.sub li a.ideas { display:block; background:url(../images/idea_bg.gif) 0 0 no-repeat; width:49px; height:30px; font:bold 10px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; text-decoration:none; padding:0 0 0 36px; text-transform:uppercase; }
#header ul.sub li a.ideas:hover { color:#F1AF41; background-color:inherit; }
#header ul.sub li a.support { display:block; background:url(../images/support_bg.gif) 0 0 no-repeat; width:49px; height:30px; font:bold 10px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; text-decoration:none; padding:0 0 0 36px; text-transform:uppercase; }
#header ul.sub li a.support:hover { color:#64CBEC; background-color:inherit; }
#header h2 { font:bold 24px/47px Georgia, "Times New Roman", Times, serif; color:#006DA0; background-color:inherit; margin:20px 0 0 0; }
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body { width:100%; margin:0 auto; padding:0 0 49px 0; }
/*------------------------------------------------left--------------------*/
#left { width:463px; float:left; margin:50px 19px 20px 70px; }
#left b { font:bold 13px/17px Arial, Helvetica, sans-serif; color:#000; background-color:inherit; margin:0 0 4px 0; width:463px; display:block; }
#left p.leftTxt { font:normal 13px/17px Arial, Helvetica, sans-serif; margin:0 0 15px 0; display:block; }
#left p.leftTxt span.yellow { background-color:#FFFED1; color:#5F5F5F; }
#left p.leftTxt span.green { background-color:#fff; color: #000; font-weight:bold; }
#left p.leftTxt span.black { background-color:#fff; color: #000; margin-bottom: 25px; font-weight:bold; }
#left p.leftTxt a { background-color:#fff; color:#5F5F5F; text-decoration: none; }
#left p.leftTxt a:hover { background-color:#fff; color:#000; text-decoration: underline; }
#left p.eventTop { display:block; background:url(../images/event_top_bg.gif) 0 0 no-repeat; width:461px; height:20px; margin:14px 0 0 0; }
#left p.eventBot { display:block; background:url(../images/event_bot_bg.gif) 0 0 no-repeat; width:461px; height:38px; }
#event { background:url(../images/event_bg.gif) 0 0 repeat-y; width:437px; padding:0 0 0 24px; }
#event h2 { width:160px; height:38px; padding:0 0 0 52px; background:url(../images/event_icon.gif) 0 0 no-repeat; font:bold 22px/18px Georgia, "Times New Roman", Times, serif; color:#CA0267; background-color:inherit; margin:0 0 13px 0; display:block; }
#event h2 span { font:bold 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#00759A; background-color:inherit; display:block; }
#event b { font:bold 12px/16px Arial, Helvetica, sans-serif; color:#946500; background-color:inherit; margin:0; width:437px; display:block; }
#event p.eventTxt { font:normal 12px/16px Arial, Helvetica, sans-serif; padding:0 0 20px 0; display:block; width:412px; }
#event p.greenTxt { font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#49760B; background-color:inherit; text-transform:uppercase; margin:0 0 18px 0; }
#event p.blackTxt2 { font:normal 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/star_icon.gif) 0 2px no-repeat; padding:0 0 10px 17px; }
#event ul { width:295px; height:15px; padding:7px 0 0 0; }
#event ul li { float:left; line-height:0; border-right:#BCBCBC solid 1px; }
#event ul li a.eventLink { color:#000; background-color:inherit; text-decoration:underline; font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; padding:0 10px 0 0; width:70px; }
#event ul li a.eventLink:hover { text-decoration:none; }
#event ul li.noBdr { border-right:none; display:block; }
#event ul li.noBdr a.eventLink2 { color:#000; background-color:inherit; text-decoration:underline; font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; padding:0 0 0 10px; width:107px; margin:0 30px 0 0; }
#event ul li.noBdr a.eventLink2:hover { text-decoration:none; }
#event ul li.noBdr a.readMore { display:block; background:url(../images/read_more.gif) 0 0 no-repeat; float:left; width:67px; height:13px; text-indent:-2000px; }
#event ul li.noBdr a.readMore:hover { background:url(../images/read_more_hover.gif) 0 0 no-repeat; }
/*------------------------------------------------left--------------------*/

/*------------------------------------------------mid--------------------*/
#mid { width:241px; float:left; padding:0 0 11px 0; background:url(../images/glossy_bg.gif) 0 0 repeat-y; }
#mid h2 { display:block; background:url(../images/glossy.gif) 0 0 no-repeat; width:241px; height:81px; text-indent:-2000px; }
#mid h3 { display:block; background:url(../images/future.gif) 0 0 no-repeat; width:241px; height:25px; text-indent:-2000px; }
#mid p.midTxt1 { text-align:center; font:bold 13px/17px Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; display:block; width:179px; padding:16px 32px 15px 32px; }
#mid p.midTxt2 { text-align:center; font:normal 12px/17px Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; display:block; width:211px; padding:0 14px 21px 18px; }
#mid p.midTxt3 { text-align:center; font:bold 13px/17px Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; display:block; width:209px; padding:0 16px 33px 17px; }
#mid p.midTxt3 span { font:bold 13px/17px Arial, Helvetica, sans-serif; color:#FFEC61; background-color:inherit; text-transform:uppercase; }
#black { width:224px; background:url(../images/black_bg_1px.gif) 0 0 repeat-x #444444; color:#fff; padding:33px 0 0 0; margin:0 auto; }
#black p.whiteTxt { font:bold 13px/17px Arial, Helvetica, sans-serif; text-align:center; width:192px; padding:0 0 17px 20px; background:url(../images/black_bottom_bg.gif) left bottom no-repeat; }
#black p.whiteTxt span.green2 { color:#A3F82A; background-color:inherit; font-weight:bold; text-transform:uppercase; }
#black p.whiteTxt span.bigTxt { text-transform:uppercase; font-weight:normal; }
#black p.whiteTxt span.white2 { color:#C4C4C4; background-color:inherit; font-weight:bold; text-transform:uppercase; margin:15px 0 0 0; display:block; width:192px; }
/*------------------------------------------------mid--------------------*/

/*------------------------------------------------right--------------------*/
#right { width:191px; float:right; margin:2px 0 0 0; }
#right h2.mem { display:block; background:url(../images/member_login_bg.gif) 0 0 no-repeat; width:178px; height:35px; padding:0 0 0 13px; font:bold 14px/35px Georgia, "Times New Roman", Times, serif; color:#fff; background-color:inherit; margin:0 0 1px 0; }
#right form.member { width:161px; border-bottom:#CACACA solid 1px; border-left:#CACACA solid 1px; border-right:#CACACA solid 1px; padding:0 14px 29px 14px; margin:0 0 18px 0; }
#right form.member input.txtBox1 { width:159px; height:19px; border-left:#808080 solid 1px; border-top:#808080 solid 1px; border-right:#D4D0C8 solid 1px; border-bottom:#D4D0C8 solid 1px; float:left; }
#right form.member label.one { font:bold 10px/21px Arial, Helvetica, sans-serif; color:#202020; background-color:inherit; display:block; width:159px; float:left; }
#right form.member a { display:block; width:130px; height:15px; background-color:#FFF7BB; color:#AD0000; padding:0 0 0 4px; font:bold 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; margin:10px 0 0 0; text-decoration:none; text-transform:uppercase; }
#right form.member a:hover { text-decoration:underline; }
#right form.member input.go { background:url(../images/btn_go.gif) 0 0 no-repeat; width:21px; height:13px; float:right; cursor:pointer; border:none; margin:10px 0 0 0; }
#right h2.con { display:block; background:url(../images/contact_bg.gif) 0 0 no-repeat; width:178px; height:35px; padding:0 0 0 13px; font:bold 14px/35px Georgia, "Times New Roman", Times, serif; color:#fff; background-color:inherit; margin:0 0 1px 0; }
#right form.contact { width:161px; border-bottom:#CACACA solid 1px; border-left:#CACACA solid 1px; border-right:#CACACA solid 1px; padding:0 14px 35px 14px; margin:0; }
#right form.contact textarea { width:159px; height:54px; border-left:#808080 solid 1px; border-top:#808080 solid 1px; border-right:#D4D0C8 solid 1px; border-bottom:#D4D0C8 solid 1px; float:left; }
#right form.contact label.two { font:bold 10px/18px Arial, Helvetica, sans-serif; color:#202020; background-color:inherit; display:block; width:159px; float:left; }
#right form.contact input.txtBox2 { width:159px; height:19px; border-left:#808080 solid 1px; border-top:#808080 solid 1px; border-right:#D4D0C8 solid 1px; border-bottom:#D4D0C8 solid 1px; float:left; }
#right form.contact input.reset { background:url(../images/btn_reset.gif) 0 0 no-repeat; width:48px; height:13px; float:right; cursor:pointer; border:none; margin:8px 0 0 0; }
#right form.contact input.submit { background:url(../images/btn_submit.gif) 0 0 no-repeat; width:48px; height:13px; float:right; cursor:pointer; border:none; margin:8px 0 0 3px; }
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain { width:100%; height:84px; background: url("../images/header_start_bg.jpg") repeat-x scroll 0 0 transparent; padding:22px 0 0 0; }
#footer { width:200px; height:84px; margin:0 auto; position:relative; }
#footer ul { width:200px; position:absolute; left:10px; top:0; }
#footer ul li { float:left; font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; }
#footer ul li a { padding:0 8px; font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; text-decoration:none; }
#footer ul li a:hover { text-decoration:underline; }
#footer p.copyright { font:normal 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; position:absolute; left:0px; top:40px; width:220px; color:#ccc; background-color:inherit; margin-left:8px; }
#footer p.design { display:block; width:197px; height:18px; padding:0; position:absolute; left:60px; top:38px; font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; text-transform:uppercase; }
#footer p.design a.link { font:bold 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; text-decoration:none; }
#footer p.design a.link:hover { color:#000; background-color:inherit; }
#footer a.xhtml { display:block; background:url(../images/xhtml_bg.gif) 0 0 no-repeat; width:56px; height:11px; position:absolute; left:108px; top:60px; }
#footer a.xhtml:hover { background:url(../images/xhtml_bg_hover.gif) 0 0 no-repeat; }
#footer a.css { display:block; background:url(../images/css_bg.gif) 0 0 no-repeat; width:34px; height:11px; position:absolute; left:170px; top:60px; }
#footer a.css:hover { background:url(../images/css_bg_hover.gif) 0 0 no-repeat; }
/*------------------------------------------------footer--------------------*/