/******************/
/* General Styles */
/******************/

html {
 height: 100%;
}

body {
 height: 100%;
 background-color: #ffffff;
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 80%;
 margin: 0;
 min-width: 760px;
 background-image: url('../images/bodybg.gif');
 background-position: top left;
 background-repeat: repeat-y;
 line-height: 1.2;
}

 html > body {
  *background-image: url('../images/containerbg.gif');
  *background-position: top right;
 }

 * html body {
  width: expression( documentElement.clientWidth < 760 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 760 ? "762px" : "auto") : "760px") : "auto" );
 }

strong {
 font-weight: bold;
}

em {
 font-style: italic;
}

ul {
 list-style: disc;
}

ol {
 list-style: decimal;
}

div#accessibility,
.h {
 position: absolute;
 left: -9999px;
}

div.clear {
 clear: both;
 height: 0;
 line-height: 0;
}

h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

input.button {
 padding-bottom: 1px;
 border: 1px solid #1c3664;
 color: #000000;
 background-color: transparent;
 cursor: pointer;
}

input.button.main {
 font-weight: bold;
 background-color: #1c3664;
 border: 1px solid #ffffff;
 color: #ffffff;
}

div.highlight-box {
 margin: 1em auto;
 background-color: #cccccc;
 position: relative;
 top: 5px;
 left: 3px;
 width: 80%;
 min-width: 470px;
}

div.highlight-box * {
 position: relative;
 bottom: 5px;
 right: 5px;
}

div.highlight-box * * {
 position: static;
 bottom: 0;
 right: 0;
}

div.error,
div.warning,
div.success,
div.info {
 padding: 50px 1em 1em 1em;
 font-size: .9em;
 background-repeat: no-repeat;
 background-position: 50% 15px;
}

div.error {
 border: 1px solid #ff0000;
 background-color: #ffe0e0;
 color: #c00000;
 background-image: url('../images/error-icon.gif');
}

div.warning {
 border: 1px solid #ffff00;
 background-color: #ffffe0;
 color: #707000;
 background-image: url('../images/warning-icon.gif');
}

div.success {
 border: 1px solid #00ff00;
 background-color: #e0ffe0;
 color: #00c000;
 background-image: url('../images/success-icon.gif');
}

div.info {
 border: 1px solid #0000ff;
 background-color: #e0e0ff;
 color: #0000c0;
 background-image: url('../images/info-icon.gif');
}

div.error p.box-title,
div.warning p.box-title,
div.success p.box-title,
div.info p.box-title {
 text-align: center;
}

div.error ul {
 margin: 1em 0 0 0;
 padding-left: 2em;
}

a.backlink {
 background-image: url('../images/action-icons/back.gif');
 background-repeat: no-repeat;
 background-position: 0 50%;
 padding-left: 19px;
}

a.forwardlink {
 background-image: url('../images/forward-arrow.gif');
 background-repeat: no-repeat;
 background-position: 100% 50%;
 padding-right: 19px;
}

.unavailable {
 background-color: #eeeeee;
 font-style: italic;
}

span.inline-actions {
 font-size: .8em;
}

a.inline-edit,
a.inline-del {
 padding-left: 14px;
 background-repeat: no-repeat;
 background-position: top left;
}

a.inline-edit {
 background-image: url('../images/inline-edit.gif');
}

a.inline-del {
 background-image: url('../images/inline-delete.gif');
}

/********************/
/* Container Styles */
/********************/

div#container {
 text-align: left;
 background-image: url('../images/containerbg.gif');
 background-position: top right;
 background-repeat: repeat-y;
 margin: -5em 0 0 0;
 min-height: 100%;
 width: 100%;
 float: left;
}

 html > body div#container {
  *background-image: url('../images/bodybg.gif');
  *background-position: top left;
 }

 * html div#container {
  height: 100%;
 }

/*****************/
/* Header Styles */
/*****************/

