/*******************************************************************************
 * general formatting
 ******************************************************************************/
body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 0.8em;
    line-height: 1.25em;
}

img {
    border: 0;
}

small {
    font-size: 0.9em;
}

small.sup {
    font-size: 0.8em;
    position: relative;
    top: -0.4em;
}

big {
    font-size: 1.3em;
    line-height: 1.3em;
}

p {
    margin: 0 0 0.9em 0;
}

a {
    color: #01308A;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* enable alpha transparency for 24-bit PNGs in IE6 */
* html img.trans-png {
    behavior: url("/_js/iepngfix.htc");
}

/* clear floated children */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/*******************************************************************************
 * outer containers
 ******************************************************************************/
#backdrop {
    background: #fff url(../_images/bkd-main-backdrop.gif) repeat-x;
}

#canvas {
    position: relative;
    width: 996px;
    margin: 0 auto;
    margin-top: 0;
}

/*******************************************************************************
 * #header
 ******************************************************************************/
#header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

#header-nav {
    position: relative;
    float: right;
    padding: 0 0 0 22px;
    background: url(../_images/bkd-global-nav.gif) no-repeat left bottom;
    color: #666;
    font-size: 0.7em;
}

#header-nav  div.inner-wrapper{
    padding: 8px 195px 18px 0;
    background: url(../_images/bkd-global-nav.gif) no-repeat right bottom;
}

#header-nav a {
    color: #666;
    vertical-align: middle;
    text-decoration: none;
}

#header-nav a:hover {
    text-decoration: underline;
}

#header-nav form {
    position: absolute;
    top: 0.65em;
    right: 16px;
}

#header-nav form .input-text {
    position: absolute;
    top: 0;
    right: 37px;
    padding: 2px 5px 0 5px;
    width: 120px; /* 130px - 10px padding */
    height: 18px; /* 20px - 2px padding */
    border: 1px solid #ECECEC;
    color: #CECECE;
    font-size: 12px;
}

#header-nav form .input-image{
    position: absolute;
    top: 0;
    right: 0;
}

#header-logo {
	position: absolute;
	top: 20px;
	left: 8px;
}

#header-title {
    position: absolute;
    top: 85px;
    left: 8px;
    margin: 0;
}

#header-polaroids-small {
    position: absolute;
    top: 71px;
    right: 20px;
}

#header-polaroids-large {
    position: absolute;
    top: 46px;
    right: 0;
}

/*******************************************************************************
 * #sitenav
 ******************************************************************************/
#sitenav {
    position: absolute;
    top: 147px;
    left: 0;
    margin: 0;
    padding: 0 0 0 2px;
    background: url(../_images/topnav-v-divider-yellow.gif) no-repeat;
    z-index: 1;
}

#sitenav li {
    position: relative;
    float: left;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#sitenav li .menu-title {
    display: block;
    width: 120px;
    height: 34px;
    background: url(../_images/topnav-btn-bkd.gif) no-repeat;
    font-size: 0.9em;
    font-weight: bold;
    color: #323132;
    line-height: 1.2em;
    text-decoration: none;
}

#sitenav li .menu-title:hover {
    background-position: -120px 0;
    color: #fff;
    cursor: pointer;
}

#sitenav li.active .menu-title {
    background-position: -120px 0;
    color: #fff;
}

#sitenav li .menu-title span {
    display: table;
    padding: 0 7px 0 5px;
    width: 108px; /* 120px - 12px padding */
    height: 34px;
    text-align: center;
    zoom: 1;
}

#sitenav li .menu-title span span {
    display: table-cell;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle;
    margin-top: inherit;
    *clear: expression(
        style.marginTop = "" + (offsetHeight < parentNode.offsetHeight ? parseInt((parentNode.offsetHeight - offsetHeight) / 2) + "px" : "0"),
        style.clear = "none", 0
    );
    text-decoration: none;
}

#sitenav li .menu-title:hover span span {
    text-decoration: underline;
}

#sitenav li ul.menu {
    display: none;
    position: absolute;
    top: 34px;
    left: -10px;
    margin: 0;
    padding: 4px 14px 14px 10px;
    width: 115px; /* 139px - 24px padding */
    background: url(../_images/subnav-bkd.png) no-repeat bottom;
}

* html #sitenav li ul.menu {
    background-image: url(../_images/subnav-bkd.gif);
}

#sitenav li ul.menu  li {
    float: left;
    padding: 5px 6px 3px 6px;
    width: 107px; /* 115px (parent width) - 12px padding */
    list-style-type: none;
    text-align: left;
    background: url(../_images/subnav-h-divider.gif) no-repeat;
    line-height: 0.9em;
}

#sitenav li ul.menu  li.first {
	padding-top: 3px;
    background: none;
}

#sitenav li ul.menu  li a {
    font-size: 0.85em;
	font-weight: bold;
    color: #323132;
    text-decoration: none;
}

#sitenav li ul.menu  li a:hover {
    text-decoration: underline;
}

/*******************************************************************************
 * #sidebar, #main-content, #main-content > #breadcrumbs
 ******************************************************************************/
#sidebar {
    clear: both;
    padding-top: 285px;
    width: 225px;
    float: right;
}

#main-content {
    clear: left;
    float: left;
    padding-top: 160px;
    width: 771px;
    margin-top: 0.15em;
    margin-bottom: 1em;
}

#main-content.wide {
    width: 996px;
}

#breadcrumbs {
    margin: 0 0 12px 6px;
    width: 600px;
    font-size: 0.9em;
}

/*******************************************************************************
 * sidebar contents
 ******************************************************************************/
#sidebar .sidebar-block {
    padding-left: 45px;
}

#sidebar .sidebar-divider {
    width: 221px; /* 187px + 34px bkd position */
    height: 22px;
    background: url(../_images/hr-dotted-grey.gif) no-repeat 34px center;
}

