@charset "UTF-8";
/* CSS Document */

html {margin:0; padding: 0;}

body  {
	font:  75%/1.5 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background: #e4e2d8;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #222222;
	background-image: url(../images/backgroundgray.gif);
	background-position: top right;
	background-attachment: fixed;
	background-repeat: repeat-x;
}

/* Without this, PNG transparency fails big time in IE 5 and 6 */
img { behavior: url(../cssandjs/iepngfix.htc) !important; }

img {border: none;}

.container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.shadow {margin-top: 0px; margin-left:auto; margin-right: auto; width: 940px;  background: url(../images/shadowbody.png) repeat-y center top; text-align: left; behavior: url(../cssandjs/iepngfix.htc);}
.center {position: relative; top: 0px; left: 20px; width: 900px; background: #ffffff; }
.lowshadow {margin-top: 0px; margin-left:auto; margin-right: auto; width: 940px; height: 20px; background: url(../images/shadowlow.png) left top; behavior: url(../cssandjs/iepngfix.htc);}

.content {width: 650px; }

.thrColFixHdr #container2 {
	/*width: 900px;   using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar.  not sure if I need this.*/
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: ;
	background-attachment: fixed;
	background-position: 126px;
} 
.thrColFixHdr #header {
	background-image: url(../images/headerbackgroundblue.png); behavior: url(../cssandjs/iepngfix.htc);
	background-position: top left;
	height: 100px;
} 
.thrColFixHdr #headertop {
	/*background-image: url(../images/headerbackgroundblue.jpg);
	background-position: top left;*/
	height: 75px;
	margin: 0;
	padding: 0;
} 


.thrColFixHdr #headershadow {
	background: url(../images/headershadowfull.png) top left; behavior: url(../cssandjs/iepngfix.htc);
	height: 25px;
} 
.thrColFixHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; 
	margin-left: 12px;
	margin-top: 35px;
}
.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin-right: 12px;
	margin-top: 30px;
}
#sidebar1menu {	background-image: url(../images/bluebarfadetop.png); behavior: url(../cssandjs/iepngfix.htc); 
padding: 15px 0px 15px 12px; /* padding keeps the content of the div away from the edges */
}
#sidebar2menu {	/*background-image: url(../images/bluebarfadetop.png);*/
behavior: url(../cssandjs/iepngfix.htc); 
padding: 15px 10px 15px 12px; 
}
.thrColFixHdr #mainContent { margin: 0px 15px 30px 230px; padding: 0px; float:none; }

.thrColFixHdr #mainContent h1 { padding-bottom: 8px; background: url(../images/h1underlineblue.jpg) bottom left no-repeat;}

.thrColFixHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*background-image: url(../images/footerbarfadeblue.png);
	background-position: top;*/
	border-top: solid 1px #FF7F00;
	color: #888;
} 
.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 10px;
	text-align: center;
}
.footertext {color: #888;font-size: 10px; margin-top:0;} /*If footer elements above aren't used then try this class*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#utilitymenu { position: absolute; right: 30px; top: 5px; height: 20px; font-size: 10px; text-align: right; letter-spacing: .5px;}
#utilitymenu li {}
#utilitymenu li, #mainmenu li, #submenu li { }
#utilitymenu ul {margin: 0;}
#search_box {
	position: absolute;
	left: 650px;
	top: 30px;
	width: 200px;
	height: 25px;
	z-index: 1;
	text-align: right;
    background-image: url(../images/searchbar.png);
	behavior: none !important;
	margin: 0;
	padding: 0
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 2px 0 0 4px;
    border: 0;
    width: 165px;
    background: none;
	color: #444;
	z-index: 3;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
    z-index: 3;
}

#utilitymenu a {color: #444444; text-decoration: none; }
#utilitymenu a:visited {color: #444444; text-decoration: none; }
#utilitymenu a:hover {color: #ffffff; text-decoration: underline; }
#utilitymenu a:active {color: #FF7F00; text-decoration: underline; }