div#header {
 background-color: #2f7bcf;
 background-image: url('../images/headerbg.jpg');
 background-repeat: repeat-y;
 overflow: hidden;
 border-top: 5em solid #ffffff;
 width: 100%;
}

div#header img {
 float: left;
 margin: 4px 0 5px 4px;
 vertical-align: top;
}

div#header h1 {
 background-image: url(../images/nugclogo.gif);
 background-position: left top;
 background-repeat: no-repeat;
 color: #ffffff;
 float: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 1.875em;
 line-height: 1.23;
 margin: 4px 0 5px 4px;
 min-height: 91px;
 padding: 20px 0 0 160px;
 width: 14.6em;
 font-weight: normal;
}

 * html div#header h1 {
  height: 91px;
 }

div#header h1 strong {
 float: left;
 clear: left;
 text-indent: 3.25em;
 font-size: 1.5em;
 font-weight: normal;
}

div#header ul {
 float: right;
 clear: right;
 margin: 1em 10px 0 0;
 padding-right: 25px;
 font-size: .95em;
 list-style: none;
 text-align: right;
 background-image: url('../images/user.gif');
 background-repeat: no-repeat;
 background-position: 100% 50%;
}

div#header ul li {
 margin-bottom: .2em;
 color: #ffffff;
}

div#header p {
 float: right;
 font-weight: bold;
 margin: 10px 10px 0 0;
 color: #ffffff;
}

div#header ul a {
 color: #ffffff;
 text-decoration: none;
}

div#header ul a:hover,
div#header ul a:focus {
 text-decoration: underline;
}

/**************/
/* Nav Styles */
/**************/

div#nav {
 background-image: url('../images/headerbg.jpg');
 background-repeat: repeat-y;
 background-color: #2f7bcf;
 float: right;
 width: 100%;
}

div#nav ul {
 float: left;
 width: 100%;
 list-style: none;
 margin: 0;
 background: url('../images/menubg.gif') repeat-x left bottom;
 padding: 0;
}

div#nav ul li {
 float: left;
 margin: 0 3px;
 padding: 0;
 position: relative;
}

div#nav ul li#nav-uc {
 float: right;
}

div#nav ul li a {
 display: block;
 margin: 0;
 padding: 0 0 0 13px;
 background: url('../images/tabs-left.gif') no-repeat left top;
 border-bottom: 1px solid #000000;
 text-decoration: none;
 font-weight: bold;
 font-size: 1.1em;
 color: #d4d6dc;
}

 * html div#nav ul li a {
  width: .1em;
 }

 div#nav ul li a:hover,
 div#nav ul li a:focus {
  background-position: 0 -200px;
  color: #ffffff;
 }

div#nav ul li a span {
 display: block;
 background: url('../images/tabs-right.gif') no-repeat right top;
 padding: 8px 15px 4px 2px;
 white-space: nowrap;
}

 div#nav ul li a:hover span,
 div#nav ul li a:focus span {
  background-position: 100% -200px;
 }

.nav-1 { z-index: 6; }
.nav-2 { left: -13px; z-index: 5; }
.nav-3 { left: -26px; z-index: 4; }
.nav-4 { left: -39px; z-index: 3; }
.nav-5 { left: -52px; z-index: 2; }
.nav-6 { left: -65px; z-index: 1; }

body.cat-ho div#nav ul li#nav-ho,
body.cat-gl div#nav ul li#nav-gl,
body.cat-ac div#nav ul li#nav-ac,
body.cat-ca div#nav ul li#nav-ca,
body.cat-ga div#nav ul li#nav-ga,
body.cat-co div#nav ul li#nav-co,
body.cat-uc div#nav ul li#nav-uc {
 z-index: 7;
}

body.cat-ho div#nav ul li#nav-ho a,
body.cat-gl div#nav ul li#nav-gl a,
body.cat-ac div#nav ul li#nav-ac a,
body.cat-ca div#nav ul li#nav-ca a,
body.cat-ga div#nav ul li#nav-ga a,
body.cat-co div#nav ul li#nav-co a,
body.cat-uc div#nav ul li#nav-uc a {
 background-position: 0 -400px;
 border-width: 0;
}

