// _sitewide.css

body { background: white;
       font-family: arial, sans-serif; }

div.error { display: block;
            margin: 10px; padding: 10px; width: 80%;
            border: 1px solid black; background: rgb(253,215,215); color: black;
            font-family: courier, arial, sans-serif; font-weight: bold; }

* { margin: 0px; padding: 0px; }

/* General Links */
a { text-decoration: none; }

/* header */
#d0_0 { height: 80px;
        background: #000066; color: white; }
#d0_0-0_0 { display: inline; float: left; clear: none;
            line-height: 80px; }
#logo { vertical-align: middle; margin-top: -2px; border: none; }
/*
  font preference for headings:
  1st choice: impact
  2nd choice: arial bold
  3rd choice: sans-serif
  Because 2nd choice involves both a weight and a family, you have to use the font property.
  However, the font property doesn't let you list preferences - only the characteristics of one font.
  So you must write redundat rules and rely on precedence.  Note the required format of the font property.
*/
#title { display: inline; vertical-align: -6px;
         margin-left: 20px; }
#title { font: bold xx-large sans-serif; } /* default to last choice in case other choices fail */
#title { font: bold xx-large Arial; } /* try to overrule sans-serif with arial bold, if available */
#title { font: xx-large Impact; } /* try to overrule sans-serif or arial bold with impact, if available */

/* upper right container */
#d0_0-1_0 { display: inline; float: right; clear: none;
            margin-top: 10px; margin-right: 10px; }

/* upper right nav list */
#d0_0-1_0-0_0 { text-align: center; }
#d0_0-1_0-0_0 ul { list-style-type: none; list-style-image: none; }
#d0_0-1_0-0_0 li { display: inline; padding: 0.2em 1em; color: white; }
#d0_0-1_0-0_0 li a:link { color: white; }
#d0_0-1_0-0_0 li a:visited { color: white; }
#d0_0-1_0-0_0 li a:hover { background: yellow; color: black; }
#d0_0-1_0-0_0 li a:active { color: white; }
#d0_0-1_0-0_0 li + li { border-left: solid 1px white; }
#d0_0-1_0-0_0 li { font-size: small; }
#d0_0-1_0-0_0 img { vertical-align: middle; border: none; }

/* upper right search */
#d0_0-1_0-0_1 { margin-top: 10px; text-align: right; }
#search-box { height: 18px; border: solid 1px black; background: white; color: black; font-size: small; }
#search-button { height: 20px; border: none; background: #ddddff; color: black; font-size: small; font-weight: bold; }
#search-button:hover { background: yellow; }

ul.menutree a { text-decoration: none; }
ul.menutree ul { display: none; position: absolute; }
ul.menutree ul.foldOut { display: block; }
ul.menutree li { position: relative; }
ul.menutree li.highlight { z-index: 10; }

#d0_1 li.highlight { background-color: #cccccc; }
#d0_1 ul.menutree ul { top: 21px; left: 0px; }

/* main tabs */
#d0_1 { width: 100%; height: 21px;
        padding: 2px 0; text-align: left;
        background: #42ab9f; color: white; }

#d0_1 ul { list-style-type: none; list-style-image: none; }

#d0_1 li { display: inline; float: left; width: 237px; margin-left: 0; padding: 0; text-align: center;
           background: #42ab9f; color: white; border-right: solid 2px white; }
#d0_1 li { font: large sans-serif; } /* default to last choice in case other choices fail */
#d0_1 li { font: bold large arial; } /* try to overrule sans-serif with arial bold, if available */
#d0_1 li a:link { color: white; }
#d0_1 li a:visited { color: white; }
#d0_1 li:hover { background: #cccccc; }
#d0_1 li a:active { color: white; }
//#d0_1 li.current { background: yellow; }

#d0_1 ul ul { margin-top: 0; width: 100%; }
#d0_1 ul ul { border: 1px solid black; background: #42ab9f; }

#d0_1 li li { display: block; float: none; width: auto; text-indent: 5px; padding: 0 0 0 5px; text-align: left; border: none; background: #42ab9f; }
#d0_1 li li a { zoom: 1; /* defeat hasLayout bugs in IE */ }
#d0_1 li li a { text-align: left; }//padding: 0; border: 0; }//background: yellow;}//#cccccc; }

#d0_1 a { display: block; text-align: center;
          border: none; color: #800000;
          font-weight: bold; }
//#d0_1 a:hover { background-color: #cccccc; }

/* bread-crumbs navigation */
div#div-crumbs { height: 14px;
                 text-align: left; padding-left: 10px;
                 border-top: solid 1px white;
                 background: #42ab9f; color: white; }
div#div-crumbs { font: x-small sans-serif; } /* default to last choice in case other choices fail */
div#div-crumbs { font: x-small Arial; } /* try to overrule sans-serif with arial bold, if available */
div#div-crumbs a { text-decoration: underline; }
div#div-crumbs a:link { color: white; }
div#div-crumbs a:visited { color: white; }
div#div-crumbs a:hover { color: white; text-decoration: underline; }
div#div-crumbs a:active { color: white; }

/* slideshow */
#div-ss-cont { height: 128px; background: #f5de51; }
#table-ss { width: 100%; border: 0; cellspacing: 0; cellpadding: 4; }

//#div-ss-text-cont-2 { display: inline; position: relative; float: left; clear: none;
//                      height: 128px; width: 370px; }
//#div-ss-text-cont-1 { height: 0; width: 370px; position: absolute; top: 50%; background: cyan; }
//#div-ss-text { border: dashed 2px black; margin-top: -50%; width: 350px; }

