/*layout CSS */
body     { text-align: center; margin: 0; padding: 0; height: 100%; min-width: 1000px }

#wrapper      { background-repeat: repeat; background-attachment: scroll; background-position: center 0; text-align: left; margin: 0 auto }

.width_800   { width: auto; max-width: 780px }

.width_1024   { width: auto; height: 12px; min-width: 910px; max-width: 1000px }

.width_fluid          { height: 100%; min-width: 910px; max-width: 97% }
a#sitename1             { background-repeat: no-repeat; background-attachment: fixed; text-indent: -2000px; display: block; height: auto }
#heading   { padding: 16px 0 0; width: 100% }
#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;
}
#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-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left top }

a#amedium { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left top }

a#asmall { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left top }

#header  { color: #fff; background-repeat: repeat-x; background-attachment: scroll; background-position: left top; margin-top: 16px; height: 44px }

#header .bgbl  { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; padding: 0 24px 26px; position: relative; height: 100px; min-height: 100px }

#user3 { display: block; position: relative; height: 25px }
#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: 0 10px; position: relative }

#user4  { color: #fff; background: url("../images/user4bg-l.jpg") no-repeat left top; padding-left: 38px; position: absolute; z-index: 1000; top: -26px; right: 0 }

#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              { }
#container .bgright       { background-repeat: no-repeat; background-attachment: fixed; margin-top: 1em }
#container .bg             { background-repeat: no-repeat; background-attachment: fixed; background-position: 100px 400px }

#container .bg  { }
#content, #breadcrumbs  { }
#breadcrumbs  { background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin-bottom: 20px; padding-bottom: 6px }
.leftcol, .middle, .rightcol    { background-attachment: scroll; overflow: hidden }
.leftcol, .rightcol      { background-attachment: scroll; text-align: right; position: fixed; width: 210px }
.leftcol     { text-align: right; margin-left: -100%; position: fixed; float: left }

.rightcol      { background-attachment: scroll; text-align: right; margin-left: -205px; position: fixed; float: left }

.leftcol .bgbottom, .rightcol .bgbottom       { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; padding: 1px 1px 50px }

.middlewrap     { width: 100%; float: left }

.middle    { background-repeat: no-repeat; background-attachment: scroll; background-position: left top; padding-left: 11px; width: 65% }
#middlenarrow { margin: 0 209px }
#middlewide { margin: 0 }
#middlewrapleftonly { margin-left: -209px; float: right }
#middleleftonly{
margin:0 0 0 209px;}
#leftleftonly{
margin:0;
}

#middlewraprightonly{
float:left;
width:100%;
margin-left:-209px;
}
#middlerightonly { margin: 0 0 0 209px }
#rightrightonly { margin: 0; float: right }

.middle .middlebg     { background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 16px 16px 16px 5px; width: auto; min-height: 400px }

.middle h1, .middle .componentheading{
background:url(../images/dotted.gif) bottom left repeat-x;
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  { width: 49.5%; float: left; overflow: hidden }
#user2 { width: 49.5%; float: right; overflow: hidden }
#bottom  { margin-top: 16px }
#bottom .bottombg  { background-color: #f4f4f3; background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; padding: 18px 0; position: relative; width: 100%; clear: both }
#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-color: transparent }
#bottom li a{
color:#666666;
}
#bottom li a:hover{
text-decoration:none;
}
#footer  { color: #fff; text-align: center; margin: 16px 0; padding: 6px 0; position: relative; width: 100%; clear: both }
#footer a{
font-weight:normal;
color:#ccc;}

#footer a:hover{
color:#fff;
text-decoration:none;
}

#footer .footerleft{
float:left;
padding-left:16px;
}

#footer .footerleft img{
vertical-align:middle;
}

#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; 
}

fieldset  { padding: 0.5em; border-color:  }

/*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   { color: #ff9700; font-size: 8px; font-weight: normal }
h2,.contentheading { font-size: 1em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; 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; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 2px; text-transform: uppercase; padding: 10px; float: right }
#user3 ul li a:hover{
text-decoration:none;
}
ul.menu a, a.mainlevel    { color: #666; font-size: 1.1em; font-weight: bold; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 3px 9px; display: block; padding: 4px 4px 4px 16px }
ul.menu a:hover, a.mainlevel:hover { text-decoration: none }
li#current a, a#active_menu.mainlevel{
font-weight:bold;
}
ul.menu ul a { color: #2a2929; font-weight: bold; background: url("../images/arrow_sub.png") no-repeat 4px 10px; border-color:  }


table.pollstableborder td{
padding:0.2em;
}

table.pollstableborder{
float:left;
}

.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  { }

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;
}

/* content tables */
td.sectiontableheader  { color: #333; font-weight: bold; background: #efefef; padding: 4px }

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    { }
div.img_caption p     { font-size: .90em; color: #666; text-align: center; }