body.cat-ho div#nav ul li#nav-ho a span,
body.cat-gl div#nav ul li#nav-gl a span,
body.cat-ac div#nav ul li#nav-ac a span,
body.cat-ca div#nav ul li#nav-ca a span,
body.cat-ga div#nav ul li#nav-ga a span,
body.cat-co div#nav ul li#nav-co a span,
body.cat-uc div#nav ul li#nav-uc a span {
 background-position: 100% -400px;
 padding-bottom: 5px;
 color: #000000;
}

/******************/
/* Sub Nav Styles */
/******************/

div#subnav {
 float: left;
 width: 254px;
 padding: 0;
 background-image: url('../images/subnavbg.jpg');
 background-position: top left;
 background-repeat: no-repeat;
}

 * html #subnav {
  margin-right: -3px;
 }

div#subnav form#search {
 font-size: .95em;
 margin: 25px 0 20px 10px;
 font-weight: bold;
 overflow: hidden;
}

div#subnav form#search fieldset {
 border: 0;
 padding: 0;
 margin: 0;
 float: left;
}

div#subnav form#search input.text {
 border: 1px solid black;
 font-size: .95em;
 padding: 2px;
 width: 12em;
 margin: .5em 0;
 float: left;
 clear: left;
}

div#subnav form#search label {
 display: block;
}

div#subnav form#search input.button {
 margin: .5em 0 .5em .5em;
 padding: 1px 3px;
 font-size: .9em;
 float: left;
}

p#adv-search {
 clear: left;
 font-size: .8em;
}

p#adv-search a {
 color: #000000;
 text-decoration: none;
}

p#adv-search a:hover,
p#adv-search a:focus {
 text-decoration: underline;
}

div#subnav h2 {
 font-size: 1em;
 margin: 20px 10px 1em;
 font-weight: bold;
 clear: left;
}

div#subnav ul {
 width: 235px;
 list-style: none;
 margin: 10px 0 10px 0;
 padding: 0;
}

div#subnav ul li {
 margin: 5px 0 0 0;
 padding: 0;
 height: 24px;
 width: 235px;
}

div#subnav ul li a {
 display: block;
 margin: 0;
 padding: 5px 32px 4px 0;
 border: 0;
 background: url('../images/subtabsbg.gif') no-repeat left top;
 text-decoration: none;
 color: #dddddd;
 text-align: right;
 width: 203px;
 height: 16px;
 font-weight: bold;
 font-size: .95em;
}

 div#subnav ul li a:hover,
 div#subnav ul li a:focus {
  background-position: -235px 0;
  color: #ffffff;
 }

#page-us-lo #nav-us-lo a, #page-us-re #nav-us-re a, #page-us-rp #nav-us-rp a, #page-us-ce #nav-us-ce a,
#page-us-rc #nav-us-rc a,

#page-uc-ep #nav-uc-ep a, #page-uc-uo #nav-uc-uo a, #page-uc-ql #nav-uc-ql a, #page-uc-ad #nav-uc-ad a,

#page-gl-hgf #nav-gl-hgf a, #page-gl-tr #nav-gl-tr a, #page-gl-bs #nav-gl-bs a, #page-gl-cc #nav-gl-cc a,
#page-gl-ae #nav-gl-ae a, #page-gl-td #nav-gl-td a, #page-gl-sa #nav-gl-sa a, #page-gl-ar #nav-gl-ar a,
#page-gl-li #nav-gl-li a, #page-gl-faq #nav-gl-faq a, #page-gl-gl #nav-gl-gl a, #page-gl-bc #nav-gl-bc a,

