/*
TRCNZ - 2007 Refresh

Document structure:
1. Standard elements
2. Generic MED top-strip
3. Header
4. Navigation Elements - Top nav / breadcrumb / Left menu
5. Main content & containers
6. Secondary content & containers
7. Footer
8. Helper classes / Sifr


*/
body {
    background: #F3F2E4 none repeat scroll 0%;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 62.5%; /* relative reset to 10px */
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

form {
    margin: 0;
}

a {
    color: #000;
}

a:hover {
    text-decoration: none;
}

/* Icons for links to file with special endings */
a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(Images/pdf.gif) no-repeat center right;
}

a[href $='.doc'], a[href $='.docx'], a[href $='.rtf'] { 
   padding-right: 18px;
   background: transparent url(Images/doc.gif) no-repeat center right;
}

a[href $='.xls'], a[href $='.xlsx'] { 
   padding-right: 18px;
   background: transparent url(Images/xls.gif) no-repeat center right;
}



#top {
    height: 0;
    overflow: hidden;
}

/* TOP-STRIP */
#top-strip {
    color: #A6C2EB;
    background-color: #004FA3;
    border-bottom: 1px solid #FFFFFF;
    min-height: 30px;
}
#top-strip select {
    background-color: #E46B1F;
    color: #fff;
    font-size: 110%;
    font-weight: bold;
}
#top-strip .logo {
    float: left;
    margin: 0 5px 0 0;
}
#top-strip a {
    color: #A6C2EB;
    font-weight: bold;
    text-decoration: none;
}
#top-strip a:hover {
    text-decoration: underline;
}
#top-strip p {
    float: left;
    margin: 0;
}
#top-strip p.contact {
    float: left;
    margin: 0;
    padding: 6px 0 0;
}
#top-strip .top-divider {
    border-left: 1px solid #A6C2EB;
    float: left;
    height: 25px;
    margin: 2px 6px 0;
}
#top-strip .block {
    float: left;
    padding: 2px;
}
#top-strip p.contact img {
    vertical-align: middle;
    margin-left: 5px;
}
#top-strip .go {
    color: #A6C2EB;
    margin: 0 0 -5px 5px;
    padding-top: 4px;
}

/* Header */

#printheader {
    display: none;
}

#header {
    height: 113px;
    position: relative;
}

#logolink {
    display: block;
    float: left;
    height: 105px;
    width: 200px;
    text-indent: -999em;
}

.search {
    position: absolute;
    width: 200px;
    left: 568px;
    top: 12px;
}

.search input.button {
    vertical-align: middle;
}

.search input.search-box {
    background-color: transparent;
    border: 0 none;
    font-size: 120%;
    height: 16px;
    margin: 2px 10px 0 0;
    width: 120px;
    vertical-align: middle;
}

.search input.search-box:focus {
    outline: none;
}


/* Navigation */
#nav {
    min-height: 24px;
    background: #AFBD21;
    position: relative;
    z-index: 99;
}
#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#nav ul li {
    float: left;
    color: #3D4721;
    font-weight: bold;
}
#nav ul li a {
    display: block;
    padding: 6px 15px;
    text-decoration: none;
    color: #3D4721;
}
#nav ul li:hover, #nav ul li a:hover, #nav ul li.active {
    background: #FFF;
}
#nav ul li ul {
    display: none;
    position: absolute;
    background: #ECF4F9;
}
#nav ul li:hover ul {
    display: block;
}
#nav ul li ul li {
    float: none;
    font-weight: normal;
}

#nav ul li ul li a {
    color: #666;
}

#nav ul li ul li:hover, #nav ul ul li.active {
    float: none;
    background: #FFF;
}

#nav ul li ul li:hover a {
    color: #006699;
}

#breadcrumb {
    font-size: 90%;
    padding: 15px 0 0 15px;
}

#breadcrumb p {
    padding: 0;
    margin: 0;
}

#menu {
    float: left;
    width: 184px;
    background: url(Images/bg-menu.gif) repeat-x bottom;
    margin: 15px 0 0 0;
    padding: 0 0 250px 0;
}

#menu ul {
    background: #E1E5AA url(Images/bg-menu-ul.gif) no-repeat top right;
    margin: 0;
    padding: 8px 0 0 0;
    font-size: 110%;
    font-weight: bold;
    list-style: none;
}

#menu li a {
    display: block;
    padding: 6px 8px 7px 16px;
}

#menu li.active a {
    background-color: #AFBD21;
    color: #fff;
}

#menu li a:hover {
    background: #AAB710;
    color: #fff;
}

#menu ul ul, #menu li.active ul {
    background: #F5F8E5;
    font-size: 100%;
    font-weight: normal;
    padding: 0 0 0 0;
    margin: 0;
}

#menu li.active li a {
    background-color: transparent;
    color: #000;
}

#menu ul ul li a {
    background: url(Images/bg-li-green.gif) no-repeat 17px 13px;
    padding-left: 30px;
}

#menu ul ul li a:hover, #menu li li.active a {
	background: #FFF url(Images/bg-li-green.gif) no-repeat 17px 13px;
    color: #000;
    text-decoration: underline;
}

