/* CSS Document */
html { height:100%; padding:0; margin:0;}

body {
  background:#A6DFE4 url("../images/background/body-bg.gif") repeat-x;
  font-family: Verdana, Tahoma, sans-serif;
  margin:0 auto; padding:0;
  font-style:normal; font-size:0.8em;
  line-height:1em; color:#727272;
  text-align:center;
}
.clr, #clr { clear: both; }
h3, h2, h1 { font-size:1.2em; line-height:1em; font-family: Arial, sans-serif;}

/* ---------------------- Containers ----------------------------- */
#container {
  background:#fff;
  margin:0 auto; padding:0;
  text-align:left; width:930px; }
#main-container { margin:10px 5px; padding:0;  }

/* --------------------------- Top Navigation Containers ----------------- */
#top-container { border-bottom: 8px #A7E0E5 solid;}
#top-nav-container {
  width:100%; height:32px;
  background: url(../images/top/top-nav-bg.gif) top left;
}
#top-nav-container div.moduletable-topmenu {  width:700px; float:left;  }

#top-nav-container div.moduletable-search { padding:4px 5px; position:relative; float:right;}

#logo { width:235px; margin:0; float:left }

div.moduletable-home { float:left; width:695px; padding:0; margin:0; }

/* --------------------------- Search Box Layout ----------------------- */
.inputbox-search { font-size: 0.9em; padding: 1px 2px; }
.button-search {
  color: #D40000; text-align: center; font-size: 0.85em;
  width: auto; background: none; border:0; cursor:pointer;
  height: 24px !important;
  height: 22px; font-family: Tahoma, Arial, sans-serif;
}
/* ------------------ Main Navigation Layout ----------------- */
div#top-nav-container div.moduletable-topmenu {
  margin-left: 10px; text-transform: uppercase;
  font-family: Arial, sans-serif; font-size: 0.85em;
}
div.moduletable-topmenu ul.mainlevel-hor li  {
  background: url(../images/top/blue-bullet.gif) no-repeat 0 14px;
}
/* -------------------- Homepage Containers ----------------------  */
div.newsColumn { float:left; height:490px; overflow:visible; position:relative; width:509px; }

div.moduletable-latest {
  background:transparent url(../images/background/latest-bg.gif) no-repeat left top;
  width:509px; margin:10px 0 0 5px; padding:0; 
}
div.involve {
  background: url(../images/background/involve-bg.gif) no-repeat top left;
  width:387px; margin:0 auto 10px; padding:0; float:left;
  position:relative; top:10px; left:15px; height:490px;
}
div.moduletable-involve {  padding:0; height:380px; }
div.moduletablepaypal { text-align:center;margin:15px auto; } 
div.moduletablepaypal input { cursor:pointer; }
/* ------------- Left Navigation Containers -----------------  */
#left-container {
  float:left; width:215px; padding:10px; margin:0 auto; text-align:left;
}*html #left-container { margin:10px 5px; padding:0; }

#left-container div.moduletable-leftMenu {
  background:#E7F5F6 url("../images/background/left-container-bg.gif") repeat-x top left;
}
#left-container div.moduletable-leftMenu h3 {
  margin:0; padding:5px; color:#18687F; font-size:1em; line-height:1.1em;
}
div.moduletable-leftMenu ul.mainlevel-ver li a {
  background:url("../images/top/blue-bullet.gif") no-repeat 5px 5px;
}
/* ---------------- Body Containers ----------------------  */
#body-container
{ width:680px; float:right; background:#fff; padding-left:5px; }

#pathway { margin:10px 0 0; width:650px; }
#content {
  width:auto; padding-right:15px; display:block;
  float:left; margin:0;
}
#bottom-container {
  text-align:center; margin: 0 auto; border-top: 8px #A7E0E5 solid; padding:10px;
}
#footer { font-size:0.8em; color:#7E959F; }


/* ---------------- Search Page Layout ---------------------- */
div#searchintro, div#searchpgcount, div#searchresults
{ float:left; width:650px; display:block; font-size:0.9em; margin:5px 0 0 5px; padding:0 }

table.searchtbl {
  width:660px; padding:5px; margin:0; border-bottom: 1px solid #FFBB38;
  font-weight:bold; font-size:0.9em; float:left; display:block;
}
div#searchpgcount select.inputbox, select#search_ordering { font-size:0.9em; color:#727272; }