#page-ac-ne #nav-ac-ne a, #page-ac-ch #nav-ac-ch a, #page-ac-cf #nav-ac-cf a, #page-ac-wwf #nav-ac-wwf a,
#page-ac-pr #nav-ac-pr a, #page-ac-co #nav-ac-co a, #page-ac-pe #nav-ac-pe a, #page-ac-ac #nav-ac-ac a,
#page-ac-aw #nav-ac-aw a, #page-ac-lb #nav-ac-lb a,

#page-ca-htco #nav-ca-htco a, #page-ca-htgi #nav-ca-htgi a, #page-ca-oyfv #nav-ca-oyfv a, #page-ca-fl #nav-ca-fl a,
#page-ca-ec #nav-ca-ec a, #page-ca-so #nav-ca-so a, #page-ca-ex #nav-ca-ex a, #page-ca-cmm #nav-ca-cmm a,
#page-ca-sh #nav-ca-sh a,

#page-ga-bg #nav-ga-bg a, #page-ga-vi #nav-ga-vi a, #page-ga-dw #nav-ga-dw a, #page-ga-up #nav-ga-up a,

#page-co-fo #nav-co-fo a, #page-co-ml #nav-co-ml a, #page-co-eu #nav-co-eu a, #page-co-htfu #nav-co-htfu a {
 background-position: -470px 0;
 text-align: left;
 padding: 5px 0 4px 31px;
 color: #1c3664;
 width: 204px;
}

/******************/
/* Content Styles */
/******************/

div#content {
 background: url('../images/contentbg.gif') repeat-x left top;
 font-size: .95em;
 line-height: 1.5;
 font-family: Verdana;
 text-align: justify;
 margin-left: 254px;
 clear: right;
 padding-top: 75px;
}

div#content div.inner {
 float: right;
 background: url('../images/contentinnerbg.gif') no-repeat right top;
 width: 100%;
 min-height: 75px;
 margin-top: -75px;
}

div#content div.padding {
 padding: 35px 36px 0 0;
}

div#content h2 {
 margin-top: 0;
}

div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6 {
 clear: both;
 font-weight: bold;
 margin-bottom: .8em;
}

div#content h3 {
 margin-top: 2em;
}

div#content a {
 font-weight: bold;
 color: #1c3664;
}

div#content p {
 margin: 1em 0;
}

div#content a:hover, div#content a:active, div#content a:focus {
 color: #4c66c4;
}

div#content a:visited {
 color: #803664;
}

div#content ul,
div#content ol {
 margin: 1em 0 1em 2em;
}

div#content ul {
 list-style-image: url('../images/list-icon.gif');
}

div#content ul li,
div#content ol li {
 margin: .5em 0;
}

div#content div.blockquote {
 border: 1px solid #000000;
 background-color: #fafcff;
 background-image: url('../images/highlightboxbg.gif');
 background-repeat: repeat-x;
 background-position: bottom left;
 padding: 0 1em;
}

div#content blockquote {
 background-image: url('../images/blockquotebg.gif');
 background-repeat: no-repeat;
 background-position: top left;
 padding-left: 60px;
}

div#content div.pagephoto {
 float: right;
 position: relative;
 top: 5px;
 left: 3px;
 background-color: #cccccc;
 margin: -2.7em 0 3em 3em;
 width: 310px;
}

div#content div.pagephoto img {
 float: right;
 position: relative;
 bottom: 5px;
 right: 5px;
 padding: 5px;
 background-color: #ffffff;
 border: 1px solid black;
}

div#content p.writtenby {
 margin-top: 0;
 font-size: .95em;
 font-style: italic;
}

div#content div.imagecontainer {
 text-align: center;
 font-style: italic;
 font-size: .9em;
}

div#content div.photograph a {
 background-color: #cccccc;
 margin: 0 auto;
 position: relative;
 top: 5px;
 left: 5px;
 display: inline-block;
 line-height: 0;
}

div#content div.photograph a img {
 border: 1px solid #000000;
 padding: 5px;
 background-color: #ffffff;
 position: relative;
 bottom: 5px;
 right: 5px;
 float: left;
}

