/*layout CSS */







body {







text-align:center; /*center hack*/







min-width:1000px;







padding:0;







margin:0;















}















#wrapper {







margin:0 auto; /*center hack*/







text-align:left; /*center hack*/







}















.width_800{







max-width:780px;







width:780px;







}































.width_1024{







min-width:910px;







max-width:1000px;







width:auto !important;







width:1000px;







}







.info_name {



}







.width_fluid{







min-width:910px;







max-width:99%;







width:auto!important;







width:99%;







}















#heading{







width:100%;







position:relative;







padding:16px 0px 0px 0px;







}







#heading h1{







font-size:36px;







font-family:"Myriad pro", "Myriad Web", Geneva, Arial, Helvetica, sans-serif;







text-transform:uppercase;







color:#fff;







margin:0 0 0 27px!important;







padding:0 !important;







}







#heading h1 a{







color:#fff;







font-weight:normal;







}







#heading h1 a:hover{







text-decoration:none;







}







a#sitename1{







display:block;







width:258px; /* maximum 500px */







height:52px; /* maximum 68px */







text-indent:-2000px;







background:url('../images/logo.png') no-repeat top left;







}















#buttons{







position:absolute;







right:23px;







top:40px;







}







a#alarge.btnicon{







margin-right:8px;







}







a#asmall.btnicon{







margin-right:16px;







}







.btnicon{







float:left;







text-indent:-2000px;







width:10px;







height:23px;







margin-right:6px;







}















a#alarge{







background:url('../images/alarge.png') no-repeat top left;







}















a#amedium{







background:url('../images/amedium.png') no-repeat top left;







}















a#asmall{







background:url('../images/asmall.png') no-repeat top left;







}















#header{







margin-top:16px;







background: url('../images/headerbg_m.png') no-repeat top right;





color:#fff;







margin-right:15px















}















#header .bgbl{



background: url('../images/hforrepeat.png')0px 19px;


background-repeat: repeat-x;





height: 125px;


position:relative;
padding-left:50px;
padding-right:24px;
padding-top:0px;
padding-bottom:0px




}















#user3{







display:block;







position:relative;







height:40px;







}







#user3 .moduletable{







margin:0;







}















#header #top{







max-height:200px;







overflow:hidden;















}















#header #top a{







text-decoration:underline;







}















#header #top a:hover{







color:#fff;







}















#header #top .moduletable{







padding-top:6px;







position:relative;}















#header #top .moduletable h3{







background-position:0px 10px;







position:relative;







padding:4px 0 6px 25px;







margin:3px 0;







}







#header #top .moduletable td{







color:#fff;







}







#user4 {







position:absolute;







right:0;







top:-26px;







background:url('../images/user4bg-l.jpg') no-repeat top left;







padding-left:38px;







color:#000;







z-index:1000







}















#user4 .bgright4{







background:url('../images/user4bg-r.gif') no-repeat top right;







padding-right:18px







}















#user4 .bg4{







background:url('../images/user4bg.jpg') repeat-x top left;







padding-left:10px; padding-right:12px; padding-top:5px; padding-bottom:5px







}







#user4 .moduletable, #user4 form, #user4 input{







margin:0;







padding:0;







}























#container{







padding-left:18px;







position:relative;







}







#container .bgright{







padding-right:18px;







margin:0!important;







margin-right:1px;







}







#container .bg{







background:#EFF5F0 url('../images/containerbg_m.png') repeat-x top left;







}















#container .bg{







padding:12px 24px 0px 24px;







}







#content, #breadcrumbs{







position:relative;







width:100%;







}







#breadcrumbs{







padding-bottom:6px;







background:url('../images/bg-breadcrumbs.png') repeat-x bottom left;







margin-bottom:9px







}







.leftcol, .middle, .rightcol{ overflow:hidden;}







.leftcol, .rightcol{







width:205px;







}







.leftcol{







float:left;







margin-left:-100%;







background:#fff url('../images/sidebg-b.png') no-repeat bottom left;}















.rightcol{







float:left;







margin-left:-205px;







background:#ffffff;}















.leftcol .bgtop, .rightcol .bgtop{















padding:1px 1px 20px 1px;







}







.middlewrap{







float:left;







width:100%;







}















.middle{







background:#fff ;







padding-left:11px;







border:1px solid #999999;















}







#middlenarrow{







margin:0 209px;}







#middlewide{







margin:0;







}







