/*======================================================================*\
|| #################################################################### ||
|| # Copyright (C) 2006-2009 Youjoomla LLC. All Rights Reserved.        ||
|| # This file may not be redistributed in whole or significant part. # ||
|| # ---------------- THIS IS NOT FREE SOFTWARE ---------------- #      ||
|| # http://www.youjoomla.com | http://www.youjoomla.com/license.html # ||
|| #################################################################### ||
\*======================================================================*/
#centertop{text-align:left; margin:0 auto}

#centerbottom{text-align:left; margin:0 auto}
#mainstripe{overflow:hidden}
#header{text-align:left; height:67px; position:relative; z-index:100}
#logo{height:67px; width:311px; float:left; text-align:left}

#tags h1 a{text-indent:-7500px; display:block; width:280px; height:67px; text-decoration:none}
#tags{width:280px; height:67px; float:left; overflow:hidden; margin:0; padding:0}

#banner{height:60px; float:right; margin-top:27px; overflow:hidden; width:468px}

.search{}
.search .inputbox{}
#tools{font-size:10px; padding:5px; clear:both}
#pathway{margin-top:9px; padding:3px 15px}

#topmodule{margin:0 auto; text-align:left; overflow:hidden; margin-bottom:10px}

#holder{height:100% !Important; height:1%; overflow:hidden; text-align:center; margin:0 8px; padding:0 0 25px 0}
#leftblock{float:left; height:100% !Important; height:1%; overflow:hidden; text-align:left}
#midblock{float:left; height:100% !Important; height:1%; overflow:hidden; text-align:left}
#rightblock{float:left; height:100% !Important; height:1%; overflow:hidden; text-align:left}

.inside{padding:5px; overflow:hidden}

.insidem{padding:5px}

#bottommodule{margin:0 auto; text-align:left; overflow:hidden; margin-bottom:10px}

#footer{clear:both; text-align:center; overflow:hidden; margin:15px auto; padding:0px 0 0px 0; height:63px}
#youjoomla{height:63px; width:100%; position:relative; text-align:left; padding:10px 0 0px 0px; overflow:hidden}
#cp{text-align:left; padding:2px 10px; overflow:hidden}
#skype, #twitter, 
#rss, #yjcpn{position:absolute; display:block; overflow:hidden; height:31px; width:31px; right:170px; text-indent:-999px; top:17px; background:url(../images/skype.png) no-repeat left top}
#twitter{background:url(../images/twitter.png) no-repeat left top; right:120px}
#rss{background:url(../images/rss.png) no-repeat left top; right:70px}
#yjcpn{background:url(../images/contact.png) no-repeat left top; right:20px}

.news_item_f{margin:0 5px; position:relative}
.news_item_c{margin:0 5px; position:relative}
.news_item_s{margin:0 5px; position:relative}
.news_item_a{margin:0px 0px 0 0px!Important; background:none; padding:7px; overflow:hidden}

.news_item_article{padding:0 0 0 0}

.newsitem_tools{display:block; width:100%; margin:0 0 0 0 !Important; overflow:hidden}

.newsitem_info{width:70%; display:block; height:10px; float:left}

.buttonheading{width:30%; display:block; overflow:hidden; padding:0; float:right}
.buttonheading img{border:0}
.buttonheading .email, 
.buttonheading .print, 
.buttonheading .pdf{float:right; margin:0px 2px 0 0; width:16px}
.createby{padding:0 3px 0 0px}
.createdate{padding:0 3px 0 0px}
.newsitem_section{padding:0 3px 0 0px}
.newsitem_category{padding:0 3px 0 0px}
.newsitem_section a{padding:0 3px 0 0px}
.newsitem_category a{padding:0 3px 0 0px}
.newsitems_link{}

.newsitem_text{width:100%; display:block; padding:0 0 0 0 !Important}
.modifydate{width:100%; display:block; padding:10px 0; overflow:hidden}
.components{padding:20px 0}

a.category:link, 
a.category:visited, 
a.category:focus{font-weight:bold; font-size:100%}
.small{}

ul.pagination{margin:15px auto 10px; padding:10px 0 0}
ul.pagination li, 
ul.pagination li:hover{background:none; display:inline; margin:3px; padding:0}
ul.pagination li span{padding:2px 5px}
ul.pagination a{padding:2px 3px; text-decoration:none}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus{}
.pagenavbar{font-weight:bold; padding-left:14px}
.pagenavcounter{font-weight:bold; padding:8px 14px 0 14px}

.yjsquare h3, 
.yjsquare_yj1 h3, 
.yjsquare_yj2 h3{overflow:hidden; padding:0; margin:5px; font:italic 18px "Trebuchet MS",sans-serif}
.yjsquare h3 span, 
.yjsquare_yj1 h3 spa, 
.yjsquare_yj2 h3 spann{overflow:hidden}
.yjsquare p, 
.yjsquare_yj1 p, 
.yjsquare_yj2 p{overflow:hidden; padding:3px}
.yjsquare_in, 
.yjsquare_yj1 .yjsquare_in, 
.yjsquare_yj2 .yjsquare_in{overflow:hidden; padding:10px}
.yjsquare, 
.yjsquare_yj1, 
.yjsquare_yj2{margin:5px 0 7px 0px; padding:0px; clear:both; display:block; height:100% !Important; height:1%; overflow:hidden}

