body, div, span, li, input, select, textarea { font-family:Verdana, Arial, Helvetica, Sans-Serif; 
	font-size:10px; color:#4D4D4D; }

body { margin:0px; padding:0px; background-color:#FFFFFF; background-image:url('../img/bg_body.gif');
  scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#D0D0D0;
  scrollbar-3dlight-color:#808080; scrollbar-arrow-color:#000000; scrollbar-track-color:#F4F4F4; 
  scrollbar-darkshadow-color:#404040; scrollbar-base-color:#D0D0D0; }

a { color:#5D5D5D; text-decoration:underline; }
a:hover { color:#000000; text-decoration:none; }

form { padding:0px; margin:0px; }
div { text-align:left; }

html { height:100%; }
body { height:100%; text-align:center; }
#page { height:100%; margin-right:auto; margin-left:auto; text-align:left; width:786px; background-image:url('../img/bg_page.gif'); background-repeat:repeat-y; }
#page-main { height:100%; margin:0px 5px 0px 5px; }
/* To make page 100% in Mozilla move bg image to inner */
body>div#page { background-image:none; background-repeat:no-repeat; }
div>#page-main { height:auto; min-height:100%; margin:0px; padding:0px 5px 0px 5px; background-image:url('../img/bg_page.gif'); background-repeat:repeat-y; }

#page-top { height:290px; }

/* Top menu */
#top-menu { height:32px; margin:0px 190px 0px 0px; background-image:url('../img/bg_topmenu.gif'); }
#top-menu-items { float:left; padding:10px 0px 0px 9px; color:#5D5D5D; }
#top-menu-items a { color:#5D5D5D; text-decoration:none; }
#top-menu-items a.selected { color:#000000; }
#top-menu-items a:hover { color:#000000; }
#top-menu-search { float:right; }
#top-menu-search-text { float:left; padding:10px 5px 0px 0px; }
#top-menu-search-input { float:left; margin:9px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:10px; font-family:Arial, Helvetica, sans-serif; height:13px; line-height:13px; border:1px solid #CCCCCC; }
div>#top-menu-search-input { height:11px; line-height:11px; }
#top-menu-search-button { float:left; width:23px; height:32px; border:none; }
/* #top-menu-margin { float:left; width:190px; height:32px; background-color:#FFFFFF; } */

/* Top menu for inner pages */
#page-top-inner { position:relative; height:214px; }
#top-menu-inner { height:32px; margin:0px 0px 0px 0px; background-image:url('../img/bg_topmenu.gif');  }
#header-inner { float:left; width:586px; }
#header-inner-image { width:586px; height:162px; }
#header-inner-logo { float:left; margin:20px 0px 0px 45px; }

/* Header images */
#header { }
#header-image { float:left; width:586px; height:238px; }
#header-logo { float:left; margin:0px 0px 0px 7px; width:183px; height:238px; }

/* Separators */
#header-separators { clear:both; height:20px; }
#header-separators-left { float:left; margin-right:7px; height:20px; width:173px; background-image:url('../img/bg_sepleft.gif'); }
#header-separators-middle { float:left; margin-right:7px; height:20px; width:406px; background-image:url('../img/bg_sepmiddle.gif'); }
#header-separators-right { float:left; height:20px; width:183px; background-image:url('../img/bg_sepright.gif'); }

#content-frame { padding-bottom:20px; background-image:url('../img/bg_content.gif'); background-repeat:repeat-y; } 

#left-menu { float:left; width:173px; margin:0px 0px 0px 0px; padding:0px; }
ul.left-menu-items { margin:0px; padding:0px; list-style-type:none; }
ul.left-menu-items li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
ul.left-menu-items li a { text-decoration:none; display:block; font-weight:bold; height:30px; line-height:30px; color:#5D5D5D; background-color:#EEEEEE; background-image:url('../img/bg_lmenu1.gif'); background-repeat:no-repeat; } 
ul.left-menu-items li a:hover { /*color:#000000;*/ text-decoration:none; }
ul.left-menu-items #left-menu-selected a { background-image:url('../img/bg_lmenu_clicked1.gif'); background-repeat:no-repeat; }

#right-menu { float:right; width:183px; background-color:#E1E1E1; margin:0px; }
.right-menu-title { line-height:28px; height:28px; background-color:#F3F3F3; background-image:url('../img/bg_sep.gif'); background-position:bottom; background-repeat:repeat-x; }
#right-menu-techdirsep { line-height:13px; height:13px; background-image:url('../img/bg_techdirsep.gif'); background-repeat:repeat-x; } 
.right-menu-form div.right-menu-form-1st { padding:3px 0px 6px 9px; }
.right-menu-form div { padding:5px 0px 6px 9px; background-image:url('../img/bg_rmenusep.gif'); background-position:bottom; background-repeat:repeat-x; }
.right-menu-form input.textbox { margin:2px 0px 0px 1px; width:159px; }
.right-menu-form select { margin:2px 0px 0px 1px; width:165px; }
.right-menu-button { margin-left:70px; line-height:21px; width:104px; height:21px; border:none; }

#right-menu-notamember { font-family:Arial, Helvetica, sans-serif; font-size:10px; padding:3px 0px 7px 6px; line-height:18px; heigh2t:46px; background-color:#FFFFFF; background-image:url('../img/bg_rm_notamember.gif'); background-repeat:repeat-x; } 
#right-menu-notamember a { text-decoration:none; color:#000000; }

#content { position2:relative; margin:0px 187px 0px 177px; padding:0px 0px 0px 0px; }
/* Hide from IE5-mac. Only IE-win sees this. fixed 3px margin it puts on floats... \*/
* html #content-main { height:1%; }
* html #content-main-right { height:1%; }
/* End hide from IE5/mac */

/* IE has floating bugs so override ie margin using tag>tag */
div>#content { margin:0px 190px 0px 180px; }
#content-youhere { position:relative; line-height:18px; height:28px; font-size:9px; background-color:#F3F3F3; background-image:url('../img/bg_sep.gif'); background-position:bottom; background-repeat:repeat-x; }
#content-youhere img { float:left; }
#content-title { position:relative; }
#content-main { position2:relative; line-height:18px; margin:0px 6px 0px 6px; }
#content-main-right { position:relative; line-height:18px; margin:0px 0px 0px 12px; }

.break { clear:both; }
.compact { line-height:normal; }
.alert { color:red; }

#footer { clear:both; position:relative; height:60px; background-image:url('../img/bg_foot.gif'); background-repeat:repeat-x; }
#footer-left { float:left; } 
#footer-right { float:right; } 

#right-menu-sub { background-color:#F0F0F0; }
ul.right-menu-items { margin:0px; padding:0px; list-style-type:none; }
ul.right-menu-items li { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
ul.right-menu-items li a { text-decoration:none; display:block; font-weight:bold; height:22px; line-height:22px; color:#5D5D5D; }
ul.right-menu-items li a:hover { color:#000000; text-decoration:none; }
ul.right-menu-items #right-menu-selected a { color:#000000; }

.form-title { float:left; height:25px; }
.form-box { height:25px; }
.form-button { float:right; margin-right:2px; }
div>.form-button { margin-right:0px; }
.form-submit { width:56px; height:23px; }
.form-width-small { width:87px; }
div>.form-width-small { width:90px; }
.form-width-medium { }
.form-width-large { width:300px; }
.form-width-full { width:390px; }
.form-textbox, .form-textarea, .form-select { font-size:11px; }

.list-header { line-height:normal; }
.list-title { position:relative; font-weight:bold; color:#00980D; text-decoration:none; }
.list-content { position:relative; line-height:normal; padding:4px 0px 6px 0px }
.list-sep { position:relative; line-height:normal; line-height:1px; padding:4px 0px 10px 0px; }
.list-link { text-decoration:none; color:#00980D; }

.list-details-header { line-height:normal; padding:0px 0px 7px 0px; }
.list-details-title { font-weight:bold; color:#00980D; font-size:13px; }
.list-details-back { color:#5D5D5D; font-weight:bold; text-decoration:none; }

.lib-crums { padding:0px 0px 6px 0px; }
.lib-link { padding:2px 0px 2px 0px; font-size:11px; }
.lib-link a { text-decoration:none; color:#00980D; }