#middlewrapleftonly{







float:right;







width:100%;







margin-left:-209px;







}







#middleleftonly{







margin:0 0 0 209px;}







#leftleftonly{







margin:0;







}















#middlewraprightonly{







float:left;







width:100%;







margin-left:-209px;







}







#middlerightonly{







margin:0 0 0 209px;}







#rightrightonly{







float:right;







margin:0;







}















.middle .middlebg{







background:#fff;







padding:16px 16px 16px 5px;







min-height:400px;







height:auto!important;







height:400px;















}















.middle h1, .middle .componentheading{







background:url('../images/dotted.gif') repeat-x bottom left;







margin-bottom:0.3em







}







.middle ul li{







background-position:0px 0px;







padding:1px 0px 5px 24px;







margin-left:10px;







}







.middle ul ul{







list-style-type:square;







margin-bottom:0;







}







.middle ul ul li{







background:none;







padding:0;







}







.middle ol{







margin-left:30px;







padding:0;







}















.middle ol li{







margin:0;







padding:0;







}























#banner .moduletable, #footermodule .moduletable{







padding:0;







text-align:center;







}















#user1{







float:left;







width:49.5%;







overflow:hidden;







}







#user2{







float:right;







width:49.5%;







overflow:hidden;







}







#bottom {







border-top:#cdcdcd 1px solid;







margin-top:16px;







}







#bottom .bottombg{







clear:both;







background:#f4f4f3 url('../images/bottombg.png') repeat-x bottom left;







position:relative;







width:100%;







border-top:1px solid #fff;; padding-left:0px; padding-right:0px; padding-top:18px; padding-bottom:18px







}







#bottom .moduletable{







padding:0px 16px;







}







#bottom .moduletable h3{







background:none;







margin:0;







font-size:15px;







text-transform:uppercase;







}







ul.mostread, ul.latestnews{







padding:0;







margin:0;







}







a.mostread, a.latestnews{







background:url('../images/icon_author_bottom.gif') no-repeat 0px 1px;







padding-left:18px







}







#bottom li.mostread, #bottom li.latestnews{







padding:3px 0;







border-top:#fff 1px solid;







}







#bottom li a{







color:#666666;







}







#bottom li a:hover{







text-decoration:none;







}







#footer {







clear:both;







color:#fff;







background-color:#777;







padding:6px 0px;







margin:16px 0;







position:relative;







width:100%;







text-align:center;







}







#footer a{







font-weight:normal;







color:#ccc;}















#footer a:hover{







color:#fff;







text-decoration:none;







}















#footer .footerleft{







float:left;







padding-left:16px;







}































#footer .footerright{







float:right;







padding-right:16px;







}















#reflection-l{







position:relative;







height:54px;







margin-left:-44px;







margin-right:-44px;







padding-left:16px;







}















#reflection-r{







height:54px;







padding-right:16px;







}







#reflection{







height:54px;







}







/*global reset*/















html, body, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address  {







    margin: 0;







    padding: 0;







}







body {







font-size:12px;







font-family:Arial, Helvetica, sans-serif;







line-height:18px;







}







h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {







margin: 0.5em 0; 







}















fieldset { 







padding:.5em; 







border:0px none;







}















/*general*/







ul{







list-style:none;







}







p, td{







font-size:12px;























}







li p{







margin:0;







}







a img{







border:0px none;







}















a{







text-decoration:none;







font-weight:bold;







}







a:hover{







text-decoration:none;







color:#F38201;







}







a:active, a:focus{







outline:none;







}















h1, .componentheading{







font-size:20px;







font-weight:normal;







margin:0;







padding-bottom:0.12px;







color:#999999;







}







h2, .contentheading{







font-size:17px;







font-weight:bold;







font-family:Helvetica, Arial, sans-serif;







letter-spacing:-0.02em;















}







h3{







font-size:15px;







font-weight:bold;







}







h4{







font-size:13px;







font-weight:bold;







}







h5{







font-size:13px;







font-weight:bold;







}







h6{







font-size:12px;







font-weight:bold;







}







#footer, .small, .createdate, .modifydate, .mosimage_caption{