#header li { 
	float: left;
	display: inline; 
	overflow: hidden; 
	list-style-type: none; 
	padding-left: 10px;
}
.sidebartextwrap {float: right; width: 200px; margin: 20px 0 20px 30px; font-style:italic} /*Use this for short sidebars or single features. Text will wrap around items */ 
.sidebartextwrap h1 {color: #FF9933; font-size: 140%;}

#sidebar1 ul, #sidebar2 ul {
	padding-left: 0px;
	display: block;
	list-style-type: none;
	color: #666666;
	font-size: 13px;
	line-height: 21px; 
	margin: 0;
}	
#sidebar1 a {color: #666666; text-decoration: none; }
#sidebar1 li {margin-top: 3px;}
#sidebar1 li a:hover {color: #00A3CF;}
#sidebar1 li.current {color :#cccccc;}
#sidebar1 li.highlight {color :#cccccc;}
#sidebar1 ul ul, #sidebar2 ul ul { padding-left: 15px; font-size: 12px; list-style-type:disc;}
#sidebar1 ul ul ul, #sidebar2 ul ul ul { list-style-type:circle; font-size: 11px;}
#sidebar1 h1, #sidebar2 h1 {font-size: 13px; line-height: 22px; margin-top: -15px; color:#fff; border-bottom: 0;}
#sidebar1 ul li{ padding-top: 8px;} /*this line and next control spacing between menu items in sidebar */
#sidebar1 ul ul li {padding-top: 0px;}

#menu {
	 position: absolute; 
	 left: 175px; 
	 top: 75px; 
	 width: 700px;
	 height: 25px; 
	 z-index: 3;
	 font-size: 13px; 
	 line-height: 100%; 
	 letter-spacing: .5px; 
	 margin: 0; 
	 padding: 0;}
#menu li { float: left; border-left: 1px solid #333333; display: inline; padding: 0 10px 0 10px; margin: 0; list-style-type: none;}
#menu li:first-child { border: none; } 
#menu a {color: #555555; text-decoration: none; }
#menu a:hover {color: #00A3CF; text-decoration: underline; }
#menu a:active {color: #00A3CF; text-decoration: underline; }
#menu li a:hover {color: #00A3CF;}

#menu #currentpage a {/*color: #e69415;*/color: #00A3CF;}


#menu2 {
	 height: 25px; 
	 font-size: 13px; 
	 line-height: 100%; 
	 letter-spacing: .5px; 
	 margin: 0; 
	 padding: 0;
	 /*background: url(../images/headerbackgroundblue.jpg) left top;*/
}
#menu2 ul {margin: 0 0 0 175px; padding: 0;}
#menu2 li { float: left; border-left: 1px solid #333333; display: inline; padding: 3px 10px 0 10px; margin: 0; list-style-type: none;}
#menu2 li:first-child { border: none; } 
#menu2 a { color: #555555; text-decoration: none; }
#menu2 a:hover { color: #00A3CF; text-decoration: underline; }
#menu2 a:active { color: #00A3CF; text-decoration: underline; }
#menu2 li a:hover { color: #00A3CF;}

#menu2 #currentpage a {/*color: #e69415;*/color: #00A3CF;}






/* This highlights active menu items */ 
.BG { /*background-color: #ffffff; padding: 2px; opacity: .8;  border-bottom: solid 1px blue;*/ font-weight:bold; }

