fieldset
{padding:10;border:1 solid #4dd44d;background-color:#ffffff}
/* -----------------------------------------------------------------------------------------
  TYPE SELECTOR RULES
  --------------------------------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}
.picturebox
{border-left: #ffffff 5 solid;float:right;margin:-55 0 10 10;font-size:0.8em;font-family:verdana;width:299;padding:5;background-color:#d4d4d4}

a:link.home{color:#ffffff;text-decoration:none}
a:visited.home{color:#ffffff;text-decoration:none}
a:hover.home{color:#ffffff;text-decoration:underline}

.indent
{margin-top:10px;margin-left:15px;}
a:link {
  color: #000099;
}
a:visited {
  color: #4C52D0;
}
a:hover, a:active {
  color: #4C52D0;text-decoration:none;
}
acronym {
  cursor: help;
}
blockquote {
  font-size: 85%;
  line-height: 1.5em;
  padding: 1em 2em 0 2em;
}
blockquote p {
  font-size: 100%;
}
body {
  background: white url(../images/bg-nav.gif) repeat-y 0 0;
  font: 85%/1.4em normal verdana, arial, Verdana, Geneva, sans-serif;
}

.innerlinks
{padding:0.4em;margin-top:0.4em;margin-bottom:0.4em;font-size:85%}
label{float:left;text-align:right;width:110px;padding-right:5px;font-size:85%;}
.block{margin-bottom:1em;}
/* Overrides right margin space
--------------------------------------------------------- */
body.fullwidth #maincontent {
  margin-right: 1em !important;
}

h1, h2, h3, h4, h5 {font-family:arial;
  margin: 5px 0px 15px 0px;
  padding: 0px;letter-spacing:-0.1em;
}  
h1 {
  color: #121212;
  font-size: 26px; 
  font-family:arial, Geneva, sans-serif;
  font-weight: normal;
  padding: 0em 0.4em 0.5em 0;
}
hr{display:none}
h2 {
  color: #524353;
  font-size: 150%;font-weight:normal;
  line-height: 1.2em;
  padding: 1em 0.4em 0 0;
}
h3 {
  background-color: #5A396B;
  color: #ffffff;
  font: 130%/1.4em arial, Geneva, sans-serif;
  font-weight: bold;
  margin-top: 1em;letter-spacing:0em;
  padding: 3px;
}
h4 {
  background-color: transparent;
  color: #347c4e;
  font: 110%/1.4em arial, Geneva, sans-serif;
  font-weight: bold;
  padding: 1em 0.4em 0 0;
}
img {
  border: 0;
}
input {
  font-size: 100%;
}
input.search {
  font-size: 120%;
  padding: 0 2px;
}
p {
  font-size: 95%;
  line-height: 1.5em;
  padding: 1em 0.4em 0 0;
}

.external {
  background: url(../images/ico-external.gif) 100% 65% no-repeat;
  padding-right: 12px;
  text-decoration: none;
}

.pdf {
  background: url(../images/pdf.gif) 100% 65% no-repeat;
  padding-right: 15px;
  text-decoration: none;
}

.popup {
  background: url(../images/ico-popup.gif) 100% 65% no-repeat;
  padding-right: 12px;
  font-size: 100%;
  text-decoration: none;
}

.mailto {
  background: url(../images/ico-mailto.gif) 100% 65% no-repeat;
  padding-right: 12px;
  font-size: 100%;
  text-decoration: none;
}

table { clear: all;
  border-collapse: collapse;
  border: 0;
  font-size: 85%;
  padding: 0;
  margin: 1em 0 1em 0;
}
td
{padding:5px;vertical-align:top;background: #fff;font-size:105%}

th
{padding:5px;
background: url(../images/bg-th.gif) repeat-x #FFD600}
.bold
{font-size:130%;font-weight: bold;color: #653366;font-family: arial}
/* Footer
--------------------------------------------------------- */
#footer {
  border-top: 1px solid #ccc;
  clear: both;
  font-size: 90%;
  margin: 4em 0 2em 0;
  padding-top: 0.5em;
  text-align: center;
}
#footer p {
  line-height: 1.3em;
  margin-bottom: 0.5em;
  padding: 0;
}


/* Controls standard nav and search form
--------------------------------------------------------- */
#global {
  background: #663366 url(../images/bg-global.gif) repeat-x 180px 2px;
  font-size: 90%;
  height: 15px;
  margin-left: 400;
  padding: 0 0 0.5em 0.5em;
  position: relative;
}
#global a,
#global a:link,
#global a:visited {
  background-color: transparent;
  color: #336;
  text-decoration: none;
}
#global a:hover {
  color: blue;
  text-decoration: underline;
}

