﻿@charset "utf-8";
/* CSS Document */


/* Standard styles */
/***********************************************************************/
html {font-size: 100%;}
body {min-width:780px; margin: 0 auto; padding: 0; font:0.8em Arial,Helvetica,sans-serif; color: #333; /*background: url("/common/images/bg2.gif") #7a706e top repeat-x;*/ background-color: #dcdad1;}


/*  Headings */
/***********************************************************************/
h1, h2, h3 {font-weight: bold; }
h1 {font-size: 1.4em; padding: 0; margin: 4px 0 4px 3px; color: #A80D35; letter-spacing: .2em; font-weight: bold; text-align: center;}
h1.normal {font-size: 1.6em; padding: 0; margin: 0 0 .4em 0; color: #333; letter-spacing:normal; text-align: left;}
h2 {margin: .5em 0 .3em 0; font-size: 1.3em; color: #A80D35; padding: 3px 0; clear: both;}
#navigation h2 {margin: 0 0 .5em 0;}
h3 {font-size: 1.2em; padding: 0 0 0.2em 0; margin: 0; color: #AF5211;}
h4 {font-size: 1em; padding: .4em 0 0.6em 0; margin: 0; color: #28323D;}
#content h3, #contentFullWidth h3 {clear: both;}


/* Main Divs */
/***********************************************************************/
#main { margin: 0 16px; clear: both; }
#container { margin: 0px 230px 0 -6px; background-color:#FFF; color: #333;}
.gecko #container {  margin: 0px 230px 0 -3px; background-color:#FFF; color: #333;}

#header {padding: 0; margin: 0 15px; }
#logon {float: right; width: 225px; margin: 0; padding: 0;}

#leftCol { float:left; position:relative; width: 180px; margin: 3px 0px 0 8px;}
.gecko #leftCol { float:left; position:relative; width: 180px; margin: 0px 0px 0 7px;}
.ie6 #leftCol {float: left; width: 180px; height:auto; margin: 0; padding: 0px 0 0 8px;}

#content {padding: .5em; overflow: hidden;}
.ie6 #content {padding: 0.5em; overflow: hidden; float:left;}
#content h2, #content h3 { margin: 0 0 .5em 0; clear: both;}


/*  General (Lists, Images, Paragraphs) */
/***********************************************************************/
ul, ol {list-style-position: outside; padding: 0; margin: 0 0 0 3em;}
li {color:#46484b; margin: 0; padding: 0 0 .4em 0;}
img {padding: 0; border: 0;}
p {text-decoration: none; line-height: 1.5em; color:#46484b; margin: 0; padding: 0 0 .7em 0; }


/* InFocus */
/***********************************************************************/

.infocus-inner {color: #555; background-color: #fff; font-size: 1.2em; margin: .3em auto; width: 98%; font-weight: normal; font-family: Arial, Helvetica, sans-serif; background-image:url('/common/images/in-focus-bg.jpg'); background-repeat: repeat-x; background-position: bottom; border: solid 1px #dfdfd7; font-size: .9em;}

.infocus-inner:after {
    content: "";
    display: block;
    clear: both;
}

.infocus-img {float: right;  padding: 0; position:relative; margin-left: 10px; bottom:20px;}
.infocus-left {float:left; margin: 0; padding:5px 10px 5px 10px;}
.infocus a {font-weight: bold;}
.infocus p {margin-left: 0; margin-right: 0;}
.infocus-emphasis {color: #666; font-weight: bold;}

.infocus-inner h2 {text-align:left; color: #46484b; background:transparent url("/common/images/heading_bg4.gif"); background-repeat: no-repeat; background-position: 0 .2em; padding: 0 0 .6em 1em; border:none;}


/* Special Classes */
/***********************************************************************/
.lastUpdated {font-weight: bold; font-size: .9em; text-align: right;}
.alert {color: #000; background-color: #EDE2E2; padding: .5em; text-align: center; font-size: .9em; border: 1px dashed #AA6161;  font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-decoration: none; margin: .3em auto;}
.alert h2 {margin: .5em 0 .3em 0; font-size: 1.3em; color: #A80D35; padding: 3px 0; border:none;}

.alert:after {
    content: "";
    display: block;
    clear: both;
}


.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.clear {clear: both; width: 100%; height: 1px; margin: 0 0 0 0; padding: 0; }
.divider {background-color: #ccc; padding: 0; margin: 10px 0; border-bottom: 1px solid #F2F2F2; height: 5em; width: 100%;} 
.border_right {border-right: solid 1px #000;} /* used for homepage small logos */


/* Tab Navigation (Top) */
/***********************************************************************/
#tabs {float: left; margin: 28px 0px 0px -6px; display: inline; padding: 0; clear: both; width: 100%; font-size: 1em;}
.gecko #tabs {float: left; margin: 28px 0px 0px -3px ; display: inline; padding: 0; clear: both; width: 100%; font-size: 1em;}
.ie6 #tabs {float: left; margin: 28px 0px 0px -6px ; display: inline; padding: 0; clear: both; width: 100%; font-size: 1em;}

#tabs li {margin: 0; padding: 0; list-style: none; white-space: nowrap; display: inline; float: left; font-weight: bold;}
#tabs a {margin: 0; padding: 0 0 0 18px; color: #fff; background: url('/common/images/nav-bgrs.gif') no-repeat left top; display: inline-block; float: left; border: none; text-decoration: none; cursor:pointer;}
#tabs a span {padding: 8px 16px 8px 0; background: url('/common/images/nav-bgrs.gif') no-repeat right top; display: block; float: left; white-space: nowrap; text-decoration: none; cursor:pointer;}

#tabs a:hover, #tabs a:active, #tabs a:focus {background: url('/common/images/nav-bgrs.gif') no-repeat 0 -40px; text-decoration: none; color: #A80D35;}
#tabs a:hover span, #tabs a:active span, #tabs a:focus span {background: url('/common/images/nav-bgrs.gif') no-repeat 100% -40px; text-decoration: none; color: #A80D35;}

#tabs a.home {background: url('/common/images/nav-bgrs.gif') no-repeat 0 -40px; color: #A80D35; cursor: default; text-decoration: none;}
#tabs a.home span {background: url('/common/images/nav-bgrs.gif') no-repeat 100% -40px; color: #A80D35; cursor: default; text-decoration: none;}


/* Standard Links */
/***********************************************************************/
p a:link {color: #337aaa; text-decoration: underline; padding: 0; margin: 0; }
p a:visited {color: #337aaa; text-decoration: underline; padding: 0; margin: 0; background-color: transparent;}	
p a:visited:hover {color: #fff; border: none; text-decoration: none; background-color: #A80D35;}
p a:hover, p a:active, p a:focus {color: #fff; border: none; text-decoration: none; background-color: #A80D35;}

#content ul li a:link {color: #337aaa; text-decoration: underline; padding: 0; margin: 0; }
#content ul li a:visited {color: #337aaa; text-decoration: underline; padding: 0; margin: 0;}	
#content ul li a:visited:hover {color: #fff; border: none; text-decoration: none; background-color: #A80D35;}
#content ul li a:hover, #content ul li a:active, #content ul li a:focus {color: #fff; border: none; text-decoration: none; background-color: #A80D35;}

#content ol li a:link {color: #337aaa; text-decoration: underline; padding: 0; margin: 0; }
#content ol li a:visited {color: #337aaa; text-decoration: underline; padding: 0; margin: 0;}	
#content ol li a:visited:hover {color: #fff; border: none; text-decoration: none; background-color: #A80D35;}
#content ol li a:hover, #content ol li a:active, #content ol li a:focus {color: #fff; border: none; text-decoration: none; background-color: #A80D35;}


/* Header */
/***********************************************************************/
#logo {position: relative; float: left; padding: 0; margin: 10px 0px -5px 4px;}
.gecko #logo {position: relative; float: left; padding: 0; margin: 10px 0px -5px 7px;}
.ie6 #logo {position: relative; float: left; padding: 0; margin: 10px 0px -5px 7px;}
#logo_print {display: none;}

#appName {font-size: 1.6em; padding: 0; margin: 37px 20px 5px 0; color: #fff; float: right; font-weight: bold;}

#submenu {text-align: right; padding: 0; margin: 0px 10px 0px 9px; background-color: #6B695F; height: 21px;}
.gecko #submenu {text-align: right; padding: 0; margin: 0px 11px 0px 12px; background-color: #6B695F; height: 21px;}

#submenu p {color: #fff; font-size: 0.85em; padding: .5em 0 0 0; margin: 0 0 6px 0; line-height: .8em;}
#submenu a:link {font-weight: normal; text-decoration: none; color: #fff; margin: 0 10px; border: none; padding: 0;}
#submenu a:visited {font-weight: normal; text-decoration: none; color: #fff; margin: 0 10px; border: none; padding: 0;}	
#submenu a:visited:hover {font-weight: normal; text-decoration: none; color: #fff; background-color: #A80D35; margin: 0 10px; border: none;}
#submenu a:hover, #submenu a:active {text-decoration: none; color: #fff; border: none; margin: 0 10px; background-color: #A80D35;}

#findus {float: right; margin: 10px -5px 0 0 ; padding: 0; font-size: 0.9em;}
.ie6 #findus {float: right; margin: 10px -3px 0 0 ; padding: 0; font-size: 0.9em;}

.gecko #findus {float: right; margin: 10px -4px 0 0 ; padding: 0; font-size: 0.9em;}
#findus ul li a, #findus ul li a:link {color: #5a5951; text-decoration: none; border: none; padding: 0;}
#findus ul li a:hover {text-decoration: none; background-color: #A80D35; color: #fff;}
#findus ul li a:visited { text-decoration: none; border: none;}
#findus ul {list-style: none; padding: 0;}
#findus li {display: inline;}
#findus li.find-icon {background: url("/common/images/icon-findus-main.gif") 0 0 no-repeat; padding: 0 8px 0 19px; margin: 0; min-width:100px;}
#findus li.contact-icon {background: url("/common/images/icon-contactus-main.gif") 0 0 no-repeat; padding: 0 8px 0 20px; margin: 0; min-width:100px;}
#findus li.feedback-icon {background: url("/common/images/icon-feedback-main.gif") 0 0 no-repeat; padding: 0 8px 0 24px; margin: 0; min-width:100px;}
#findus li.sitemap-icon {background: url("/common/images/icon-sitemap-main.gif") 0 0 no-repeat; padding: 0 0 0 18px; margin: 0; min-width:100px;}

#search {float: right; margin: 15px -5px 0px 0px; text-align: right; padding: 0; clear: right; width: 370px;}
.ie6 #search {float: right; margin: 15px -3px 0px 0px; text-align: right; padding: 0; clear: right; width: 370px;}
.gecko #search {float: right; margin: 15px -4px 0 0 ; text-align: right; padding: 0; clear: right; width: 370px;}

#search label {float: left; font-weight: bold; padding: 0 2px 0 0; font-size: 12px; color: #5a5951;}
.gecko #search label {float: left; font-weight: bold; padding: 0 2px 0 0; font-size: 12px; color: #5a5951;}
#searchinput {margin: 0; padding: 0; border: solid 1px #aaa;}
.searchtext {border: 1px solid #000; color: #555; padding: 0; font-size: .9em; font-family: "Courier New", Courier, monospace; float: left;}

.searchgo {background: url("/common/images/search-btn-main.gif") #A80D35 no-repeat; border: none; margin: 0; padding: 0 0 1px 0; width: 60px; height: 19px; cursor:pointer; color: #fff; letter-spacing: 1px; font:12px Arial,Helvetica,sans-serif; }

.skiplinks {float: left; color: #FFFFFF; font-size: 0.85em; margin:0; padding: 4px 0 8px 0; line-height: 1em;}
.skiplinks a:link {font-weight: normal; text-decoration: none; color: #fff; margin: 0 9px; border: none;}
.skiplinks a:visited {font-weight: normal; text-decoration: none; color: #fff;margin: 0 9px; border: none;}	
.skiplinks a:visited:hover {font-weight: normal; text-decoration: none; color: #fff; background-color: #aa4f33; margin: 0 9px; border: none;}
.skiplinks a:hover, .skiplinks a:active {text-decoration: none; color: #fff; border: none; margin: 0 9px; background-color: #aa4f33;}
.skipTo {width: 1px; height:1px;}

.logon {text-align: center; padding-top: 9px;}
.main_image {background-color: #ccc; height: 180px; background:url('/common/images/collage3.jpg') repeat-x center; width: 100%; margin: 0 0 10px 0;}
.program-logos, .program-logos img {margin: 0; padding: 0 5px; text-align: center;}
.tag_line {color: #555; background-color: #fff; padding: 0 0 .3em 0; text-align: center; font-size: 1.2em; margin: 0 auto .3em auto; font-weight: normal; font-family: Arial, Helvetica, sans-serif; letter-spacing: .1em;}


/* Content */
/***********************************************************************/
.box {background-color: #d9e1f1; padding: 0 0 .5em 0; margin: .4em 0 .8em 0; width: 100%; color: #000;}
.box h2 {padding-left: 4px;}
.help {background-color: #fff; padding: 0 .5em; margin: .8em 0; color: #000; border: 1px dashed #bac3d4;}
.box p {color: #000;}
.box p, .box ul, .box select {margin: 0 4px; padding: 0;}
.img_button {border: none; background-color: transparent;}
.no_bg {background-color: #fff; margin: 0 0 .8em 0;}
#breadcrumb, #history-trail {font-size: .85em; border-bottom: 1px dotted #eee;}
#breadcrumb p, #history-trail p {margin: 0 0 .5em 0; padding: 0;}
.important {background-color: #eef6ed; padding: 15px 0 0 0; margin-bottom: 15px; border: solid 1px #ccc; width: 100%;}
.important h2 {margin: 0 0 0 15px;}
.important p {margin: 0 15px 0 15px;}
.important p button {background:#2e6f9b; color: #fff; font-weight:300; margin-right: 5px;}
a.noHover:hover img {background-color: #d9e1f1;}
a.noHoverHome:hover img {background-color: #fff;}
.information {width: 98%; background-color: #eaedfe; border: solid 1px #7aa2e3; margin-bottom: 10px;}
.information p {margin: 4px 10px; background-image: url('/common/images/info-icon.gif'); background-repeat: no-repeat; padding: 10px 0 10px 50px; color: #000;}
.warning {width: 98%; background-color: #fdfeea; border: solid 1px #e3b07a; margin-bottom: 10px;}
.warning p {margin: 4px 10px; background-image: url('/common/images/icon-warning.gif'); background-repeat: no-repeat; padding: 10px 0 10px 50px; color: #000;}
.translated-info {margin-top: 15px;}

#content a.external, #content a:link.external, #content a:visited.external, #content a:active.external { padding-right: 18px; background: url('/common/images/icon-external.gif') no-repeat right top;}
#content a:hover.external, #content a:visited:hover.external {padding-right: 18px; background: #A80D35 url('/common/images/icon-external.gif') no-repeat right top !important;}

#content a.pdf, #content a:link.pdf, #content a:visited.pdf, #content a:active.pdf { padding-right: 18px; background: url('/common/images/icon-pdf.gif') no-repeat right top;}
#content a:hover.pdf, #content a:visited:hover.pdf {padding-right: 18px; background: #A80D35 url('/common/images/icon-pdf.gif') no-repeat right top !important;}

#content a.word, #content a:link.word, #content a:visited.word, #content a:active.word { padding-right: 18px; background: url('/common/images/icon-msword.gif') no-repeat right top;}
#content a:hover.word, #content a:visited:hover.word {padding-right: 18px; background: #A80D35 url('/common/images/icon-msword.gif') no-repeat right top !important;}

#content a.xls, #content a:link.xls, #content a:visited.xls, #content a:active.xls { padding-right: 18px; background: url('/common/images/icon-msxls.gif') no-repeat right top;}
#content a:hover.xls, #content a:visited:hover.xls {padding-right: 18px; background: #A80D35 url('/common/images/icon-msxls.gif') no-repeat right top !important;}

#content a.rtf, #content a:link.rtf, #content a:visited.rtf, #content a:active.rtf { padding-right: 18px; background: url('/common/images/icon-rtf.gif') no-repeat right top;}
#content a:hover.rtf, #content a:visited:hover.rtf {padding-right: 18px; background: #A80D35 url('/common/images/icon-rtf.gif') no-repeat right top !important;}

#content a.mailto, #content a:link.mailto, #content a:visited.mailto, #content a:active.mailto { padding-right: 18px; background: url('/common/images/icon-mailto.gif') no-repeat right top;}
#content a:hover.mailto, #content a:visited:hover.mailto {padding-right: 18px; background: #A80D35 url('/common/images/icon-mailto.gif') no-repeat right top !important;}

#content a.mp3, #content a:link.mp3, #content a:visited.mp3, #content a:active.mp3 { padding-right: 18px; background: url('/common/images/icon-mp3.gif') no-repeat right top;}
#content a:hover.mp3, #content a:visited:hover.mp3 {padding-right: 18px; background: #A80D35 url('/common/images/icon-mp3.gif') no-repeat right top !important;}

#content .columnWrapper, #contentFullWidth .columnWrapper {width: 98%;}
#content .columnWrapperLeft, #contentFullWidth .columnWrapperLeft {float: left; width: 49%;}
#content .columnWrapperRight, #contentFullWidth .columnWrapperRight {float: right; width: 49%;}


/* Logon */
/***********************************************************************/
.navbox {padding: 0; margin: 0 0 8px 5px; width: 220px;}
.navboxMiddleOuter {background-color: #A80D35; margin: 0; padding: 0; width: 100%;}
.navboxMiddleInner {background-color: #fff; margin: 0 1px; padding: 0 2px;}
.ie6 .navboxBottom {padding: 0; margin-bottom: -6px; width: 100%; background: url("/common/images/logon-box-bottom2.gif") #fff top left no-repeat; height: 10px;}
.navboxBottom {padding: 0; margin: 0; width: 100%; background: url("/common/images/logon-box-bottom2.gif") #fff top left no-repeat; height: 10px;}
.mainMenu {background: url("/common/images/logon-main-menu-bg2.gif") #A80D35 top left no-repeat; color: #fff; padding: 5px 0 5px 10px; font-weight: bold; letter-spacing: .1em;}
.navbox ul {margin: 0; padding: 0 0 0 2px;}
.navbox li {list-style-type: none; list-style-position: outside; padding: 4px 4px 4px 8px; margin: 0; background: url('/common/images/list-icon.gif') -.1em .7em no-repeat; color: #333; font-size: .9em;}
.navbox li a, .navbox p a {color: #2d5b8a; text-decoration: none; border: none; padding: 0; margin: 0;}
.navbox li a:link, .navbox p a:link {color: #2d5b8a; text-decoration: none; border: none;}
.navbox li a:visited, .navbox p a:visited {color: #2d5b8a; text-decoration: none; border: none;}	
.navbox li a:visited:hover, .navbox p a:visited:hover {color: #fff; border: none; text-decoration: none; background-color: #A80D35;}
.navbox li a:hover, .navbox li a:active, .navbox li a:focus, .navbox p a:hover, .navbox p a:active, .navbox p a:focus {color: #fff; border: none; text-decoration: none; background-color: #A80D35;}
.navbox p {margin: 0 0 0 2px;}

.rightbox2 {padding: 0; margin: 5px 0 8px 0; width: 180px;}
.rightMiddleOuter2 {margin: 0; padding: 0; background-color: #A80D35;}
.rightMiddleInner2 {margin: 0 1px; background-color: #fff;}
.ie6 
.rightboxBottom2 {padding: 0; margin-bottom: -6px;; width: 100%; background: url("/common/images/box-bottom4.gif") top no-repeat; height: 10px;}
.rightboxBottom2 {padding: 0; margin: 0; width: 100%; background: url("/common/images/box-bottom4.gif") top no-repeat; height: 10px;}
.rightMenu2 {color: #fff; padding: 5px 0 5px 8px; font-weight: bold; letter-spacing: .1em; background: url("/common/images/right-box-bg2.gif") #A80D35 top no-repeat;}
.rightboxHeading2 {margin: 0; color: #A80D35; padding: 6px 0 2px 4px; font-size: 1.05em; font-weight: bold; border-bottom: solid 1px #d1ceba; width: 194px}
.rightbox2 ul {margin: 0 0 -5px 2px; padding: 0;}
.rightbox2 li {list-style-type: none; list-style-position: outside; padding: 4px 4px 4px 15px; margin: 0; background: url('/common/images/list-icon.gif') .2em .6em no-repeat; color: #000; font-size: .9em;}
.rightbox2 li a, .rightbox2 p a {color: #2d5b8a; text-decoration: none; border: none; padding: 0; margin: 0;}
.rightbox2 li a:link, .rightbox2 p a:link {color: #2d5b8a; text-decoration: none; border: none;}
.rightbox2 li a:visited, .rightbox2 p a:visited {color: #2d5b8a; text-decoration: none; border: none;}	
.rightbox2 li a:visited:hover, .rightbox2 p a:visited:hover {color: #fff; border: none; text-decoration: none; background-color: #A80D35;}
.rightbox2 li a:hover, .rightbox2 li a:active, .rightbox2 li a:focus, .rightbox2 p a:hover, .rightbox2 p a:active, .rightbox p a:focus {color: #fff; border: none; text-decoration: none; background-color: #A80D35;}
.popularDownload li {background-image: url('/common/images/icon-pdf-sml.gif'); background-position: 0 5px; padding-left:1.4em;}


/* Footer */
/***********************************************************************/
div#footer {padding: 0; margin: 0; clear: both; background-color: #b3aea6; }
div#footerInner {  margin: 0; padding: .4em 0 0 .5em; background: url('/common/images/footer-curve-main.gif') #6B695F bottom right no-repeat; color: #fff;}
p.top {float: right; padding: 4px 0 0 0; margin-right: 20px; color: #fff;}
p.top a, p.top a:link, p.top a:visited {color: #fff; padding-left: 17px; text-decoration: none;}
p.top a:hover, p.top a:visited:hover {background-color: #A80D35;}
#footer p {color: #eee; margin: 0; padding:0 10px 5px 0;}
#footer p a, #footer p a:link, #footer p a:visited {color: #eee; text-decoration: none; padding: 0 3px;}
#footer p a:hover, #footer p a:visited:hover {background-color: #A80D35; color: #fff;}