/*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;

}



.width_fluid{

min-width:910px;

max-width:97%;

width:auto!important;

width:97%;

}



#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 */

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

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

text-indent:-2000px;

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

}



#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) top left no-repeat;

}



a#amedium{

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

}



a#asmall{

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

}



#header{

margin-top:16px;

background:#2f2f2f url(../images/headerbg_m.jpg) top left repeat-x;

color:#fff;

}



#header .bgbl{

background:url(../images/headerbg_bl.jpg) no-repeat;

background-position:15px 100%;

height:auto!important;

height:100px;

min-height:100px;

padding:0px 24px 26px 24px;

position:relative;

}



#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:3px 0 0 25px;

margin:3px 0;

}



#user4 {

position:absolute;

right:0;

top:-26px;

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

padding-left:38px;

color:#000;

z-index:1000;

}



#user4 .bgright4{

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

padding-right:18px;

}



#user4 .bg4{

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

padding:5px 12px 5px 10px;

}

#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:#fff url(../images/containerbg_m.png) top left repeat-x;

}



#container .bg{

padding:12px 24px 0px 24px;

}

#content, #breadcrumbs{

position:relative;

width:100%;

}

#breadcrumbs{

padding-bottom:6px;

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

margin-bottom:9px;

}

.left, .middle, .right{ overflow:hidden;}

.left, .right{

width:205px;

}

.left{

float:left;

margin-left:-100%;

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



.right{

float:left;

margin-left:-205px;

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



.left .bgtop, .right .bgtop{

background:url(../images/sidebg-t.png) top left no-repeat;

padding:1px 1px 20px 1px;

}

.middlewrap{

float:left;

width:100%;

}



.middle{

background:#fff url(../images/middlebg-l.jpg) top left no-repeat;

padding-left:11px;



}

#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 url(../images/middlebg-r.jpg) top right no-repeat;

padding:16px 16px 16px 5px;

min-height:400px;

height:auto!important;

height:400px;

}



.middle h1, .middle .componentheading{

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

margin-bottom:0.3em;

}

.middle li{

background-position:0px 0px;

padding:1px 0px 5px 24px;

}



#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) bottom left repeat-x;

padding:18px 0px;

position:relative;

width:100%;

border-top:#fff 1px solid;

}

#bottom .moduletable{

padding:0px 16px;

}

#bottom .moduletable h3{

background:none;

margin:0;

font-size:1.2em;

text-transform:uppercase;

}

ul.mostread, ul.latestnews{

padding:0;

margin:0;

}

a.mostread, a.latestnews{

background:url(../images/icon_author_bottom.gif) no-repeat;

background-position: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:76%;

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

line-height:1.3;

}

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

margin: 0.5em 0;

}

li,dd {

margin-left:1em;

}

fieldset {

padding:.5em;

border:0;

}



/*general*/

ul{

list-style:none;

}

li p{

margin:0;

}

a img{

border:0 none;

}



a{

text-decoration:none;

font-weight:bold;

}

a:hover{

text-decoration:underline;

}

a:active, a:focus{

outline:none;

}



h1,.componentheading{

font-size:1.7em;

font-weight:normal;

margin:0;

padding-bottom:0.1em;

}

h2,.contentheading{

font-size:1.3em;

font-weight:bold;

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

letter-spacing:-0.02em;

}

h3{

font-size:1.2em;

font-weight:bold;

}

h4{

font-size:1.1em;

font-weight:bold;

}

h5{

font-size:1.1em;

font-weight:bold;

}

h6{

font-size:1em;

font-weight:bold;

}

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

font:0.9em Arial,Helvetica,sans-serif;

}

.moduletable, .moduletable_menu, .moduletable_text{

margin-bottom:1em;

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

}

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

padding:0.5em 0.5em 1em 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) top left no-repeat;

border:0;

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;

display:inline;

height:40px;

}

#user3 ul li a{

color:#d0d0d0;

text-transform:uppercase;

padding:10px;

float:right;

background:url(../images/topmenu-vline.jpg) no-repeat;

background-position:0px 2px;

}

#user3 ul li a:hover{

text-decoration:none;

}

ul.menu a, a.mainlevel{

font-size:1.1em;

color:#2a2929;

font-weight:bold;

display:block;

background:url(../images/arrow_mainlevel.png) no-repeat;

background-position:3px 9px;

border-bottom:#eee 1px solid;

padding:4px 4px 4px 16px;

margin-right:13px;

}

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;

background-position:4px 10px;

border: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) top left no-repeat;

}



.createdate{

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

display:block;

padding-bottom:1em;

}



.modifydate{

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

padding-bottom:1em;

}



div.banneritem_text{

padding:0.5em 0;

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

}



.article_column {

        padding-right: 5px;

}



.column_separator {

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

        padding-left: 10px;

}



table.contentpaneopen, table.contentpane {

        margin: 0;

        padding: 0;

        width: 100%;

}



table.contentpaneopen li {

        margin-bottom: 5px;

}



table.contentpaneopen fieldset {

        border: 0;

        border-top: 1px solid #ddd;

}



td.buttonheading{

text-align:right;

}



div.buttonheading {

        float: right;

        width: 15%;

}



.buttonheading img {

        margin: 0;

        border: 0;

        float: right;

}



table.pollstableborder td{

text-align:left;

}