#global ul {
  float: right;margin-right:10;
}
#global li {
  background: #663366 url(../images/bg-button.gif) no-repeat 0 50%;
  color: #182d48;
  float: left;
  height: 17px;
  list-style-type: none;
  margin: 0 5px 0 0;
  text-align: center;
  width: 105px;
}


/* Controls accessibility links and  headings
--------------------------------------------------------- */
#header {
  background-color: #fefefe;
  font: normal 85% verdana, arial, helvetica, sans-serif;
  height: 80px;
  width: 100%;
  background: url(../images/sub_banner1.jpg) right repeat-x #663366;
 
}

/* layout of boxed columns on home page
--------------------------------------------------------- */

 /* Wraps all boxes */
.featurebox-container {vertical-align:top;
  clear: both;
  width: 97%;font-family:verdana;
}
 /* Wraps left column */
.featurebox-left {vertical-align:top;
  float: left;
  width: 46%;
}
 /* Wraps right column */
.featurebox-right {vertical-align:top;
  margin-left: 48%;
}



 /* Wraps featurebox body */

.feature-link {
  background: #fed603 url(../images/alert.gif) no-repeat 5px 0.6em; 
  margin: 15px 0 15px 0;
}
p.feature-link {
  line-height: 1.1em;
  font-size: 85%;
  font-weight: bold;
  padding: 10px 10px 10px 30px;
}
p.feature-link a:link,
p.feature-link a:visited {
    text-decoration: underline;
}
p.feature-link a:hover, a:active {
  text-decoration: none;
}



/* layout of floating pullquote style box
--------------------------------------------------------- */
blockquote {
  background-color: #dcefbe;
  border: 1px solid #347c4e;
  width: 33%;
  float: right;
  font-size: 110%;
  margin: 0.5em 1em 0.5em 0.5em;
  padding: 0.1em 0.5em 1em 0.5em;
}


#title {
margin:5;width:100%;

}  
#title h1 {
  background: transparent;
  color: #fff;
  font-family:  arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2em;
  margin-right: 20px;
  padding: 0 0 0 0;
  text-align: right;
}
#title h2 {
  background: transparent;
  color:#CDC2CE;
  font-family:  arial, Helvetica, sans-serif;
  font-size: 150%;font-style:italic;
  font-weight: bold;
  line-height: 1.4em;
  margin-right: 20px;
  padding-right: 0;
  padding-top: 0;
  text-align: right;
}


/* Descendant selector rules for main content area
--------------------------------------------------------- */
.section
{margin-bottom:13px}

#maincontent {
  height: 100%;
  margin: 0 0 0 180px; /* resolution layout change */
  padding: 0;
  padding-bottom: 2em;
  overflow: auto;
  /* removed right-margin 204, added overflow hidden to fix moz whitespace bug */
}
#maincontent ol {
  padding: 0.5em 0 0 3em;
}
#maincontent ol li {
  font-size: 100%;
  line-height: 1.5em;
  padding: 0 0 0.5em 0;
}
#maincontent ol ol {
  padding: 0.5em 0 0 2em;
}
#maincontent ol ol li {
  font-size: 100%;
  padding: 0.2em 0 0.2em 0;
}
#maincontent ol ul {
  padding: 0.5em 0 0 0.5em;
}
#maincontent ol ul li {
  background: url(../images/bullet.gif) no-repeat 0 0.9em; 
  font-size: 100%;
  padding: 0.2em 0 0.2em 15px;
}
#maincontent ol.lower-alpha li {
  list-style-type: lower-alpha;
}
#maincontent ul {
  list-style-type: none;
  padding: 0.5em 0 0 1em;
}
#maincontent ul li {
  background: url(../images/bullet.gif) no-repeat 0 0.6em; 
  font-size: 100%;
  line-height: 1.5em;
  padding: 0 0 0.5em 15px;
}
#maincontent ul ol {
  padding: 0.5em 0 0 3em;
}
#maincontent ul ol li {
  background: none; 
  font-size: 100%;
  padding: 0.2em 0 0.2em 0;
}
#maincontent ul ul {
  padding: 0.5em 0 0 1.5em;
}
#maincontent ul ul li {
  background: url(../images/bullet.gif) no-repeat 0 0.8em; 
  font-size: 100%;
  padding: 0.2em 0 0.2em 15px;
}


