/*layout CSS */
body {
text-align:center; /*center hack*/
min-width:780px;
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:780px;
/* min-width:910px; */
max-width:97%;
width:auto!important;
width:97%;
}

.widthwrapper2{
margin:0 auto; /*center hack*/
text-align:left; /*center hack*/
max-width:1100px;
width:auto!important;
}

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

#header{
margin-top:10px;
background:#2f2f2f url(headerbg_m.jpg) top left repeat-x;
color:#fff;
}

#header .bgbl{
/* border: 1px double rgb(250,0,255); */
/* background:url(headerbg_bl.jpg) no-repeat; 
background-position:15px 100%; */
height:auto!important;
height:10px;
min-height:130px;


/*height:120px;
min-height:120px; */
/* padding:0px 24px 26px 24px; */
/* width:100%; */

padding:0px 15px 0px 15px;
position:relative;
}

#backgpicbox{
/* background:url(headerbg_bl.jpg) repeat-x; */
background:url(bg-4.jpg) repeat-x;
background-position:0px 100%;
display:block;
position:relative;
height:131px;
/* border: 1px double rgb(0,0,255); */
padding:0px 0px 20px 0px;
}

#headtable {
display:block;
position:absolute;
/* left:10px; */
bottom:15px;
/*right:8px;*/
width:100%;
height:120px;
padding:0px 0px 0px 0px;
top:36px;
}


#user3{
display:block;
position:relative;
height:40px;

}
#user3 .moduletables
{
margin:0;

}

#doelogobox {
background:url(DoE.png) no-repeat;
height:98px;
width:350px;
position: absolute;
top:0px;
left:12px;
}

#doelogobox span {
position: absolute;
left:-2000px;
}

#sunlogobox {
background:url(uslogo.svg) no-repeat;
background-size:contain;
background-position: center; 
height:66px;
width:210px;
position: absolute;
top:10px;
right:12px;
bottom:10px;
}

#sunlogobox span {
/* border:1px double rgb(255,255,0); */
position: absolute;
left:-2000px;
}

#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;
padding-left:38px;
color:#000;
z-index:1000;
/* border:1px double rgb(255,0,0); */
background:url(user4bg-l.png) top left no-repeat;
}

.user4bgl {
width:26px;
position:absolute;
left:0;
bottom:0;
/* border:1px double rgb(0,0,255); */
z-index:1000;
}


#user4 .bgright4{
background:url(user4bg-r.gif) top right no-repeat;
padding-right:18px;
}

#user4 .bg4{
/* border:1px double rgb(0,255,0); */

background:url(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(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(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{
/* display:none; */  /* MOD FOR LOWRES */
float:left;
margin-left:-205px;
}

.rightcol#rightleftonly {
 display: none;
}

.leftcol .bgbottom, .rightcol .bgbottom, .leftcol .narrowonlybgbottom {
/* background:rgb(255,255,255) bottom right no-repeat; */
/* VERY OLD  background:#fff url(containerbg_m.png) top left repeat-x; */
background:white url(sidebg-b.png) bottom right no-repeat;
padding:1px 1px 50px 1px;
}

.narrowonlybgbottom {
  display: none; 
}

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

.middle{
/* background:#fff url(middlebg-l.jpg) top left no-repeat; */
/* padding-left:7px; */
padding-left:7px;
padding-right:7px;

}
#middlenarrow{
 margin:0 209px;} /* margin:0 0 0 209px;} */   /* MOD FOR LOWRES */

#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;
/*background:#fff url(middlebg-r.jpg) top right no-repeat; */
padding:5px 10px 16px 5px;
min-height:400px;
height:auto!important;
height:400px;
}

.middle h1, .middle .componentheading{
background:url(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;
}

/* .middle a{
color:#f00;
} */

#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(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(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:12px;
}

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

#footer .footerright{
vertical-align:middle;
float:right;
padding-right:12px;
}

#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:82%;
/* 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;
color: black;
}
h2,.contentheading{
font-size:1.4em;
font-weight:bold;
font-family:Helvetica, Arial, sans-serif;
letter-spacing:-0.02em;
margin-top:2px;
color: black;
}
h3{
font-size:1.2em;
font-weight:bold;
color: black;
}
h4{
font-size:1.1em;
font-weight:bold;
color: black;
}
h5{
font-size:1.1em;
font-weight:bold;
color: black;
}
h6{
font-size:1em;
font-weight:bold;
color: black;
}
#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:0.9em Arial,Helvetica,sans-serif;
}
.moduletable, .moduletable_menu, .moduletable_text{
font-size:95%;
margin-bottom:0.5em;
padding:0 8px; /*padding for inside text*/ 
padding-right: 1px;

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

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