#menu li li.active li a:hover {
    background: #FFF url(Images/bg-li-green.gif) no-repeat 33px 13px;
    color: #000;
    text-decoration: underline;
}

#menu ul ul ul li a {
    background-position: 33px 13px;
    padding-left: 45px;
}

#menu li li.active li a {
    background: transparent url(Images/bg-li-green.gif) no-repeat 33px 13px;
}

#menu li li li.active a {
    background: #FFF url(Images/bg-li-green.gif) no-repeat 33px 13px;
    
}


/* Main content & containers */

#wrapper {
    width: 771px;
    background: transparent url(Images/wrapper-shadow.gif) repeat-y 100% 0;
    padding-right: 10px;
}

#leftContent {
    float: left;
    width: 572px;
}

.noSecondary #leftContent, .noSidebars #leftContent {
    width: 771px;
}

#content {
    background: #FFF;
    padding: 0 0 16px 0;
}

#main {
    float: left;
    width: 373px;
    margin: 0 0 0 15px;
}
.noMenu #main, .noSecondary #main, .noSidebars #main {
    width: 556px;
}

.noMenu #main {
    width: 556px;
}

#main h1 {
    color: #94A114;
    font-size: 220%;
    font-weight: normal;
    letter-spacing: -1px;
    margin: 12px 0 0 0;
}

#main h2 {
    color: #333333;
    font-size: 170%;
    font-weight: normal;
    margin: 2px 0 0;
    padding: 0;
}

#main h3 {
    color: #333;
    font-size: 130%;
    padding: 8px 0 6px;
    margin: 0;
}

#main h4 {
    font-size: 110%;
    padding: 8px 0 6px;
    margin: 0;
}

#main p {
    color: #000;
    font-size: 110%;
    line-height: 150%;
    margin: 4px 0 0;
}

#main ol {
    margin: 4px 14px 0 29px;
    padding: 0;
    font-size: 110%;
}

#main ul {
    list-style-type: square;
    margin: 4px 14px 0 18px;
    padding: 0;
    font-size: 110%;
}

#main ul ul {
    padding-top: 4px;
    font-size: 100%;
}

#main li {
    margin-bottom: 8px;
}

#main .lastUpdated {
    font-size: 90%;
    margin-bottom: 10px;
}

#main .box {
    float: left;
    width: 271px;
    margin: 10px 0 0 0;
}

#main .wide {
    width: 556px;
}

#main h3 a {
    color: #333;
}

#main .box h3 {
    color: #FFF;
    font-size: 110%;
    padding: 8px 8px 6px 8px;
}

#main .box h3 a {
    color: #FFF;
}

#main .grey h3 {
    background: url(Images/bg-grey-container-top.gif) no-repeat;
}
#main .wide .grey h3 {
    background: url(Images/bg-grey-container-wide-top.gif) no-repeat;
}
#main .green h3 {
    background: url(Images/bg-green-container-top.gif) no-repeat;
}
#main .wide .green h3 {
    background: url(Images/bg-green-container-wide-top.gif) no-repeat;
}
#main .brown h3 {
    background: url(Images/bg-brown-container-top.gif) no-repeat;
}
#main .wide .brown h3 {
    background: url(Images/bg-brown-container-wide-top.gif) no-repeat;
}

.box .box-content {
    min-height: 50px;
    padding: 8px;
    background: url(Images/bg-container-whitecorners.gif) no-repeat 0 100%;
}

#main .wide .box-content {
    background-image: url(Images/bg-container-wide-whitecorners.gif);
}

#secondary .wide .box-content {
    background-image: url(Images/bg-container-small-whitecorners.gif);
}

#main .grey, #secondary .grey {
    background: url(Images/bg-grey-container.gif) repeat-x 0 2em;
}

#main .wide .grey {
    background: url(Images/bg-grey-container-long.gif) repeat-x;
}

#main .green, #secondary .green {
    background: url(Images/bg-green-container.gif) repeat-x 0 2em;
}

#main .brown, #secondary .brown {
    background: url(Images/bg-brown-container.gif) repeat-x 0 2em;
}

#main .box-bottom {
    min-height: 29px;
}

#main .grey .box-bottom {
    background: url(Images/bg-grey-container-bottom.gif) no-repeat;
}
#main .green .box-bottom {
    background: url(Images/bg-green-container-bottom.gif) no-repeat;
}
#main .brown .box-bottom {
    background: url(Images/bg-brown-container-bottom.gif) no-repeat;
}

#main .wide .grey .box-bottom {
    background: url(Images/bg-grey-container-wide-bottom.gif) no-repeat;
}
#main .wide .green .box-bottom {
    background: url(Images/bg-green-container-wide-bottom.gif) no-repeat;
}
#main .wide .brown .box-bottom {
    background: url(Images/bg-brown-container-wide-bottom.gif) no-repeat;
}

#main .box-bottom h3 {
    background: transparent;
}

#main .box-content p, #secondary .box-content p {
    padding: 0;
    margin: 0;
    font-size: 100%;
}
#main .box-content ul {
    font-size: 100%;
}