.pollbuttons{margin:0 auto; width:80%; text-align:center; height:30px}

#modlgn_passwd, #modlgn_username{width:95%; height:19px; padding-left:3px; padding-top:3px}

#topslider{margin:0 auto; z-index:2}
#topslider_r{margin:0 auto; z-index:2}
#topslider .yjsquare{border:0; background:none; margin:0; height:430px; overflow:hidden}
#topslider, 
#topslider_r, 
#topslider .elements, 
#topslider .elements .slide{display:block; position:relative; height:445px}
#topslider .elements, 
#topslider .elements .slide{overflow:hidden}
#topslider .elements .slide{z-index:1; height:440px}

#topslider .navigator{display:block; position:absolute; width:156px; height:72px; margin:0px; padding:0px; right:-12px; bottom:20px; z-index:10}
#topslider .navigator ul{display:block; position:relative; list-style-type:none; padding:0px; width:115px; height:22px; margin:22px 27px 0px; overflow:hidden}
#topslider .navigator li{display:block; position:relative; width:16px; height:22px; padding:0; margin-right:7px; background-position:center center; background-repeat:no-repeat; float:left; cursor:pointer}
#topslider .navigator li.top{background-position:top center}
#topslider .navigator li.bottom{background-position:bottom center}
.slide .yjsquare .yjsquare_in{padding:15px 5px 0 5px}
.slide h1{font:italic bold 40px/50px Georgia,"Times New Roman",Times,serif}
.slide p.shade1{text-shadow:none; font:italic bold 18px/28px Georgia,"Times New Roman",Times,serif; color:#707070}

#loginbar{height:25px; position:relative}
#loginbar_in{position:relative; margin:0 auto; height:25px}
a#loginlink{width:122px; height:25px; line-height:25px; position:absolute; top:0; right:0; text-align:center; color:#fff}
#userlogin{width:100%}
#userlogin .inputbox{width:180px}
#loginmod{margin:0 auto; color:#fff; text-align:right}
#loginmod a{color:#fff; margin:0 5px 0 0}
#loginmod a:hover{color:#505050}
#loginmod .button{background:#0c658a; font-weight:bold; text-transform:uppercase; font-size:9px; padding:3px}
#logout{float:right}
#form-login{margin:0px 0 0 0}
#topshelf{margin:25px auto; height:244px; overflow:hidden; background:url(../images/tshl.gif) no-repeat left top}
#topshelf_r{margin:0px auto; height:244px; overflow:hidden; background:url(../images/tshr.gif) no-repeat right top}
#topshelf2{margin:25px auto; height:126px; overflow:hidden; background:url(../images/tshl2.gif) no-repeat left top}
#topshelf_r2{margin:0px auto; height:126px; overflow:hidden; background:url(../images/tshr2.gif) no-repeat right top}
#user6, #user7, #user8{float:left; clear:right; text-align:left; background:url(../images/topusr_shade.gif) no-repeat right 15px; overflow:hidden; height:100px}
#topshelf .yjsquare{height:100px}
#user8{background:none}
.tops_in{padding:0 5px}
#user9{height:110px; width:100%; text-align:left; overflow:hidden; padding:10px 0 0 0; clear:both}

#main{position:relative}
#main .yjttop_l{background:url(../images/top_lc.gif) no-repeat left top}
#main .yjttop_r{background:url(../images/top_rc.gif) no-repeat right top}
#main .yjtbot_l{background:url(../images/bot_lc.gif) no-repeat left bottom}
#main .yjtbot_r{background:url(../images/bot_rc.gif) no-repeat right bottom; padding:15px 0px}
#main .yjtmid_l{background:url(../images/mid_l.gif) repeat-y left top}
#main .yjtmid_r{background:url(../images/mid_r.gif) repeat-y right top}

#main .yjttop_l2{}
#main .yjttop_r2{}
#testimonials{width:185px; height:73px; position:absolute; left:-8px; display:block; overflow:hidden}
#morework{width:185px; height:73px; position:absolute; right:-8px; display:block; overflow:hidden}
#testimonials .link, 
#morework .link{display:block; width:185px; height:73px; text-indent:-999px}

.yjnewsflash{border:0; background:url(../images/yjnf_shade.jpg) no-repeat left bottom; overflow:hidden; margin:0 !Important}
.yjnewsflash_title{margin:10px 0 -15px 0 !Important; font-weight:bold; display:block; overflow:hidden}
.yjnewsflash img{padding:0; border:none; background:none; display:block}
.nfimgpos{display:block !Important; position:relative}