#maincontent ul.horizontal {
 background-image:url('images/bg-fieldset.gif');
  margin:10px ;
  list-style-type: none;
  width: 97%;font-weight:bold;font-size:110%;
 border: 1px solid #FFC608;
}
#maincontent ul.horizontal li { 
  background: url(../images/bg-moreinfo.gif) no-repeat;
  display: inline;
  float: left;
  padding: 5px 5px 5px 22px;
}



/* Graphical 'download' LI icons
--------------------------------------------------------- */
ul.pdf {
  background-image: none !important;
  margin: 0 0 0 2em !important;
}
ul.pdf li {
  background: url(/includes/images/ico-pdf.gif) no-repeat 0 0.4em !important; 
  list-style-type: none !important;
  line-height: 19px !important;
  padding: 0.2em 0 0.2em 22px !important;
  margin: 0 10px 0 -40px !important;
}
ul.pdf li.none {
  background: url(../images/bullet.gif) no-repeat 6px 0.9em !important; 
}






/* General class rules
--------------------------------------------------------- */
.clear {
  clear: both;
}

.important {
  font-weight: bold;
  color: red;
}

.moreinfo {
  background: #f7fbf2 url(/includes/images/bg-highlight.gif) repeat-x 0 0;
  border: 1px solid #c3e199;
  padding: 0.5em;
  margin: 0.5em 1em 0.5em 0;
  
}
.moreinfo ul {
  padding: 5px;
}
.moreinfo li {
  background: transparent url(../images/bg-moreinfo.gif) no-repeat 0 0.4em !important; 
  padding: 5px 0 5px 26px !important;float:left;
}





/* Controls blocks of links to related pages or anchors
--------------------------------------------------------- */
#pagenav, 
#sectionnav {
  background-color: #f7f7f0;
  border: 1px solid #c6c8a7;
  padding: 0 0.25em 0.25em 0.25em;
  margin: 0.5em 0.5em 0.75em 0;
}
#pagenav a:link, 
#sectionnav a:link {
  background-color: transparent;
  color: #039;
}
#pagenav a:visited, 
#sectionnav a:visited {
  background-color: transparent;
  color: #039;
}
#pagenav a:hover, 
#sectionnav a:hover,
#pagenav a:active, 
#sectionnav a:active {
  color: black;
}
#pagenav h2, 
#sectionnav h2 {
  border: 0;
  color: #369;
  font-size: 100%;
  padding: 0.5em 0 0.25em 0.25em;
  margin: 0;
}
#pagenav ul, 
#sectionnav ul {
  padding: 0;
  margin: 0 0 0.5em 0.25em;
}
#pagenav ul li {
  background: url(/includes/images/ico-down.gif) no-repeat 0 6px; 
  list-style-type: none;
  padding: 0.2em 0 0.2em 1.5em;
}
#sectionnav li.top {
  background: url(/includes/images/ico-up.gif) no-repeat 0 6px; 
  font-weight: bold;
}
#sectionnav ul ul {
  padding: 0;
}
#sectionnav ul ul li {
  padding: 0.1em 0 0.1em 1em;
}
#sectionnav ul li {
  background: url(/includes/images/ico-next.gif) no-repeat 0 6px; 
  list-style-type: none;
  padding: 0.2em 0 0.2em 1.5em;
}