#main .grey ul {
    list-style-image: url(Images/bg-li-grey.gif);
}
#main .green ul {
    list-style-image: url(Images/bg-li-green.gif);
}
#main .brown ul {
    list-style-image: url(Images/bg-li-brown.gif);
}

#main .backtotop 
{
	display: block;
	text-align: right;
	margin-top: 15px;
}

/* Forms */
#main .requiredFieldSymbol {
    font-weight: bold;
    color: Red;
}

#main .errorMsg {
    color: Red;
}

#main .requiredFieldInfo {
    margin: 15px 0;
}

#main .inputBlock {
    margin-top: 5px;
    margin-bottom: 20px;
}

#main .buttonBlock {
    margin: 10px 0 0 150px;
}

#main .harmoniFolders {
	margin-top: 20px;   
}

#main .harmoniFolders label {
    float: left;
    font-weight: bold;
}

#main .inputBlock .textBox,
#main .inputBlock textarea {
    width: 250px;
}

#main .inputBlock select {
    width: 254px;
}

#main .inputBlock label {
    float: left;
    font-weight: bold;
    width: 145px;
    margin: 3px 5px 0 0;
}

#main .inputBlock .stateButtonList label {
    float: none;
    font-weight: normal;
    width: auto;
    margin-top: 0;
    vertical-align: middle;
}

#main .inputBlock .stateButtonList input {
    vertical-align: middle;
}

#main .inputBlock .inputhints {
	font-style:italic;
	padding-left: 150px;
}


#main .errorList {
    color: Red;
    margin: 10px 0 0 150px;
}

#main .errorList ul {
    font-size: 100%;
}


/* Right hand side */

#secondary {
    float: right;
    width: 170px;
    margin: 5px 14px 15px 0;
}

#secondary h3 {
    background: #A8B50A;
    color: #FFF;
    font-size: 110%;
    padding: 8px 8px 6px 8px;
    margin: 0;
}

#secondary .box {
    width: 170px;
    margin: 9px 0 0;
}

#secondary .grey h3 {
    background: url(Images/bg-grey-container-small-top.gif) no-repeat;
}
#secondary .green h3 {
    background: url(Images/bg-green-container-small-top.gif) no-repeat;
}
#secondary .brown h3 {
    background: url(Images/bg-brown-container-small-top.gif) no-repeat;
}

#secondary .box .box-bottom {
    min-height: 29px;
}

#secondary .grey .box-bottom {
    background: url(Images/bg-grey-container-small-bottom.gif) no-repeat;
	margin-top: -4px;
}
#secondary .green .box-bottom {
    background: url(Images/bg-green-container-small-bottom.gif) no-repeat;
}
#secondary .brown .box-bottom {
    background: url(Images/bg-brown-container-small-bottom.gif) no-repeat;
}

#secondary .box-bottom h3 {
    background: transparent;
    margin-top: 0;
}

#secondary .grey .box-bottom h3 {
	padding-top: 4px;
}


#secondary .box-content p {
    font-size: 110%;
    padding: 0;
    margin-bottom: 8px;
    width: 100%;
}

#secondary .box-content p strong {
    display: block;
}

#secondary a {
    color: #000;
}
#secondary a:hover {
    text-decoration: none;
}

#secondary h3 a {
    color: #FFF;
}

#secondary dl {
    margin: 0;
    padding: 0;
    font-size: 110%;
}
#secondary dt {
    font-weight: bold;
    display: block;
    float: left;
    padding: 0 8px 0 0;
    margin: 0;
    clear: left;
}
#secondary dd {
    display: block;
    float: left;
    padding: 0 0 8px 0;
    margin: 0;
    clear: left;
    width: 100%;
}

/* Footer  */
#footer {
    background: transparent url(Images/footer-bg.gif) no-repeat 0 0;
    clear: both;
    font-size: 100%;
    height: 88px;
}
#footer .footer-box {
    width: 750px;
    padding: 10px 0pt;
}
#footer ul {
    clear: both;
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 4px 0;
}
#footer ul li {
    background: transparent url(Images/footer-breaker.gif) no-repeat scroll right center;
    float: left;
    padding: 0 7px;
}
#footer ul li.last {
    background: transparent none repeat 0 0;
}
#footer p {
    clear: both;
    color: #330;
    margin: 12px 0 0 7px;
}
#footer a {
    color: #330;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footerlist ul {
    margin: -3px 0 0;
}



/* Helper classes */


.clear {
    clear: both;
}

.right {
    float: right;
}



/* CLEARFIX */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
    visibility: visible !important;
    margin: 0 0 0 -5px;
}

.sIFR-replaced {
    visibility: visible !important;
}

span.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

.accesskeys_hidden {
    background: transparent none repeat scroll 0%;
    border: medium none;
    display: block;
    height: 1px;
    margin: -1px 0 0 -3000px;
    overflow: hidden;
    padding: 0;
    width: 1px;
}

.contactUsTable {
    margin-left: -5px;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
    display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
    visibility: hidden;
}

.sIFR-hasFlash h2 {
    visibility: hidden;
}