/* du Pré
SAM, July - Aug 2004
=========================================== */

body { width: 994px; background: #467b8d; /* #588e9a; */ color: #526e72; margin: 10px auto; padding: 0px 0px 0px 0px; font-family: Verdana, arial, Sans-serif; font-size: 65%; }

#container { width: 794px; height: 68px; float: right; padding: 0px; margin: 0px; }
#contentpod-l { width: 408px; float: left; padding: 0px; margin: 1px 1px 0px 1px; }
#contentpod-r { width: 407px; float: right; padding: 0px; margin: 1px 0px 0px 0px; }
#dummy { }
#header { width: 994px; height: 68px; background: #dbe0e1; border-bottom: 1px solid #fff; float: left; margin: 0px 0px; padding: 0px 0px; }
#doublefirstlink { width: auto; clear: both; height: 40px; }
#homebg { width: 176px; height: 22px; background: #87979c url(images/home-bg.gif) no-repeat; border-bottom: 1px solid #fff; color: #fff; text-align: right; font-weight: bold; font-size: 110%; float: left; }
/* #homepageimage { margin-left: 110px; } */
/* #homepageimage { float: left; margin-left: 110px; } */
#homepageimage { float: left; padding-left: 1px; background: #ffffff; }
#footer { clear: both; width: 994px; height: 22px; padding: 0px; margin: 0px; background: #fff url(images/footerbg.gif) no-repeat; float: left; }

/* Graded LHS:
================================ */
#left { width: 176px; float: left; background: #ffffff url(/images/bg_lhgrad.gif) repeat-x; }
#leftcol { width: 176px; height: auto; float: left; margin-bottom: 20px; }
#leftcol-sitemap { width: 176px; height: 30px; float: left; }

/* Non-Graded LHS:
#left { width: 176px; float: left; background: #c8e3eb; }
#leftcol { width: 176px; height: auto; float: left; background: #c8e3eb; margin-bottom: 20px; }
#leftcol-sitemap { width: 176px; height: 30px; float: left; background: #c8e3eb; }
================================ */

#maincontainer { background: #ffffff; width: 994px; margin: 0px 0px; padding: 0px 0px; }
#nav { width: 817px; height: 22px; background: #b0bbbf; border-bottom: 1px solid #fff; border-left: 1px solid #fff; float: left; vertical-align: middle; margin: 0px; font-weight: bold; font-size: 110%; }
#right { background: #ffffff; width: 818px; padding: 0px; margin: 0px; float: left; }
#search { min-width: 370px; color: #000; background: #b0bbbf url("images/search-bg.gif"); margin: 0px; padding: 0px; height: 28px; float: right; }
/* #search { min-width: 370px; color: #000; background: #b0bbbf url(images/search-corner.gif) bottom left no-repeat; margin: 0px; padding: 0px 0px 0px 10px ; height: 28px; float: right; }
#search { min-width: 370px; color: #000; background: url(images/search-bg.gif) repeat-x; margin: 0px; padding: 0px; float: right; } */
#standardsNote { display: none; }
#subnavbox  { line-height: 150%; padding: 10px 10px 50px 15px; width: 151px }
#subnavbox-sitemap { line-height: 150%; padding: 10px 10px 0 15px }

/* links
================================ */

a { color: #ca0533; }
a:link { text-decoration: underline; }
a:visited { color: #ca0533; }
a:hover { text-decoration: underline; }

/* header
================================ */

.logo {
  width: 170px;
  float: left;
  padding: 13px 0px 0px 15px;
}

.searchtext   { font-size: 120%; padding: 0 5px 4px 2px; width: auto }

a.searchlinks { font-size: 100%; color: #000; text-decoration: none; }
a.searchlinkson { text-decoration: none; }
a.searchlinks:visited { color: #000; }
a.searchlinkson:visited { color: #000; text-decoration: none; }
a.searchlinks:hover { color: #000; text-decoration: underline; }
a.searchlinkson:hover { text-decoration: underline; }

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

.doublefirstlinktext { font-size: 75%; color: #000; padding-top: 3px; float: right; }
.inputbox { font-size: 100%; width: 135px; border: 1px solid #999999; padding: 2px; margin: 2px 0px 0px 0px; height: 17px; voice-family: "\"}\"";  height: 13px; }

/* home page
================================ */

.leftcontent { width: 162px; padding: 5px 7px; line-height: 150%; }

.greenpod { width: 400px; height: 19px; float: left; background: #9acdcd; padding: 3px 0 0 7px; }
.greenpod a:link { color: #066; text-decoration: none; padding: 0; font-size: 120% }
.greenpod a:visited { color: #066; text-decoration: none; padding: 0; font-size: 120% }
.greenpod a:hover { color: #fff; text-decoration: none; padding: 0; font-size: 120% }
.greenpod a:active { color: #066; text-decoration: none; padding: 0; font-size: 120% }

.bluepod { width: 400px; height: 19px; float: left; background: #98c9e2; padding: 3px 0 0 7px; }
.bluepod a:link { color: #069; text-decoration: none; padding: 0; font-size: 120% }
.bluepod a:visited { color: #069; text-decoration: none; padding: 0; font-size: 120% }
.bluepod a:hover { color: #fff; text-decoration: none; padding: 0; font-size: 120% }
.bluepod a:active { color: #069; text-decoration: none; padding: 0; font-size: 120% }

.bluepod img, .greenpod img{ float: right; margin-top: -3px; }
.arrowup { margin-top: -3px; }

.innerpod { width: 375px; padding: 7px 20px 7px 10px; line-height: 150%; clear: both; }
SPAN.leftshout { font-size: 170%; font-weight: bold; color: #ff0033; }
/* nav
================================ */

a.navitem { color: #002C3A; text-decoration: none; padding: 0 }
a.navitemon { color: #fff; text-decoration: none; padding: 0 }
a.navitem:visited { color: #002C3A; text-decoration: none; }
a.navitemon:visited { color: #fff; text-decoration: none; }
a.navitem:hover { color: #fff; text-decoration: none; }
a.navitemon:hover { color: #fff; text-decoration: none; }
.padding1 { padding: 3px 7px 0; float: left; }

.homenav {
  width: 160px;
  text-align: right;
  padding: 3px 8px 0px 0px;
}

a.homelink { color: #fff; text-decoration: none; }
a.homelinkon { text-decoration: none; }
a.homelink:visited { color: #fff; }
a.homelinkon:visited { color: #fff; text-decoration: none; }
a.homelink:hover { color: #fff; text-decoration: none; }
a.homelinkon:hover { text-decoration: none; }

.navtitle { font-size: 120%; font-weight: bold; }
.subsubnav { text-indent: 8px; }

a.subnav { color: #666; text-decoration: none; font-size: 110%; }
a.subnavon { color: #666; font-weight: bold; text-decoration: none; font-size: 110%; }
a.subnav:visited { color: #666; text-decoration: none; }
a.subnavon:visited { color: #666; text-decoration: none; }
a.subnav:hover { text-decoration: underline; }
a.subnavon:hover { text-decoration: underline; }

.leftcolcontent { width: 162px; padding: 0px 7px; }
.sitemap-box { float: left; width: 120px; padding: 0px 10px; margin: 0px; }
.sitemap-only3 { float: left; padding: 0px 0px 0px 70px; margin: 0px; }
.sitemap-only2 { float: left; padding: 0px 0px 0px 140px; margin: 0px; }
.sitemap-only1 { float: left; padding: 0px 0px 0px 200px; margin: 0px; }
.sitemap-bl { width: 120px; padding: 0px; margin: 0px; background: url(images/sitemap-bl.gif); }
.sitemap-gr { width: 120px; padding: 0px; margin: 0px; background: url(images/sitemap-gr.gif); }
.sitemap-text { width: 104px; padding: 0px 8px;}

.footertext {
  width: 981px;
  height: 19px;
  color: #000;
  text-align: right;
  padding: 3px 7px 0px 0px;
  float: left;
}

a.footerlinks { text-decoration: none; }
a.footerlinks:hover { text-decoration: underline; }

.maincontent { width: 788px; padding: 15px; font-size: 105%; }

/* DD Menus */
==============

.menu { width: 816px; height: 21px; font-size:0.85em; position: relative; z-index:100; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; }
/* IE5.5 faulty box model hack */
* html .menu { width: 817px; w\idth: 816px; }
/* clear default styling */
.menu ul { padding: 0; margin: 0; list-style-type: none; }
.menu ul ul { width: 100px; margin-left: -1px; }
/* float makes horizontal and relative allows control of dd position */
.menu li { float: left; width: 100px; position: relative;}
/* L1 */
.menu a, .menu a:visited { display: block; font-size: 11px; text-decoration: none; color: #ffffff; width: 89px; height: 21px; border: 1px solid #ffffff; border-width: 0 1px 0 0; background: #b0bbbf url(/images/corner_white.gif) top right no-repeat; padding-left:10px; padding-bottom: 1px; line-height: 21px;}
.menu a:hover { text-decoration: none; }
/* IE5.5 faulty box model hack */
* html .menu a, * html .menu a:visited { width: 100px; w\idth: 89px; }

/* L2 background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { background: #a4d9c7 url(/redesign/images/drop.gif) bottom right no-repeat; font-weight: normal;}
/* L2 hover */
.menu ul ul a.drop:hover { background: #ac2c4a url(/redesign/images/drop.gif) bottom right no-repeat; font-weight: normal;}
.menu ul ul :hover > a.drop { background: #ac2c4a url(/redesign/images/drop.gif) bottom right no-repeat; font-weight: normal;}
/* L3 background */
.menu ul ul ul a, .menu ul ul ul a:visited { background: #d50234; color: #ffffff; font-weight: normal;}
/* L3 hover */
.menu ul ul ul a:hover {background: #b0bbbf; font-weight: normal;}

/* Hide L2, L3, with absolute position */
.menu ul ul { visibility: hidden; position: absolute; height: 0; top: 22px; left: 0; width: 100px; border-top: 1px solid #ffffff; }
/* IE5.5 faulty box model hack */
* html .menu ul ul {top: 21px; t\op: 22px;}

/* Position the L3 flyout menu */
.menu ul ul ul{left: 100px; top:-1px; width: 100px;}

/* Position L3 flyout menu for a left flyout */
.menu ul ul ul.left {left:-100px;}

/* Remove IE table from layout */
.menu table { position: absolute; top: 0; left: 0; border-collapse:collapse; }

/* L2 links */
.menu ul ul a, .menu ul ul a:visited { background: #a4d9c7; color:#000000; height: auto; line-height: 1em; padding:5px 10px; width: 79px; border-width: 0 1px 1px 1px; font-weight: normal; }
/* IE5.5 faulty box model hack */
* html .menu ul ul a, * html .menu ul ul a:visited {width: 101px; w\idth: 79px; font-weight: normal; }

/* L1 hover */
.menu a:hover { color: #ffffff; background: #467b8d url(/images/corner_white.gif) top right no-repeat; }
.menu :hover > a { color: #ffffff; background: #467b8d url(/images/corner_white.gif) top right no-repeat; }

/* L1 hovered - style L2 hover */
.menu ul ul a:hover { color: #ffffff; background: #467b8d; font-weight: normal;}
.menu ul ul :hover > a { color: #ffffff; background: #467b8d; font-weight: normal; }

/* Make L2 visible when hover on L1 list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* Keep L3 hidden when you hover on L1 list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* Make L3 visible when you hover over L2 list OR link */
.menu ul :hover ul :hover ul { visibility:visible; margin-left: 0px; }

h1 {
  font-size: 120%;
  margin: 0px 0px 10px 0px;
}

/* general
================================ */

.clearabove {
  clear: both;
}

.midalign {
  vertical-align: middle;
  float: left;
}

.right {
  float: right;
}

.hand {
    cursor: hand;
}

td {
  color: #526e72;
  font-family: Verdana, arial, Sans-serif;
  font-size: 65%;
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size: 100%;
}

@media print {
	body { width: 100%; }
	#maincontainer { width: 100%; }
	#header { width: 100%; float: none; }
	#container { display:none; }
	#left { display: none; }
	#homebg { display: none; }
	#homepageimage { float: none; }
	.greenpod img { display: none; }
	.bluepod img { display: none; }
	#footer { float: none; width: 100%; border-top: solid 1px #B0BCBC; }
	.footertext { width: 100%; }
	#right { clear: both; float: none; }
}