/* Left 


Requires 4 colour variations of a chosen hue:
1 darkest (hover on flyouts, same as bg-nav right border)
1 darker (border-bottom colour for 3D effect)
1 medium (for level 1 and 2 backgrounds - ensure sufficient text contrast)
1 light  (for level 3 to 7 backgrounds - slightly lighter than medium)

--------------------------------------------------------- */
#navigation {
  font: 90%/1.4em verdana, arial, Geneva, sans-serif;
  left: 0;
  position: absolute;
  top: 75px;
  width: 170px;
  z-index: 5;
}

/* Generic list behaviour
--------------------------------------------------------- */
#navigation ul {
  list-style-type: none;
  font-family: arial, Helvetica, sans-serif;
}
html #navigation ul li { /* needed for ie */
  display: inline;
}

#navigation ul li a,
#navigation ul li a:link,
#navigation ul li a:visited {
  background-color: #d4d4d4;
  border-bottom: 1px solid #004d28 !important;
  color: white;
  text-decoration: none;
}
#navigation ul li a:hover {
  color: #ffc20f;
  text-decoration: none;
}


/* Controls left nav lists
--------------------------------------------------------- */
#navigation li.level1 a,
#navigation li.level1 a:link,
#navigation li.level1 a:visited {
  background: transparent url(../images/bg-nav-heading.gif) no-repeat 0 0;
  border-top: 0;
  color: white;
  font-weight: bold;font-size:110%;
  display: block;
  padding: 0.75em 0 0.75em 7px;
  text-decoration: none;
  width: 163px;
}
#navigation li.level1 a:hover {
  background-color: inherit;
  color: #ffc20f;
  text-decoration: none;
}
#navigation li.level2 a,
#navigation li.level2 a:link,
#navigation li.level2 a:visited {
  background-color: #624472;
  background-image:url(../images/level2_bg.png);
background-repeat:repeat-x;
  border-bottom: 1px solid #003d20;
  border-top: 1px solid #666699;
  font-weight: normal;font-size:110%
  display: block;
  padding: 0.6em 0 0.6em 12px;
  width: 156px;
}

#navigation li.level2 a:hover {
  background-color: inherit;
   text-decoration: none;
}





/* Flyout lists
--------------------------------------------------------- */
#navigation ul.nav-items {
  
  border-bottom: 1px solid #ffc20f;
  border-right: 1px solid #ffc20f;
  border-top: 1px solid #ffc20f;
  list-style-type: none;
  overflow: hidden;
  position: absolute;
  margin-top:25px;
  visibility: hidden;
  width: 190px !important;
  z-index: 1;
} 
#navigation ul.nav-items li a {
  background-image: none !important;
  border-top: 1px solid #46c186;
  color: white !important;
  display: block;
  font-size: 100%;
  padding: 0.3em 0.25em 0.3em 0.3em !important;
  width: 188px !important;
  text-decoration: none !important;
}


#navigation ul.nav-items a:hover {
  background-color: #666699 !important;
  background-image: none; 
  color: #FFC20F !important;
  display: block;
  text-decoration: none;
}

#navigation-image {
  background: url(../images/bg-navigation-image.jpg) no-repeat 0 0;
  height: 207px;}



/* Right nav
--------------------------------------------------------- */
#sidepanel {
  clear: both;
  font: 90%/1.4em verdana, arial, Geneva, sans-serif;
  margin: 0 0 0 0;
  right: 0;
  width: 100%; /* resolution layout change */
}
#sidepanel div.sidebox {
font-family:verdana;font-size:1em;
  background-color: #f0f3e4;
  border-left: 1px solid #5F3C6C;
  border-right: 1px solid #5F3C6C;
  border-bottom: 1px solid #B4B3B5;
  margin: 0 10px 0.5em 0;
    padding: 0 0.5em 0.5em 0.5em;
  width: auto; /* resolution layout change */
}
.calendar{font-family:verdana;line-height:1em;color:#000}

.calendar-date{color:#8D7B93;font-weight:bold;}

#sidepanel h2.sidebox {
  background: #5F3C6C url(../images/bg-panel-heading.gif) no-repeat right 0; 
  color: white;
  font-family:arial;
  font-size: 130%;
  line-height: 1.2em;
  font-weight: bold;
  padding: 0.5em;
  margin: 0.5em 10px 0 0;
  width: auto; /* resolution layout change */
}

#sidepanel h2.supporter {
  background: #FFD600 url(../images/bg-panel-heading-supporter.gif) no-repeat right 0; 
  color:#5A396B;
  font-family:arial;
  font-size: 130%;
  line-height: 1.2em;
  font-weight: bold;
  padding: 0.5em;
  margin: 0.5em 10px 0 0;
  width: auto; /* resolution layout change */
}