.featurethingheader { position:relative; border: 1px solid #f57e20; border-bottom: 0px; width: 200px; background: url(../images/featuretopblue.png) center top; /*behavior: url(../cssandjs/iepngfix.htc);*/ text-align: center; color: #fff; font-size: 14px; line-height: 100%; padding: 3px 0 3px 0}
.breadcrumb {font-size: 10px; }
#search {font-size: 10px; color: #666666;}

/*controls small square banner */
.featurecontainer { height: 230px; margin-top: 10px; margin-bottom: 10px;}
/*.featurethingheader { width: 200px; background: url(../images/featuretopblue.png) center top; behavior: url(../cssandjs/iepngfix.htc);text-align: center; color: #fff; font-size: 15px; padding: 3px 0 3px 0; top:0;}*/
.featureborder { width: 200px; height: 200px; background: url(../images/borderblue.gif) no-repeat; position: relative; z-index: 1; top:0px;}
.featureimage, 
.featureimage2 {width: 200px; z-index: 0; position: relative; border: 1px solid #f57e20;}
.featureimage {height: 200px; }
.featureimage2 {height: 100px; }

/*controls large banner on homepage */
.mainfeaturecontainer { height: 300px; margin-bottom: 30px;}
.mainfeatureborder { width: 850px; height: 300px; background: url(../images/homemainbannerborderblue.gif) no-repeat; position: relative; z-index: 1; top: 0px;}
.mainfeatureimage {width: 850px; height: 300px; z-index: 0; position: relative; border: 1px solid #f57e20;}

/*controls large banners on section pages */
.sectionfeaturecontainer { height: 200px; margin-top: 10px; margin-bottom: 20px;}
.sectionfeatureborder { width: 635px; height: 200px; background: url(../images/sectionborderblue.gif) no-repeat; position: relative; z-index: 1; top: 0px;}
.sectionfeatureimage {width: 635px; height: 200px; z-index: 0; position: relative; }

.cornertl {
	background: url(../images/bluetl.gif) top left no-repeat;
	position: absolute;
	height: 10px;
	width: 10px;
	top: -1px;
	left: -1px;
	z-index: 5;
}

.cornertr {
	background: url(../images/bluetr.gif) top right no-repeat;
	position: absolute;
	height: 10px;
	width: 10px;
	top: -1px;
	right: -1px;
	z-index: 5;
}

.cornerbl {
	background: url(../images/bluebl.gif) bottom left no-repeat;
	position: absolute;
	height: 10px;
	width: 10px;
	bottom: -1px;
	left: -1px;
	z-index: 5;
}
.cornerbr {
	background: url(../images/bluebr.gif) bottom right no-repeat;
	position: absolute;
	height: 10px;
	width: 10px;
	bottom: -1px;
	right: -1px;
	z-index: 5;
}

.maincornertl {
	background: url(../images/newborders/orangetl20.gif) top left no-repeat;
	position: absolute;
	height: 20px;
	width: 20px;
	top: -1px;
	left: -1px;
	z-index: 5;
}

.maincornertr {
	background: url(../images/newborders/orangetl20.gif) top left no-repeat;
	position: absolute;
	height: 20px;
	width: 20px;
	top: -1px;
	right: -1px;
	z-index: 5;
}

.maincornerbl {
	background: url(../images/newborders/orangetl20.gif) top left no-repeat;
	position: absolute;
	height: 20px;
	width: 20px;
	bottom: -1px;
	left: -1px;
	z-index: 5;
}
.maincornerbr {
	background: url(../images/newborders/orangetl20.gif) top left no-repeat;
	position: absolute;
	height: 20px;
	width: 20px;
	bottom: -1px;
	right: -1px;
	z-index: 5;
}

/*.featurebox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; font-weight: normal; color: #333333; background-color: #CCFFCC; text-align: left; float: left; height: 250px; width: 150px; margin: 5px 1px 1px 1px; padding: 1em; border: 2px #999999 solid; } */

/* the stuff below controls text formatting */

h2, h3, h4, h5, h6, .subhead, .feature, .featurecopy   { color: #FF7F00;}

h1, h2, h3, h4, h5, h6, .subhead, .subheadblue, .subheadgray a:link { text-decoration: none;  }

h1 {font-size: 170%; line-height: 100%; color: #333333; }
h2, .subhead, .subheadblue, .subheadgray { font-size: 136% }
h3 { font-size: 130% }
h4 { font-size: 120% }
h5 { font-size: 110% }
h6 { font-size: 100% }

a, a:link {color: #ff7f00;}
a:visited {color: #ff7f00;}
a:hover { color: #D85527; }
a.active { color: #D85527; }

.featurecopy, .feature, .featureitalic, .featuregray, .featureblue, .menu, .featurebox, .bodysmall, TD, .searchtext { font-family: Arial, Helvetica, sans-serif; font-style: normal; }
.fw { font-size: 10px; font-weight: bold; color: #FFFFFF; }

.searchtext { font-size: 9px; color: #000000; float: right; padding-top: 2px; }
.subheadgray { color: #888888; }
.subheadblue {color: #00A3CF;}

.feature {  font-weight: bold; }
.featuregray {  font-weight: bold; color: #888888; }
.featureblue {  font-weight: bold; color: #00A3CF; }
.featureitalic { font-style: italic; font-weight: bold;  }

small, .bodysmall { font-size: 95%; color: #000000; }
.bodygray { color: #888; }
.caption, .bodygraysmall { font-size: 11px; color: #888; }
.highlight {background-color:#FF9933;}

.nodecor { text-decoration: none; }
/* Stuff below creates image containter with text flow around it */
.floatimgleft { float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }
.floatimgright { float: right; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }

.error {color: red;}
.success {color: green;}
.code {font-family: Courier New, Courier, monospace;}

.featurebox {color:#333; padding: 15px 20px 20px; margin: 0 0 1.5em; background: #f6f6f6 url(../images/featureboxbg.jpg) repeat-x bottom;}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #0c2e82;color:#0c2e82;}
.featurebox p {border:none;margin: 0 0 1em;color:#444;}
.featurebox a {font-weight:bold;}

.shadowbox {
  background: #ccc;
  position: relative;
  top: 5px;
  left: 5px;
}
.shadowbox div {
  background: #F9D1B2;
  border: 1px solid #FF7F00;
  color: #111111;
  padding: 10px;
  position: relative;
  top: -5px;
  left: -5px;
}

/* LISTS */
ul {margin: .3em 0 1.5em 1em;list-style-type:none;}
ul.related {margin-top: -1em;}
ol {margin: .5em .5em 1.5em 1em;}
ol li { margin-left: 1.4em; padding-left: 0; background: none; list-style-type: decimal;}
li {line-height: 1.4em; padding-left: 0px; }
li.doc {background-position: 3px -500px;}
ul.nomarker li {background:none; padding-left:0;}
dl {margin: 0 0 1em 0;}
dt {font-weight:bold;margin-top: 1.3em;}
dl dl {margin: 0 0 1.5em 30px;}

/* General */
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both;}
.featurebox {color:#333; padding: 15px 20px 20px; margin: 0 0 1.5em; background: #f6f6f6 url(../images/featureboxbg.jpg) repeat-x bottom;}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #0c2e82;color:#0c2e82;}
.featurebox p {border:none;margin: 0 0 1em;color:#444;}
.featurebox a {font-weight:bold;}
.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em;}
.pagination p {position:relative;text-align:right;}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;}
.pagination p a:hover {background:#0c2e82;color:#fff;}
.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc;}
.pagination * {margin:0;}
.pagination h4 {margin-top:-1.45em;padding:0;border:none;}
	
	#resultslist-wrap {margin: 0 0 1.5em;font-size:92%;}
	#resultslist-wrap dt, #resultslist-wrap dl {margin: 0;}
	#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0;}
	#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial;}
	#resultslist-wrap li dd {font: normal 73% arial;}
	#resultslist-wrap li dl {margin:0;}
	#resultslist-wrap dd {line-height:1.3;}
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em;}
		
	/* TABLES */
	.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
		.table1 td {background: #fff url(../baseimages/sprites.gif) repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #fff}
		.table1 thead th {color:#fff;font-size:145%;background: #900 url(../baseimages/sprites.gif) repeat-x 0 -1300px;padding: 10px 6px}
		.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url(../baseimages/sprites.gif) repeat-x 0 -1400px;padding: 6px}
		.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url(../baseimages/sprites.gif) repeat-x 0 -1500px;padding: 6px}

		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active { background: transparent url(../baseimages/sprites.gif) no-repeat 5px -500px;padding-left:21px}
		a.morelink:hover {background: transparent url(../baseimages/sprites.gif) 5px -400px}
		.morelink span {position:absolute;left:-9999px;width:900px}
		
.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
.thumbnail img {border: 1px solid #000}	

#apDiv1 {
	position:absolute;
	left:378px;
	top:944px;
	width:339px;
	height:42px;
	z-index:1;
	background-color: #0000FF;
}