#social-media {
    margin-left: 16px;
}

#social-media a {
    margin-left: 3px;
}

/******************************************
 * CUSTOMIZE CLOUD CSS BELOW (optional)
 */
#htmltagcloud {
	font-size: 70%;
	width: auto;		/* auto or fixed width, e.g. 500px   */
	font-family: 'lucida grande','trebuchet ms',arial,helvetica,sans-serif;
	background-color: #fff;
	margin: 0 1em 0 1em;
	padding: 0;
}
/******************************************
 * END CUSTOMIZE
 */
#htmltagcloud{line-height:2.4em;word-spacing:normal;letter-spacing:normal;text-transform:none;text-align:justify;text-indent:0}#htmltagcloud a:link{text-decoration:none}#htmltagcloud a:visited{text-decoration:none}#htmltagcloud a:hover{color:white;background-color:#05f}#htmltagcloud a:active{color:white;background-color:#03d}.wrd{padding:0;position:relative}.wrd a{text-decoration:none}.tagcloud0{font-size:1.0em;color:#ACC1F3;z-index:10}.tagcloud0 a{color:#ACC1F3}.tagcloud1{font-size:1.4em;color:#ACC1F3;z-index:9}.tagcloud1 a{color:#ACC1F3}.tagcloud2{font-size:1.8em;color:#86A0DC;z-index:8}.tagcloud2 a{color:#86A0DC}.tagcloud3{font-size:2.2em;color:#86A0DC;z-index:7}.tagcloud3 a{color:#86A0DC}.tagcloud4{font-size:2.6em;color:#607EC5;z-index:6}.tagcloud4 a{color:#607EC5}.tagcloud5{font-size:3.0em;color:#607EC5;z-index:5}.tagcloud5 a{color:#607EC5}.tagcloud6{font-size:3.3em;color:#4C6DB9;z-index:4}.tagcloud6 a{color:#4C6DB9}.tagcloud7{font-size:3.6em;color:#395CAE;z-index:3}.tagcloud7 a{color:#395CAE}.tagcloud8{font-size:3.9em;color:#264CA2;z-index:2}.tagcloud8 a{color:#264CA2}.tagcloud9{font-size:4.2em;color:#133B97;z-index:1}.tagcloud9 a{color:#133B97}.tagcloud10{font-size:4.5em;color:#002A8B;z-index:0}.tagcloud10 a{color:#002A8B}.freq{font-size:10pt !important;color:#bbb}

/*******************************************************************************
 * #footer
 ******************************************************************************/
#footer {
    clear: both;
}

/*
#tool-textresize {
    float: right;
    margin-right: 225px;
}
*/

#line1 {
    margin-bottom: 0.1em;
    font-size: 0.85em;
    letter-spacing: 0.05em;
    color: #666;
}

#line2 {
    font-size: 0.85em;
    letter-spacing: 0.05em;
}

 /*******************************************************************************
 * building blocks
 ******************************************************************************/
.firstline {
    margin-top: 0;
}

h2 {
    margin: 1.5em 0 1em 0;
    color: #595959;
    font-size: 1.4em;
    line-height: 1em;
}

h2.arrow {
    display: inline;
    display: inline-block;
    padding-left: 22px;
    background: url(../_images/arrow-black.gif) no-repeat 0 0.4em;
}

h3 {
    margin: 1.2em 0 0.2em 0;
    color: #595959;
    font-size: 1.1em;
}

.box {
    margin-bottom: 0.3em;
}

.box .box-top {
    width: 771px;
    height: 22px;
    background: url(../_images/main-box-top.png) no-repeat;
}

* html .box .box-top {
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/_images/main-box-top.png');
}

.box .box-bottom {
    width: 771px;
    height: 28px;
    background: url(../_images/main-box-bottom.gif) no-repeat;
}

.box .box-middle {
    position: relative;
    padding: 5px 28px 0px 28px;
    width: 715px; /* 771px - 44px padding */
    height: auto !important; /* emulate min-height... */
    height: 175px;           /* ...in IE6             */
    min-height: 175px;
    background: url(../_images/main-box-middle.gif) no-repeat bottom;
}

* html .box .box-middle {
    overflow: visible;
}

ul.bullets-arrow-blue {
    display: inline;
    display: inline-block;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
}

ul.bullets-arrow-blue li {
    position: relative;
    list-style-type: none;
    margin-left: 0;
    padding-left: 14px;
    background: url(../_images/arrow-white-on-blue.gif) no-repeat 0 0.15em;
}

ul.bullets-arrow-grey {
    position: relative;
    display: inline;
    display: inline-block;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
}

ul.bullets-arrow-grey li {
    position: relative;
    list-style-type: none;
    padding-left: 14px;
    background: url(../_images/arrow-white-on-grey.gif) no-repeat 0 0.25em;
}

.expandable {
    position: relative;
    margin-bottom: 0.9em;
}

.expandable .expandable-opener {
    display: inline;
    display: inline-block;
    padding-left: 12px;
    background: url(../_images/icons-expand-collapse.gif) no-repeat 0 0.15em;
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.expandable .expandable-opener:hover {
    cursor: pointer;
}

.expandable.active > .expandable-opener {
    background-position: -12px 0.15em;
}

* html .expandable.active .expandable-opener {
    background-position: expression(/active/.test(this.parentNode.className) ? "-12px 0.15em" : "0 0.15em");
}

.expandable .expandable-opener span {
    display: block;
    padding-left: 6px;
    background-color: #fff;
}

.expandable .expandable-opener:hover span {
    text-decoration: underline;
}

.expandable .expandable-content {
    display: none;
    margin-top: 0.6em;
    margin-left: 18px;
}