#sidepanel h2.newsletter {
  background: #5F3C6C url(../images/bg-panel-heading-newsletter.gif) no-repeat right 0; 
  color: white;
  font-family:arial;
  font-size: 130%;
  line-height: 1.2em;
  font-weight: bold;
  padding: 0.5em;
  margin: 0.5em 10px 0 0;
  width: auto; /* resolution layout change */
}

#sidepanel div.supporter {
  background: url(../images/yellow-bg-sidepanel.png) right repeat-y;
  border-left: 1px solid #f3f3f3;
  border-right: 0px solid #949494;
  border-bottom: 1px solid #B4B3B5;
  margin: 0 10px 0.5em 0;
  padding: 0 0.5em 0.5em 0.5em;
  font-family:verdana;
  width: auto; /* resolution layout change */
}


#sidepanel h2.calendar {
  background: #5F3C6C url(../images/bg-panel-heading-calendar.gif) no-repeat right 0; 
  color: white;
  font-family:arial;
  font-size: 130%;
  line-height: 1.2em;
  font-weight: bold;
  padding: 0.5em;
  margin: 0.5em 10px 0 0;
  width: auto; /* resolution layout change */
}



#sidepanel div.usability {
  background: url(../images/bg-sidepanel.png) right repeat-y;
  border-left: 1px solid #f3f3f3;
  border-right: 0px solid #949494;
  border-bottom: 1px solid #B4B3B5;
  margin: 0 10px 0.5em 0;
  padding: 0 0.5em 0.5em 0.5em;
  font-family:verdana;
  width: auto; /* resolution layout change */
}

#sidepanel p.usability {
    font-size:0.9em;
}


#sidepanel h2.usability {
  background: #949494 url(../images/bg-usability-heading.gif) no-repeat right 0; 
  color: white;
  font-size: 130%;
  line-height: 1.2em;
  font-weight: bold;
  padding: 0.5em;
  margin: 0.5em 10px 0 0;
  width: auto; /* resolution layout change */
}
#sidepanel h3 {
  color: #333;
  font-size: 100%;
  margin: 0;
  padding: 0.75em 0 0.25em 0;
}
#sidepanel img {
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  float: left; 
  background-color: white; 
  margin-right: 10px;
}
#sidepanel p {
  color: #333;
  font-size: 95%;
  line-height: 1.5em;
  padding: 1em 0 0.5em 0;
}
#sidepanel ul {
  margin: 0 0 0.5em 0;
  padding-top: 0.5em
}
#sidepanel li {
  list-style-type: none;
  background: url(../images/bullet.gif) no-repeat 0 0.7em; 
  border: none;
  font-size: 95%;
  margin: 0 0 0 2px;
  padding: 0.1em 0 0.1em 1em;
}
#sidepanel ul li ul {
  padding: 0.1em 0 0.1em 0;
}
#sidepanel ul li ul li {
  background: url(../images/bullet.gif) no-repeat 0 0.8em; 
  font-size: 100%;
  padding: 0.1em 0 0.1em 1em;
}




/* TEXT SIZE Descendant selector rules
--------------------------------------------------------- */
body.smallest {
  font-size: 55%;
}
body.smaller {
  font-size: 65%;
}
/*body.medium {
  leave this blank
}*/
body.larger {
  font-size: 95%;
}
body.largest {
  font-size: 105%;
}