.moduletable_menu h3{
/* border-bottom:#eee 1px solid;  */
margin-bottom:1px;
padding-bottom:0px;
}

.clear{
clear:both;
}

/*search */


.search{
background:url(searchbg.png) top left no-repeat;
border:0;
height:20px;
width:182px;
padding-left:5px;
padding-right:5px;
}

.search input{/* the input textarea box */
background:transparent;
font-size:11px;
width:145px;
border:0;
}
.search #mod_search_searchword{
padding:2px 0 0 5px;
}

.search input{
}

/*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:7px 10px 7px 10px;
float:right;
/* background:url(topmenu-vline.jpg) no-repeat; */
background-position:0px 2px;
}
#user3 ul li a:hover{
text-decoration:none;
}

ul.menu {
font-size:95%;
margin-top:0px;
padding-top:0px;
border-bottom:#eee 1px solid;
border-top:#eee 1px solid;
}

ul.menu li{
margin:0px;
padding:0px;
}

ul.menu a, a.mainlevel{
font-size:1.1em;
color:#2a2929;
font-weight:bold;
display:block;
/* background:url(arrow_mainlevel.png) no-repeat; */
/* background-position:3px 9px; */
/* border-bottom:#eee 1px solid; */
padding:3px 4px 3px 16px;
/* padding:0px; */
margin-right:13px;
margin-top:0px; 
margin-bottom:0px;

/* padding-top:0px; */
}
ul.menu a:hover, a.mainlevel:hover{
text-decoration:underline;
}

li#current a, a#active_menu.mainlevel{
font-weight:bold;
/* border:1px solid rgb(200,0,0); */
}

li#current li a{
 text-indent: 20px;
color:#2a2929;
font-weight:normal; 
/* text-indent: 20px; */
/* background:url(arrow_sub.png) no-repeat; */
/* background-position:4px 10px; */
border:none;
/* border:1px solid rgb(200,0,0); */
padding-top:0px;
padding-bottom:0px;
/* border-bottom:#eee 1px solid; */
} 

li#current li#actsub a{
/* border:none; */
color:#900;
}

li#current ul{
   margin:0px;
   padding:0px;
}


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, .creatednate, .modifydate{
padding-left:1px;
margin-top:-0.8em;
margin-bottom:0px;
padding-bottom:0px;
}

.articleauthor{
background:url(icon_author.gif) top left no-repeat;
}

.createdate{
/* background:url(icon_date.gif) top left no-repeat; */
display:block;
padding-bottom:1em;
}

.modifydate{
background:url(icon_updated.gif) top left no-repeat;
padding-bottom:1em;
}

div.banneritem_text{
padding:0.5em 0;
background:url(dotted.gif) bottom left repeat-x;
}

.article_column {
	padding-right: 5px;
}

._separator {
	background:url(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; }



div .messagemarginbox {
  padding:3px 3px 3px 30px;
}

div .message  {
  border:1px solid rgb(0,0,100);
  margin:0px;
 padding:0px 5px 0px 5px;
/* width:100%; */
/* height:auto; */
/* height:48px; */
}

div .message TD {
padding:0px 10px 0px 0px;
margin:0px;
}


div .message img {
vertical-align:middle;
float:left;
margin:2px 10px 2px 5px;
/* width:48px; */
display:inline;
}

div.messagtext {
/* border:1px solid; */
/* vertical-align=middle; */
 font-weight: bold;
/* width:100%; */
/* position:absolute;
 right:0px;
 left:70px; 
 right:4px;
 top:4px;
 bottom:4px; */
}

div.article_separator {
clear: both;
/* border:1px solid rgb(255,50,50); */
}

div.editmodemodule1 {
  border:1px solid rgb(255,50,50);
  background: rgb(255,200,200);
  margin:2px;
}

div.editbuttonbox1 {
width: 100%;
clear: both;
overflow: hidden;
   padding: -1px;
   background: rgb(255,50,50);
   text-align: right;
   color: rgb(255,255,255);
}

div.editbuttonbox1 A {
color: rgb(255,255,255);
}

div.editmodemodule2 {
  border:1px solid rgb(50,50,255);
  background: rgb(200,200,255);
  margin:2px;
}

div.editbuttonbox2 {
width: 100%; 
clear: both; 
padding: -1px;
background: rgb(50,50,255);
   text-align: right;
   color: rgb(255,255,255);
}

div.editbuttonbox2 A {
color: rgb(255,255,255);
}

div.editmodemodule10 {
  border:1px solid rgb(100,100,100);
  background: rgb(255,200,200);
  margin:2px;
}

div.editbuttonbox10 {
width: 100%; 
clear: both; 
padding: -1px;
   background: rgb(100,100,100);
   text-align: right;
   color: rgb(255,255,255);
}

div.editbuttonbox10 A {
color: rgb(255,255,255);
}

input.small_chk1 {
   vertical-align:middle;
}

div#user7 {
   position: relative;
   width: 100%;
   overflow: hidden;
   padding: 0px;
}