#div-ss-text-cont-2 { display: inline; float: left; clear: none; }
#div-ss-text { display: inline; float: left; clear: none; }
#div-ss-text { width: 33%; }
#div-ss-text { color: black; }
#div-ss-text { font: italic x-large sans-serif; } /* default to last choice in case other choices fail */
#div-ss-text { font: italic x-large Arial; } /* try to overrule sans-serif with arial bold, if available */
#td-ss { height: 128px; width: 33%; }
#td-ss { color: black; }
#td-ss { font: italic x-large sans-serif; } /* default to last choice in case other choices fail */
#td-ss { font: italic x-large Arial; } /* try to overrule sans-serif with arial bold, if available */
#td-ss { vertical-align: middle; }

#div-ss-img { display: inline; float: left; clear: none; }
.img-ss { display: inline; height: 128px; border: none; }
/*
#div-ss-text-cont-4 {  
	overflow: visible; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
}
#div-ss-text-cont-3 { 
	position: relative; 
	height: auto !important; 
	height: 50%; 
	min-height: 50%; 
	width: 100%; 
	top: 0; 
	left: 0; 
}
#div-ss-text-cont-2 { 
	visibility: visible; 
	position: relative; 
	width: 100%; 
	height: 92.5px; 
}
#div-ss-text-cont-1 { 
	position: absolute; 
	top: 100%; 
	left: 0; 
	height: 10px; 
	width: 100%; 
}
#div-ss-text {
	text-align: left;
	overflow: hidden;
	float: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	top: -92.5px;
	width: 185.0px; 
	height: 185.0px; 
}
*/

/* main content area */
#d0_2 { padding: 15px; background: white; }
#d0_2-0_0cont { float: left; width: 33%; text-align: center; }
#d0_2-2_0cont { float: right; width: 33%; text-align: center; }
#d0_2-1_0cont { float: left; width: 33%; text-align: center; }
#d0_2-0_0 { margin: 8px; text-align: left; }
#d0_2-2_0 { margin: 8px; text-align: left; }
#d0_2-1_0 { margin: 8px; text-align: left; }
#d0_2-1_0-0_0 { text-align: center; }
#d0_2 hr { height: 0; border-top: dotted 1px gray; }

.section-title { padding-bottom: 0.3em; color: #42ab9f; font-size: x-large; font-family: arial, sans-serif; }
.section-title a { display: block; }
.section-title a:link { color: #42ab9f; }
.section-title a:visited { color: #42ab9f; }
.section-title a:hover { color: #42ab9f; }
.section-title a:active { color: #42ab9f; }
.section-body { padding: 0.3em 0; font-size: small; font-family: verdana, arial, sans-serif; }
.section-body-link { padding: 0.6em 0; color: #000066; font-size: small; font-family: verdana, arial, sans-serif; }
.section-body-link a { display: block; }
.section-body-link:hover { background: #f4f4ff; }
.read-more { font-style: italic; font-size: xx-small; }
.more-link { font-style: italic; }
.more-link:hover { background: #ddffdd; }

.section-body ul { list-style-type: disc; padding: 0.5em 0 0.5em 20px; }
.section-body-link ul { list-style-type: disc; padding: 0.5em 0 0.5em 20px; }

.news-citation { font-weight: bolder; }

div#div-svc-nav-cont { float: left; width: 15%; text-align: center; }
div#div-svc-ex-cont { float: right; width: 42%; text-align: center; }
div#div-svc-list-cont { float: left; width: 42%; text-align: center; }
div#div-svc-nav { padding: 3em 8px; text-align: left; }
div#div-svc-ex { margin: 8px; text-align: left; }
div#div-svc-list { margin: 8px; text-align: left; }
.svc-head { font-size: large; font-family: arial, sans-serif; }
.svc-nav { font-size: medium; font-family: arial, sans-serif; }
.svc-nav { list-style-type: none; list-style-image: none; }
.svc-nav li { padding: 1em 0 0; color: rgb(0,112,192);//#42ab9f; }
.svc-nav a { display: block; color: black; }
.svc-nav a:link { color: black; }
.svc-nav a:visited { color: black; }
.svc-nav a:hover { background: #f4f4ff; color: black; }
.svc-nav a:active { color: black; }

//table.paleblueback { border: 1; bordercolor: #d2e1f0; cellspacing: 0; }
table.paleblueback { border-collapse: collapse; }
table.paleblueback th { padding: 4px; background: white; font-weight: bold; }
table.paleblueback td { padding: 4px; text-align: center; background: #eff4fa; }

table.layout { border: 0; cellspacing: 0; cellpadding: 4px; }

.company-profile { padding-bottom: 0.5em;
                   color: #222222; font-size: small; font-family: verdana, arial, sans-serif; }
.company-profile ul { list-style-type: disc; padding: 0.5em 0 0.5em 20px; }
.company-profile li { padding: 0.2em 0; }

.advantage-box { padding: 0.2em; border: 3px solid black; font-style: italic; }
.advantage-title { font-style: normal; font-weight: bold; font-size: larger; }

/* bottom nav list */
#d0_3cont { background: #000066; clear: both; padding: 3px; color: white; text-align: center; font-size: x-small; }
#d0_3 ul { list-style-type: none; list-style-image: none; }
#d0_3 li { display: inline; padding: 0.2em 1em; color: white; }
#d0_3 li a:link { color: white; }
#d0_3 li a:visited { color: white; }
#d0_3 li a:hover { background: yellow; color: black; }
#d0_3 li a:active { color: white; }
#d0_3 li + li { border-left: solid 1px white; }
#d0_3 li { font-size: x-small; }

#d0_4 { clear: both; background: #000066; padding: 3px; color: white; text-align: center; font-size: small; }