/*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:1200px;
max-width:1200px;
width:auto !important;
width:1000px;
}

.width_fluid{
min-width:1200px;
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:391px; /* maximum 500px */
height:66px; /* 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:200px;
min-height:200px;
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;
}
.leftcol, .middle, .rightcol{ overflow:hidden;}
.leftcol, .rightcol{
width:205px;
}
.leftcol{
float:left;
margin-left:-100%;}

.rightcol{
float:left;
margin-left:-205px;}

.leftcol .bgbottom, .rightcol .bgbottom{
background:url(../images/sidebg-b.png) bottom right no-repeat;
padding:1px 1px 50px 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;
}
.component
.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) 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 .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:.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 {
    position:relative;        /* establish a menu-relative positioning context */
    float:left;                                     /* play nicely with others */
    margin:0;
    padding:0;
    border:0;
    height:px;                                  /* the menu's overall height */
    width:100%;         /* we always want our menu to fill the available space */
    background:transparent;
    font-family: Verdana, Arial, Helvetica, sans-serif
    font-size:14px;         /* this (and also below) sets the menu's font size */
  
}

#user3 img {
    vertical-align: top;      /* prevent images from being pushed down by text */
}

#user3 ul {
    padding:0;
    margin:0;
    border:0;
    list-style-type:none;          /* we don't want to view the list as a list */
    line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

#user3 li {
    float:left;    /* this creates the side-by-side array of top-level buttons */
    position:relative;    /* create local positioning contexts for each button */
    margin:0;
}

#user3 ul li table {
    margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
    m\argin:0;               /* re-zero the table margins for everyone but IE5 */
    border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
    font-size:14px;        /* this sets the base font size for our entire menu */
}

.drop {
    display:block;
    padding:0px 0.33em;           /* this sets the l/r margins for our menu item */
    margin:0;
    text-align:right;   /* this right alignment goes with the float:left below */
    cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
    cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
    float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
    position:relative;  /* establish a local positioning context for YAH label */
    float:right;                  /* and right-align it at the top of our page */
}

#research {            /* this rightmost "Research" button must be positioned */
    position:absolute;       /* absolutely so that the YAH (you are here) text */
    top:0px;               /* label will slide underneath it under Opera v8.54 */
    left:364px;    /* which has a z-order sequencing bug with abs-pos elements */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

#user3 ul li ul {
    display:none;                  /* initially hide the entire list hierarchy */
    padding:1px;
                                /* this is our box border width */
}

#user3 ul li a,
#user3 ul li a:visited {                    /* unselected top-level menu items */
    display:block;
    float:left; 
    padding-left:7px;
    padding-right:7px;
    color:#d8d8d8;
    text-decoration:none;
    height:px;
    background:url(../images/topmenu-vline.jpg) no-repeat;
    background-position:0px 1px;
}

#user3 ul li:hover a,
#user3 ul li a:hover {                        /* selected top-level menu items */
       color:#d8d8d8;
       background: transparent url(../images/orange/topmenu-bg.jpg) repeat-x;
       background-position:0px 1px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

#user3 ul li:hover ul,
#user3 ul li a:hover ul {                           /* 2nd level drop-down box */
    display:block;
    text-align:left;
    position:absolute;
    margin:0;
    top:17px;              /* place us just up underneath the top-level images */
    left:-1px;       /* left-align our drop-down to the previous button border */
    height:auto;      /* the drop-down height will be determiend by line count */
    width:11.5em;
    color:d8d8d8;                        /* this sets the unselected-text color */
    background:transparent;         /* this sets our menu's effective "border" color */
}

#user3 ul li:hover ul.leftbutton,
#user3 ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
    left:0px;
}

#user3 ul li:hover ul.skinny,
#user3 ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
    width:11.5em;   /* with a 12px default font, this is 97px width (97/12) */
}

#user3 ul.rightmenu li:hover ul,
#user3 ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
    left:auto;
    right:0;         /* nudge the right menu right to line up under the border */
}

* html #user3 ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
    right:-1px;
}

#user3 ul li:hover ul li a,
#user3 ul li a:hover ul li a {                   /* 2nd level unselected items */
    border:0;
    margin:0;
    padding:10;
    height:auto;
    color:#d8d8d8;               /* this sets the unselected drop-down text color */
    background:transparent;       /* this sets the drop-down menu background color */
    width:11.5em;
}

#user3 ul li:hover ul li:hover a,
#user3 ul li a:hover ul li a:hover {                /* 2nd level selected item */
    color:#d8d8d8;
    background: transparent url(../images/orange/topmenu-bg.jpg) repeat-x;
    background-position:0px 1px;
}

#user3 ul li:hover ul.skinny li a,
#user3 ul li a:hover ul.skinny li a,
#user3 ul li:hover ul.skinny li a:hover,
#user3 ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
    width:8.08333em;
}



#text {           /* the Mac's standard Safari browser will not see this code */
    height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */
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;
}

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