/******************/
/* Actions Styles */
/******************/

div#actions {
 float: left;
 clear: left;
 width: 201px;
 padding: 0;
 margin-bottom: 0;
}

div#actions h2 {
 font-size: 1em;
 margin: 20px 10px 0;
 font-weight: bold;
}

div#actions ul {
 width: 235px;
 list-style: none;
 margin: 10px 0 10px 0;
 padding: 0;
}

div#actions ul li {
 margin: 5px 0 0 0;
 padding: 0;
 height: 24px;
 width: 235px;
}

div#actions ul li a {
 display: block;
 margin: 0;
 padding: 0;
 border: 0;
 height: 100%;
 width: 100%;
 text-decoration: none;
 color: #333333;
 text-align: left;
 font-weight: bold;
 font-size: .95em;
 background: url('../images/actionbg.gif') no-repeat left top;
}

 div#actions ul li a:hover,
 div#actions ul li a:focus {
  background-position: -235px 0;
  color: #000000;
 }

 div#actions ul li.action-delete a:hover,
 div#actions ul li.action-delete a:focus {
  background-position: -470px 0;
 }

div#actions ul li a span {
 display: block;
 padding: 4px 32px 4px 54px;
 background-repeat: no-repeat;
 background-position: 32px 4px;
}

 div#actions ul li.action-add a span {
  background-image: url('../images/action-icons/add.gif');
 }

 div#actions ul li.action-edit a span {
  background-image: url('../images/action-icons/edit.gif');
 }

 div#actions ul li.action-delete a span {
  background-image: url('../images/action-icons/delete.gif');
 }

 div#actions ul li.action-back a span {
  background-image: url('../images/action-icons/back.gif');
 }

/******************/
/* Contact Styles */
/******************/

div#contact {
 float: left;
 clear: left;
 width: 235px;
 padding: 0;
 position: relative;
}

div#contact h2 {
 margin: 20px 10px 1em 10px;
 font-weight: bold;
 font-size: 1em;
}

div#contact address,
div#contact p {
 margin-left: 10px;
 margin-right: 10px;
 font-size: .9em;
}

div#contact address {
 font-style: normal;
 line-height: 1.25;
 margin-bottom: 1em;
}

div#contact p a {
 text-decoration: none;
 color: #000000;
 padding-left: 18px;
 background: url('../images/envelope.gif') no-repeat 0% 50%;
}

 div#contact p a:hover,
 div#contact p a:focus {
  text-decoration: underline;
 }

/*****************/
/* Footer Styles */
/*****************/

div#footer {
 clear: both;
 background-color: #bad1f8;
 background-image: url('../images/footerbg.gif');
 background-position: 233px 0;
 background-repeat: no-repeat;
 margin: 0;
 padding-left: 253px;
 padding-right: 14px;
 overflow: hidden;
 height: 5em;
}

div#footer div.inner {
 background-image: url('../images/footerinnerbg.gif');
 background-repeat: repeat-x;
 padding: 0;
 float: left;
 width: 100%;
}

div#footer ul {
 margin: 0;
 list-style: none;
 padding: 2.7em 10px 1em 0;
 float: right;
 background-image: url('../images/footerlistbg.gif');
 background-repeat: no-repeat;
 background-position: top right;
}

div#footer ul li {
 float: left;
 background-image: url('../images/footerlistitembg.gif');
 background-repeat: no-repeat;
 background-position: 0 .35em;
 padding: 0 5px;
}

 div#footer ul li.first {
  background-image: none;
 }

div#footer ul li a {
 color: #000000;
 text-decoration: none;
}

 div#footer ul li a:hover,
 div#footer ul li a:focus {
  text-decoration: underline;
 }

#page-sm #nav-sm a,
#page-pp #nav-pp a,
#page-ay #nav-ay a,
#page-ol #nav-ol a {
 font-weight: bold;
 text-decoration: none;
}