font:11px Arial,Helvetica,sans-serif;







}







.moduletable, .moduletable_menu, .moduletable_text{







margin-bottom:12px;







padding:0 10px; /*padding for inside text*/ 







}







.moduletable h3, .moduletable_menu h3, .moduletable_text h3{







padding:0.5em 0.5em 12px 0.5em;







margin:0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/ 















}















.clear{







clear:both;







}















/*search */















.search input{/* the input textarea box */







background:url('../images/searchbg.png') no-repeat top left;







border:0px none;







height:18px;







font-size:11px;







width:182px







}







.search #mod_search_searchword{







padding:2px 0 0 10px;







}















/*joomla*/















#user3 ul{







margin:0; 







padding:0;







width:auto;











}







#user3 ul li{


margin:0; 



padding:0;


float:right;



height:40px;



}







#user3 ul li a{







color:#222222; 







text-transform:uppercase;







padding-left:10px;

margin-top:-18px; 





padding-right:10px;







display:block;







background:url('../images/topmenu-vline.jpg') no-repeat 0px 2px;















}







#user3 ul li a:hover{







text-decoration:none;







}







ul.menu a, a.mainlevel{







font-size:13px;







color:#2a2929;







font-weight:bold;







display:block;







background:url('../images/arrow_mainlevel.png') no-repeat 3px 9px;







border-bottom:1px solid #eee;







margin-right:13px; padding-left:16px; padding-right:4px; padding-top:4px; padding-bottom:4px







}







ul.menu a:hover, a.mainlevel:hover{







text-decoration:none;







}







li#current a, a#active_menu.mainlevel{







font-weight:bold;







}







li#current li a{







color:#2a2929;







font-weight:bold;







background:url('../images/arrow_sub.png') no-repeat 4px 10px;







border:medium none;







}























table.pollstableborder td{







padding:0.2em;







}























.button{







color:#fff;







font-size:13px;







font-weight:bold;







margin:3px 0;







padding:1px 5px;







border:none;







}















* html .button {







    padding: 0px 2px !important; /*IE 6*/







}















*+html .button {







    padding: 0px 2px !important; /*IE 7*/







}















.small, .articleauthor, .createdate, .modifydate{







color:#8a8a8a;







}















.articleauthor, .createdate, .modifydate{







padding-left:18px;







}















.articleauthor{







background:url('../images/icon_author.gif') no-repeat top left;







}















.createdate{







background:url('../images/icon_date.gif') no-repeat top left;







display:block;







padding-bottom:12px







}















.modifydate{







background:url('../images/icon_updated.gif') no-repeat top left;







padding-bottom:12px







}















div.banneritem_text{







background:url('../images/dotted.gif') repeat-x bottom left;; padding-left:0; padding-right:0; padding-top:0.5em; padding-bottom:0.5em







}















.article_column {







    padding-right: 5px;







}















.column_separator {







    background:url('../images/dotted_v.gif') repeat-y top left;







    padding-left: 10px







}















table.contentpaneopen, table.contentpane {







    margin: 0;







    padding: 0;















}















table.contentpaneopen li {







    margin-bottom: 5px;















}















table.contentpaneopen fieldset {







    border-left:0px none; border-right:0px none; border-bottom:0px none; border-top:1px solid #ddd; 















}















td.buttonheading{







text-align:right;







}















div.buttonheading {







    float: right;







    width: 15%;







}















.buttonheading img {







    margin: 0;







    border: 0px none;







    float: right







}















table.pollstableborder td{







text-align:left;







}















/* content tables */







td.sectiontableheader {







  background: #efefef;







  color: #333;







  font-weight: bold;







  padding: 4px;







  border-right: 1px solid #fff;







}















tr.sectiontableentry0 td,







tr.sectiontableentry1 td,







tr.sectiontableentry2 td {







  padding: 4px;







}















td.sectiontableentry0,







td.sectiontableentry1,







td.sectiontableentry2 {







  padding: 3px;







}















/* thumbnails */







div.mosimage         {  margin: 5px; }







div.mosimage_caption {  font-size: .90em; color: #666; }















div.img_caption       { padding: 0 10px 0 10px; }







div.img_caption img   { border: 1px solid #dedede; }







div.img_caption p     { font-size: .90em; color: #666; text-align: center; }