/*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.3em;
overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0; 
}

fieldset { 
padding:.5em; 
border:0;
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
  box-sizing: border-box;
  float: left;
  padding: 5px 10px;
}
.span1 {
  width: 8.33%;
}
.span2 {
  width: 16.66%;
}
.span3 {
  width: 25%;
}
.span4 {
  width: 33.33%;
}
.span5 {
  width: 41.65%;
}
.span6 {
  width: 50%;
}
.span7 {
  width: 58.31%;
}
.span8 {
  width: 66.64%;
}
.span9 {
  width: 74.97%;
}
.span10 {
  width: 83.3%;
}
.span11 {
  width: 91.63%;
}
.span12 {
  width: 100%;
}
.items-row {
  float: left;
  width: 100%;
}

/*general*/
ul{
list-style:none;
}

li p{
margin:0;
}
a img{
border:0 none;
}

a{
color:#374b6f;
text-decoration:none;
}
a:hover{
color:#748241;
}
a:active, a:focus{
outline:none;
}

h1,.componentheading{
font-size:1.7em;
line-height:1.7em;
font-weight:normal;
margin:0;
padding-bottom:0.1em;
}
h2,.contentheading{
font-size:1.3em;
line-height:1.4em;
font-weight:bold;
font-family:Helvetica, Arial, sans-serif;
letter-spacing:-0.02em;
}
h3{
font-size:1.2em;
line-height:1.3em;
font-weight:bold;
}
h4{
font-size:1.1em;
line-height:1.2em;
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*/ 
}
#left h3, #right h3{
padding:0.3em 0.5em 1em 0.5em;
margin:0 -10px 0 -10px; /*negative padding to pull h3 back out from .moduletable padding*/ 

}
#left h3{
padding:0.1em 0.5em 0.2em 0.5em;
}

.clear{
clear:both;
}

/*search */
.search{
text-align:right;
padding:0 10px 0 0;
}
.search input{/* the input textarea box */
background-color:#fff;
border:#949ea5 1px solid;
font-weight:bold;
color:#6e787f;
padding:0;
margin:0;
}

/*joomla*/

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;
background-color:#b4bec6;
}

* html .button {
	padding: 0px 2px !important; /*IE 6*/
}

*+html .button {
	padding: 0px 2px !important; /*IE 7*/
}

.small, .articleauthor, .createdate, .modifydate{
color:#8a8a8a;
}

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

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



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

/*layout*/
#header{
padding-top:10px;
}
#topleft{
float:left;
width:70%;
}
#logo{
float:left;
width:230px;
}
#bannertop{
float:left;
}
#topright{
float:right;
width:29%;
}
#user3, #buttons{
float:right;
clear:right;
}
#user3 ul{
text-align:right;}
#user3 ul li{
float:right;
}
#user3 ul li li{ display:none;}	
.btnicon{
float:left;
text-indent:-2000px;
width:13px;
height:13px;
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{
border-bottom:#949ea6 1px solid;
}
#navwrapper{
padding-top:1px;
}
#nav{
float:left;
width:72%;
background:url(../images/navb.png) top right no-repeat;
}
#user4{
float:right;
width:25%;
background:url(../images/searchbg.png) top right no-repeat;
padding:0;
}
#user4 form{
margin:0;
padding:4px 0 5px 0;
}
#bannerwrapper{
padding-top:1px;
}
#banner{
float:left;
width:70%;
}
#topmodule{
float:right;
background:url(../images/gradient-yellow.jpg) top left repeat-x;
width:29%;
}
#topmodule h3{
padding-bottom:0;
text-transform:uppercase;
color:#748241;
font-size:1.1em;
}
#container{
padding-top:1px;
border-bottom:#949ea6 1px solid;
padding-bottom:10px;
}
#left{
float:left;
width:20%;
}
#left h3{
background:url(../images/h3bg.png) top right no-repeat;
}
#container ul li{
padding:3px 0;
background:url(../images/arrow.png) 2px 6px no-repeat;
padding-left:15px;
}
#left ul.menu li{
padding:3px 0;
background:url(../images/arrow.png) 2px 6px no-repeat;
padding-left:15px;
font-weight:bold;
text-decoration:none;
}
#left ul.menu li li{
font-weight:normal;
background:none;
font-size:0.9em;
}
#middlenarrow{
float:left;
width:50%;
}
#middleleftonly{
float:right;
width:79.9%;
}
#middlerightonly{
float:left;
width:70%;
}
#middlewide{
width:100%;
}

#middlenarrow #component{
padding:0 0 0 10px;
}

#component .padding{
background:url(../images/gradient-grey.jpg) top left repeat-x;
padding:10px;}
#right{
float:right;
width:29%;
}
#right h3{
text-transform:uppercase;
color:#748241;
font-size:1.1em;
background:url(../images/h3bg-right.png) top right no-repeat;
}
#user5678{
background:url(../images/gradient-grey.jpg) top left repeat-x;
padding-top:10px;
}
#user5678 h3{
font-size:1em;
color:#374b6f;
background:url(../images/downarrow.gif) center right no-repeat;
}
#user5, #user6, #user7, #user8{
float:left;
width:49.9%;
}
#footer{
padding:10px 0;
}
#footerleft{
float:left;
width:50%;}
#footerright{
float:right;
width:49%;
text-align:right;
}