/* ------------- Latest Module [Home Page Layout] -------------- */
div.flexcontent-latest {
	background:transparent url(../images/background/latest-bg.gif) no-repeat left bottom;
	width:485px; font-size:0.85em; color:#565656; padding:13px 8px 25px 16px;
}
div.moduletable-latest h3 {
  padding:9px 0 10px 15px; margin:0;
  font-size:1.15em; color:#1B8F00;
  text-transform:uppercase;
}
div.moduletable-latest div.flexcontentitem-latest h3
{ margin:0; padding:10px 0 5px; color:#1B8F00; font-size:1.1em; }

.flexcontentitem-latest p { font-size:1em; line-height:1em; }
.flexcontentitem-latest p img {
  margin:0 5px 5px; padding:0;
  border:1px #BEDDB3 solid; float:right;
  height:40px; width:auto;
}
.flexcontentitem-latest .pressdate { color:#FF8A00; }

.flexcontent-latest a, div.flexcontent-latest a:link, div.flexcontent-latest a:visited
{ color:#1B8F00; }
.flexcontent-latest a:hover { color:#67BD53; text-decoration:underline; }

/* --------------------- Be Involved Module -------------------- */
div.flexcontent-involve {
  position:relative; top:45px; left:15px; width:360px; overflow:hidden;
}
div.flexcontentitem-involve {
  background: url(../images/background/involve-item-bg.png) no-repeat top left; 
  padding:10px 16px 15px; margin-bottom:10px;
}
div.moduletable-involve div.flexcontentitem-involve h3 {  margin:0; padding:5px 0; font-size: 0.9em; }
div.moduletable-involve div.flexcontentitem-involve p { font-size:0.85em; margin:8px 0; }

div.flexcontent-involve a, div.flexcontent-involve a:link, div.flexcontent-involve a:visited { color:#0164A2; }
div.flexcontent-involve a:hover { color:#78B4DA; text-decoration:underline;}

/* ---------- Orange Section Blog Layout [ Level 0 ]------------------ */
div#content div.blogleading div.contentitem div.title,
div#content div.contentitem div.title {
  border-bottom: 1px solid #FFBB38; width:630px; padding:5px 10px; margin:10px 0 10px 5px;
  background: url(../images/background/title-bg.gif) repeat-x bottom left;
}*html div#content div.contentitem h1 { width:500px;}

/* New */
h1.contentpagetitle, h1.componentheading, h1.componentheading-login,
h1.componentheading-newsletter, h1.componentheadingfaq {
	background:#fff url(../images/background/title-bg.gif) repeat-x left bottom;
	border-bottom:1px solid #FFBB38;color:#FFA800;
	display:block;  line-height:1em; font-size:1.25em; 
	margin:10px 0; padding:5px 10px 6px;
}
.contentheadingform { font-size:1.05em; font-family:Arial, sans-serif; line-height:1em; color:#FFA800; }
h1.componentheadingsearch { width:650px; }
h2.contentheading { width:85%; }
/* ---------- Print & email Buttons Position ---------*/
div#content div.blog div.contentitem  .buttonheading { top:10px; }
div#content.contactpg .buttonheading {top:-70px;}
div#content div.blog div.blogleading div.contentitem .buttonheading,
div#content div.blog div.blogintro div.contentitem .buttonheading {
  top:-35px
}
div#content div.blog div.blogintro div.contentitem .buttonheading {
  margin-bottom:-35px; top:-30px;
}
.buttonheading { 
	float:right; margin:0 10px 0pt 0pt; width:60px;
	position:relative; text-align:right; top:-35px;
 }
.buttonheading a img { border:none; }
div#content div.blogleading div.contentitem div.title a,
div#content div.contentitem div.title a,
div.contentitem-faq div.title a {
  margin:1px 0;
}

span.editIcon {
  display:block; width:28px; float:right; position:relative; top:-33px;
}
div#content div.blogintro span.editIcon { top:-26px; }
/* --------------- Blue Section Blog Layout [ Level 1 ]------------------ */
div#content div.blogintro div.contentitem div.title {
  border-bottom: 1px dotted #9ED1DC; width:630px; padding:5px 0; margin:5px;
  background:none; color:#727272;
}
div.blogintro h2, div.blogleading h2 {
  display:inline; background:none; margin:0; padding:0; 
  font-size:1em; line-height:1.4em;
}
div.blogintro h2.contentpagetitle {
  display:block; border-bottom:1px dotted #9ED1DC;
  margin:10px 10px 5px;
} 
div.contentitem div.title h2, div.contentitem div.title h1 { width:570px; }

/* --------------------- Faqs in main body -------------------------------- */
.blogfaq .itemblock  {
  background: url(../images/background/close-quotes.gif) no-repeat 580px 0;
  line-height:1.5em; margin:10px 0 5px;
}
.blogfaq .itemblock h2 {
  font-size:0.9em; line-height:1.4em;
  margin:0; padding:10px 0 5px; display:block;
}
div.contentitemfaq .contentintro { padding:0;}
/* ----------------------------- Log In Page -------------------------- */
h1.componentheading-login {
  width:650px; padding:5px; margin:10px 0 10px;
}
.contentpane-login .row label { display:block; width:90px; float:left;}
.contentpane-login .row { padding:5px 0 10px; }
input#com_login_remember { float:left; }
.contentpane-login .row label[for=com_login_remember] {
  width:150px; padding:2px;
}
.contentpane-login .button[name=submit]{ clear:both;}

a.active_menulog { font-size:0.9em; }
ul#login_level0 {text-align:left;}
ul#login_level0 li { text-align:left; display:inline; }
#login_level0 a { color:#fff; }
/* ------ Formatting texts in the body ------ */
div.contentintro, div.contentfull {
  padding:5px 10px 0; width:630px; font-size:0.9em; line-height:1.3em;
}
p { padding:0; margin:0 0 10px; font-size:1em; }
div.contentpane { display:block; float:left;}
.contentpane table td{ font-weight:bold; padding-bottom:10px}
div.contentitem { padding:0 0 10px; margin:0; }

a.readon
{  padding:0 10px; width:200px; position:relative; top:5px;}

/* ------ List in main body ------ */
.contentintro ul, .contentfull ul, #content div.blog_more ul {
  margin: 5px; font-size:0.95em;
}
.contentintro ul li, .contentfull ul li, #content div.blog_more ul li{
  background: url("../images/grey-bullet.png") no-repeat 2px 7px;
  padding:3px 15px;
}
.contentintro ul ul li, .contentfull ul ul li{
  background: url("../images/liteblue-bullet.png") no-repeat 8px 7px;
  padding:4px 15px;
}
.blog_more-newsletter ul {
  margin: 0 10px; font-size:0.95em; float:left;
}

div.blog_more-newsletter ul li{
  background: url("../images/grey-bullet.png") no-repeat 2px 7px;
  padding:3px 15px;
}
/* ------ Tables in main body ------ */
.contentfull table.figures td{
  border:1px #cdcdcd solid; font-size:0.9em; padding:1px 5px;
}
.contentfull li em{ font-size:0.95em; }

table.contentpaneopen {
  width:670px; padding:5px; margin:0; border-bottom: 1px solid #FFBB38;
  background: url(../images/background/title-bg.gif) repeat-x; color:#FFA800;
  font-weight:bold; font-size:1.3em; 
} 

/* ------ Forms in main body ------ */
.formcontent { font-size:0.9em; font-weight:bold; }
.formhelp { font-size:0.85em; color:#ccc;}

/* ------------------------ Contact List -------------------------------- */
#content.contactpg .contentpane {
  width:650px; padding-left:10px;
  font-size:0.85em; line-height:1.2em;
}
.marker_address, .marker_telephone, .marker_misc {
  float:left; padding-right:15px;
}
.marker_address { height:5em; }
.marker_misc { height:3em; }
.email_desc { font-weight:bold; }

.contact_email, .email_desc { font-size:1.1em;}
.contact_email .row label {
  display:block; line-height:1.5em; padding-top:10px;
}

td.contentheadingcontact
{ font-weight:bold; padding:0; font-size:1em; margin:0; background:none; color:#727272; }
.contactdiv table { margin:5px 0; }
.contacttable td
  { font-weight:normal; font-size:0.85em; line-height:1.2em; padding:0; border:none; }
*html .contacttable td {font-size:70%;}
table.contacttable td img{ margin-left:10px; }
span.email-des { display:block; font-weight:bold; margin:5px 10px; }
div#content div.message { visibility:hidden; }
div#content div#msg
{ display:block; float:left; position:relative; top:30px; left:30px; height:50px; }

div.contact_emailcontact { display:block; margin:5px 10px; }
div.contact_emailcontact input.inputbox { font-size:1em; padding:1px 2px 0; }
div.contact_emailcontact label { font-size:0.85em; line-height:1.4em;}
div.contact_emailcontact textarea
  { font-size:0.9em; font-family: Verdana, sans-serif; color:#727272; padding:2px; }

/* ------------------------- In the News ------------------------------------------- */
div.contentintro p.news-left img { width:auto; height:auto; float:left; margin:0 0 10px;}
div.contentintro p.news-left { font-size:0.9em; margin:0 0 10px; }
div.contentintro p.news-right { top:10px; margin:5px 0; padding:5px 0; float:left;}
.credentials { 
	clear:both; font-size:0.85em; 
	padding:0 0 5px 10px; color: #1777A8; font-weight:bold;
}

/*  ------ Site Map ------------  */
div.sitemap { width:640px; }
div.sitemap .contentpaneopen {
  margin:0 0 0 20px; background:none;float:left; padding:0;
}
.sitemap ul.level_0, .sitemap ul.level_0 ul { font-size:0.95em; list-style:none; }
.sitemap ul.level_0 li a { line-height:1.7em; }

.sitemap ul.level_1 li a { font-size:0.9em; line-height:1.5em; color:#666;}
.sitemap ul.level_1 li {
  padding: 0 0 0 20px;
  background:transparent url(../images/grey-bullet.png) no-repeat scroll 5px 5px;
}
/*  ------ Pagination ------------  */
div#content div.blogpagination
{ text-align:center; display:block; clear:both; position:relative; width:640px; }

div#content div.blogpaginationcounter
{ text-align:center; float:left; width:640px; margin:5px 0;font-size:0.8em; }

/* ----- Joomla core stuff ------ */
.button, .pagenav {
  font-family: Geneva, Arial, sans-serif; cursor:pointer;
  color: #FFA800; text-align: center; font-weight:bold;
  background:transparent url(../images/button_bg.png) repeat-x;
  border: 3px double #CCC; width: auto; font-size:0.85em;
  text-transform: uppercase; padding: 1px 3px; line-height:1.2em;
  height: 24px !important; height:24px; 
}
.pagenav { line-height:24px; font-size:0.8em; }
input.inputbox { padding:2px 3px 0; font-size:1em; line-height:0.9em; color:#6A6A6A; }
span.pathway, a.readon { font-size:0.9em; color:#F37E00;}
a.pathway:link, a.pathway:visited { color:#4F4F4F; }
a.pathway:hover { color:#909090; }

a:link, a:visited, a.active {
  color: #2AB2BA; text-decoration: none; font-weight: bold;
}
a img { border:none; }
a:hover { color: #A7E3E7;  }
ul { list-style:none; padding: 0; margin: 0; }
.title img { margin:0; }

/** old stuff **/
.back_button {
  float:left; text-align:center; font-size:11px;
  font-weight: bold; border: 3px double #ccc;
  width: auto; background: url(../images/button_bg.png) repeat-x;
  padding: 0 10px; line-height: 20px; margin: 1px;
}
form { margin: 0; padding: 0; }
div.mosimage { border: 1px solid #ccc; }
.mosimage { border: 1px solid #ccc; margin: 5px; }
span.article_seperator { display: block; height: 1.5em; }

/* ------------------------- PRINT / EMAIL ----------------------------*/
body.contentpane
{ background:#fff; width:650px; padding:10px; margin:0 auto; font-size:0.9em; }
.emailform, body.contentpane .contentitem { text-align:left;  }

.emailform h1, .emailform .contentitem .title h1
{ width:650px; padding:10px 5px; margin:0; font-size:1.2em; border-bottom:1px solid #FFBB38;}

.contentpane .contentitem .title h1 { width:650px; padding:10px 5px; margin:0; font-size:1.2em; border-bottom:1px solid #FFBB38;}

.emailform form { margin:10px;}
.emailform .row label { color:#727272; line-height:1.2em; font-size:0.9em; }
.formelm { margin:0 0 10px; }
.emailform .contentitem .title a,
body.contentpane .contentitem .title a { float:right; padding:5px;}
.emailform .contentintro { margin:10px 0; }