/* Haan Created these CSS Styles, the CMS styles are found in the archive-portal.css */
html, body {height: 100%;}
html * { margin:0; padding:0; }

body { background:#d9e2da;  font-family: Verdana, sans-serif; font-size:  11px; text-align: center; } 
body #container { margin: 0 auto; width:830px; text-align: left; }


body td { font-size: 12px; }
a { text-decoration:none; color: #005596; }

body * { text-align:left; }


#page h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-style:italic; margin-top: 20px; }
#page h3 { font-size:14px; font-weight: bold; margin: 14px 0 12px 0; color: #93a545; }
#page ul, #page ol, #page blockquote { padding-left: 2.5em; }
#home #page ul, #home #page ol, #home #page h3 { padding:0; margin: 0; }

#page{ background: #FFF url(img/bkg_tc.gif) top left repeat-x; position:relative; }
div.TopHeaderBg { text-align: right; color: #b3b3b3; margin-top: 15px; }
div.TopHeaderBg div { margin-right: 30px; }
div.TopHeaderBg div a { color: #825847; font-size: 10px; }

#header #nav, #ParentTab { height: 34px; }
#header{ height:165px; background: url(img/header.jpg) 10px 10px no-repeat; position: relative; }
#header #logo { margin-top: 25px; margin-left: 25px; }

#home #header div.HeadBg, #isWide #header div.HeadBg { width: 824px; }
#home #header div.HeadBg #nav, #isWide #header div.HeadBg #nav { background: #ecf0ec; background-image:none; }
#home #header div.HeadBg #nav table#Banner1_tabs, #isWide #header div.HeadBg #nav table#Banner1_tabs { float: none; margin-left: 30px; }
#home #header div.HeadBg #nav .selected, #isWide #header div.HeadBg #nav .selected { background-color: none; font-weight: normal; }

#home #RightPane { width: 350px; }
#home #RightPane .audience { background: url('img/bkg_sidepanel.gif') top left repeat-x; padding: 16px 36px 23px 33px;}
#home #RightPane .audience h3 { color: #93a545; border-bottom: 1px solid #879056; font-weight: normal; font-size: 13px; font-weight: bold; padding-bottom: 3px; margin-bottom: 4px; }
#home #RightPane .audience ul { }
#home #RightPane .audience ul.left { float: left; width: 130px; }
#home #RightPane .audience ul.right {  }
#home #RightPane .audience ul li { list-style-image: url(img/li_audience.gif); list-style-position:inside; margin-bottom: 1px; }
#home #RightPane .audience ul li a { color: #000; font-size: 9px; }
#home #RightPane br { display: none; visibility: hidden; }

#home #ContentPane { padding: 35px 30px 30px 65px; height: 200px; }
#home #ContentPane td { font-size: 13px; }

#home #presidentLetter #emphasis { font-size: 20px; font-weight: normal; }

/*#home #footer { background: url(img/bkg_footer2.gif) 9px 0 no-repeat; z-index: 99; position: absolute; margin-top: -57px; padding: 30px 30px 0 230px; }*/
#home #footer { margin-top: -48px; background: #d9e2da; z-index: 105; width: 570px; height: 30px; }


#header div.HeadBg { position: absolute; bottom: 0; right: 0; width: 629px; } 
#header div.HeadBg #nav { background: url(img/bkg_nav.png) top right repeat-y; }
#header div.HeadBg #nav table#Banner1_tabs { float: right; margin-right: 24px; }
#header div.HeadBg #nav table#Banner1_tabs td { color: #005596; font-size: 11px; }
#header div.HeadBg #nav table#Banner1_tabs td a { color: #005596; text-transform: none; display: block; padding: 11px 6px 10px 7px; margin: 0; }
#header div.HeadBg #nav a.selected { background: #FFF; font-weight: bold;  }
#header div.HeadBg #nav a:hover { background: #f5f7f5; }

.content { height: auto; position: relative; }
.content #rightsidecontainer { width: 38px; position: absolute; right: -67px; top: -35px; z-index: 101; height: 430px; background: url(img/splash-rightside.png); }
.content table { width: 100%; }
#content table table table table td { border-bottom: 1px solid #818181; padding: 5px; }
#content table table table table table td { border-bottom: none; padding: 0; }
#content table table table table h2 { margin: 30px 0 10px 0; }

#footer{ height:100px; background:#eff; }
#left-border { position:absolute; top:0; left:0; height:100%; width:22px; background:url(img/bkg_cl.png) 0 381px no-repeat; }
#right-border { position:absolute; top:0; left:807px; height:100%; width:23px; background:url(img/bkg_cr.png) 0 381px no-repeat; }
#left-border div { width:22px; height:381px; background:url(img/bkg_tl.png) no-repeat; }
#right-border div { width:23px; height:397px; background:url(img/bkg_tr.png) no-repeat; }

#MainPanel { position: relative; margin-top: -2px; }
td#LeftPane { width: 200px; background: #ededed url(img/bkg_nav2.png) top right repeat-y; }
td#LeftPane table { width: 100%; }
/* td#LeftPane #lnkPrint { position: relative; top: 10px; left: 215px; font-size: 10px; z-index: 250;   }
td#LeftPane #lnkPrint a {  color: #ccc; }
td#LeftPane #lnkPrint a:hover { color: #005596; font-weight: bold; } */
td#LeftPane #ParentTab { position: absolute; top: 131px; left: 0; width: 202px; background: #3175a9; }
td#LeftPane #ParentTab a { display: block; text-decoration:none; color: #FFF; font-weight: bold; font-size: 14px; position: absolute; top: 13px; left: 30px; }
td#LeftPane td.MenuParentLink { height: 0; overflow:hidden; }
td#LeftPane #menu { padding-top: 10px; padding-bottom: 10px; }
td#LeftPane #menu input { display: none; visibility:hidden;  }
td#LeftPane #menu a { display: block; color: #000; padding: 7px 10px 7px 23px; text-align: right; font-size: 11px; }
td#LeftPane #menu a:hover { background: #E8E8E8; }
td#LeftPane #menu a.selected { background: #FFF; }

td#ContentPane { padding: 40px 75px 30px 37px; position: relative; }
td#ContentPane .content { position: relative; }
td#ContentPane table { width: 100%; }
td#ContentPane table td {  font-size: 11px; line-height: 1.5em; color: #444; }
td#ContentPane h1 { color: #005596; font-size: 24px; font-weight: normal; border-bottom: 1px solid #93a545; width: 100%; padding-bottom: 7px; margin-bottom: 5px; margin-top: 30px;  }
td#ContentPane p { margin: 12px 0; }
td#ContentPane a { text-decoration: underline; }

#isWide td#ContentPane { padding: 40px 60px 60px 60px; width: 100%; }
#MainPanel table { width: 100%; }

textarea.NormalTextBox { width: 100%; height: 100px; }

/*#home table#_ctl2__ctl0_tbTitle, #home table#_ctl2_myDataList { left: -30px; color: #FFF; position: absolute; z-index: 105; } 
#home table#_ctl2__ctl0_tbTitle { bottom: -30px; }
#home table#_ctl2__ctl0_tbTitle h1 { color: #80aacb; font-weight: bold; width: 95px; height: 13px; border: none; padding: 0; margin: 0; background: url(img/message_center.gif) top left no-repeat; }
#home table#_ctl2__ctl0_tbTitle h1 span { display: none; visibility: hidden; }
#home table#_ctl2_myDataList { bottom: -72px; font-weight: bold; }
#home table#_ctl2_myDataList td span.ItemTitle{ color: #FFF; font-size: 11px; }*/

#footer { background: url(img/bkg_footer.gif) top right no-repeat; z-index: 99; position: absolute; margin-top: -2px; padding: 30px 30px 0 230px; }
#footer td { font-size: 10px; text-align: center;  color: #9c9480;}
#footer td a { color: #9c9480; }
#home #footer span, #home #footer a { display: none; visibility:hidden; }


/* Comments provided by js-kit.com 
body { text-align: left; }
body #container { margin: 0 0 0 30px; }
.js-kit-comments { width: 180px; position: absolute; top: 15px; left: 880px; z-index: 120; padding: 8px; background: #FFF; }
.js-kit-comments div { position: relative; padding: 0; margin: 0; border: none;  }
.js-kit-comments .js-singleComment { border-top: 2px solid #BEBEBE; border-bottom: 2px solid #BEBEBE; padding: 8px; }
.js-kit-comments .js-singleCommentINFO { display: block; float: none; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #ABABAB; }
.js-kit-comments .js-singleCommentName { float: left; }
.js-kit-comments .js-singleCommentControls { clear: both; display: inline; }
.js-kit-comments .js-singleCommentDate { display: none; visibility: hidden; }
.js-kit-comments .js-singleCommentText { }
.js-kit-comments .js-singleCommentKarma,
.js-kit-comments div.js-poweredBy { display: none; visibility: hidden; }
.js-CreateComment textarea { width: 170px; }
.js-CreateComment input { width: 170px; }*/


/**----Print View -------------------------------------------------------*/
    
    ul#printview{
      float:left;
      display:inline;
      margin:0px 0px 0px 0px;
      padding:0px;
      list-style-type: none; 
      clear: both;
      
      background: #cccccc url(images/printview.gif) no-repeat top left;
    }
    
    
    ul#printview li {
      width:auto;
      float:left;
      display:inline;
      padding:0px;
      margin:0px; 
      height:18px;
      text-align: center;
    }
    
    ul#printview li a {
      display:block;
      padding:0px 0px 0px 0px;
      margin:0px;    
      color:#ffffff;
      line-height:1em;
      font-size: 92%;      
      font-weight: bold;
      text-decoration: none;           
    }
    
    ul#printview li#activeSection a{
      background: #646058 url(images/printview.gif) no-repeat top right;
      color:#ffffff;
    }    
    
    ul#nav2 li a:hover{
      color:#ffffff;
      background: #646058 url(images/navdivide.jpg) no-repeat top right;
    }


.printview
{
	background: #fff url("images/printview.gif");
	height: 18px;
	width:74px;
}

.textsize
{
	font-size:90%;
	vertical-align: text-top;
	margin:0px 3px 8px 0px;
}



.ContentPane .utilities {
	color: #224;
	font-size: 10px;
	text-align: right;
	margin-top:-35px;
}

.ContentPane .utilities * {
	vertical-align: middle;
}

.ContentPane .utilities .medium,
.ContentPane .utilities .large,
.ContentPane .utilities .larger {
	padding: 3px 5px;
	text-decoration:none;
	color: #A1A1A1;
	background: #F2F2F2;
}

.ContentPane .utilities .medium {
	font-size: 12px;
}

.ContentPane .utilities .large {
	font-size: 14px;
}

.ContentPane .utilities .larger {
	font-size: 16px;
}