div#user7 img {
   border: 1px solid rgb(0,0,0);
   margin: 4px;
}

div#user7 img.cimgleft {
   margin-left: 1px;
}

div#user7 img.cimgright {
   margin-right: 1px;
}

div#user7 p.chead1{
font-size:1.1em;
font-weight:bold;
   margin-top: 0.8em;
   margin-bottom: 0.6em;
   color: black;
}
div#user7 p.chead2{
font-size:1em;
font-style: italic;
font-weight:bold;
   margin-top: 0.8em;
   margin-bottom: 0.6em;
   color: black;
}

div#user7 p {
  margin-bottom: 0.7em;
}

p.contentheading a {
   color:#000;
}

p.contentheading a:hover {
   color:#900;
}


#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

div#user7 p {
color: rgb(40,40,40)
}

div#user7 p.contentheading {
   color: black;
}

a.nolink:link, a.nolink:visited {
   text-decoration: none;
   font-weight: normal;
   cursor: help;
   color: black;
}

fieldset#imagepane p {
   margin-left: 5px;
   margin-top: 0px;
   margin-bottom: 2px;
}

fieldset#attachpane p {
   margin-left: 5px;
   margin-top: 0px;
   margin-bottom: 2px;
}

fieldset div.fssep {
   clear: both; height: 5px; overflow: hidden;
}

div.commentbox {
   border-top: 1px solid rgb(220,220,255);
   border-left: 2px solid rgb(190,190,230);
   border-bottom: none;
   border-right: none;
   padding-left: 4px;
   margin: 0px;
   position: relative;
}

p.commenttitle {
   font-weight: bold;
   margin-top: 0em;
   margin-bottom: 0em;
   padding-bottom: 0em;
   padding-top: 0em;
}

p.commentpara {
   margin-top: 0em;
   margin-bottom: 0em;
   padding-bottom: 0em;
   padding-top: 0em;
}

div.commentauthorline {
   float: right;
   text-align: right;
   color: rgb(140,140,140);
   font-size: 86%;
   margin-top: 5px;
   margin-left: 2px;
   margin-right: 2px;
   margin-bottom: 2px;
}

div.commentclear {
   clear: both; height: 0px; overflow: hidden; margin: 0px; padding: 0px;
}

div.commentsep {
   clear: both; height: 0.6em; overflow: hidden; margin: 0px; padding: 0px;
}

div#user7 ul {
   margin: 0em 1em;
}
div#user7 ul li {
   margin: 0em 1em;
   padding: 0em 0em;
   list-style: disc;
}

div#user7 ol {
   margin: 0em 1em;
}
div#user7 ol li {
   margin: 0em 1em;
   padding: 0em 0em;
   list-style: decimal;
}
div#user7 ol li li {
   list-style: lower-alpha;
}

div#user7 p.freelist {
   margin: 0em 0em;
   padding: 0em 0em;
}

div#user7 table p, div#user7 table td p, div#user7 table img {
  margin: 0em 0em;
  padding: 0em 0em;
  font-size: 90%;
}

table.stafftable {
   border: 0px;
   margin: 0px;
   padding: 0px;
/*    border-top:  1px solid #999; */
   border-bottom:  1px solid #999;
   width: 99%;
}
table.stafftable td {
   padding: 15px;
   width: auto;
   vertical-align: top;
}

table.stafftable td.staffpic {
   width: 75px;
}