/* Elements relevant to all pages - global! */
body
{
  padding               : 0px;
  margin                : 0px;
  width                 : 100%;
  height                : 100%;
  text-align            : center;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size             : 12px;
  color                 : #333333;
  background-color      : #ffffff;
}

div
{
  width                 : auto;
  height                : auto;
}
/* End of global elements */


/* id Selector CSS for the DIV container properties */
#container /* i.e. the whole document */
{
  width                 : 780px;
  height                : 100%;
  padding               : 0px;
  margin                : 0 auto;
  text-align            : left;
}

#shadow-border-right
{
  float                 : left;
  background-image      : url(../images/rh_shadow.gif);
  width : 790px;
}


#backing /* holder for the background image */
{
  background-image      : url(../images/bg.jpg);
  background-repeat     : no-repeat;
  width                 : 780px;
  height                : auto;
  float                 : left;
}

#float-wrapper
{
  float                 : left;
  width                 : 628px;
}
/* End of DIV container propertie */



/* Header and HeaderMenuBar elements */
#header
{
  width                 : 780px;
  height                : 111px;
  padding               : 0px 0px 0px 0px;
  text-align            : center;
  background-image      : url(../images/banner_bg.jpg);
  background-repeat     : repeat-x;
}

#headermenubar
{
  height                : 38px;
  display               : block;
  width                 : 780px;
  margin                : 3px 0px 3px 0px;
  overflow              : hidden;
  background-image      : url(../images/menu_background.gif);
  background-repeat     : no-repeat;
  background-position   : center;
}

/* Special div that only contains an image, and will never be shown in CSS - non css viewers is only problem */
#printpreview-image{
    display : none;
}

#menuitems
{
  height : 38px;
  width : 770px;

}

#menuitems ul
{
  font-size              : 12px;
  font-weight            : bold;
  list-style             : none;
  padding                : 11px 0px 0px 80px;
  margin                : 0px 0px 0px 0px;
}

#menuitems li
{
    float : left;
	padding                : 0px 20px 0px 20px;
}

#menuitems li a
{
  color                  : #000000;
  background-color       : inherit;
  text-decoration        : none;
}

#headermenubar li a.current
{
  color                  : #83002d;
  background-color       : inherit;
  text-decoration        : none;
}

#headermenubar li a:hover
{ 
  color                 : #83002d;
  background-color      : inherit;
  text-decoration       : none;
}

/* End of Header and HeaderMenuBar elements */


/* Actual content and navigation elements */
#left-nav
{
  height                : 350px;
  width                 : 156px;
  margin                : 0px;
  float                 : left;
}

.staff-img
{
  padding               : 10px 2px 0px 2px;
}

/* lexcel image - attached to the bottom of the left nav */
.lexcel-img 
{
  margin                 : 25px 0px 0px 32px;
  width                    : 93px;
  height                : 121px;
}

#right-nav
{
  height                : auto;
  width                 : 150px;
  float                 : right;
}

#login-box
{
  height                : 199px;
  width                 : 146px;
  margin                : 10px 0px 0px 2px;   
  background-image      : url(../images/login_background2.gif);
  background-repeat        : no-repeat;
  background-position    : center;
  font-size : 12px;
}

.login-form
{
  padding                : 10px 6px 0px 10px;
  font-size : 9px;
}

.login-form fieldset {
  margin : 0;
  padding : 0;
  border : none;
}

.login-form h1
{
  font-size             : 11px;
  text-align            : center;
  margin                : 0px 2px 15px 0px;
}

.login-form p
{
  margin: 35px 10px 5px 0px;
  text-align : right;
}

.login-form input
{
  width                    : 120px;
}

input.login-button
{
  width            : 30px;
  height        : 24px;
  float         : right;
  margin     : 5px 7px 0px 0px;
}

#login-error {
    color : red;
    background-color: inherit;
}

/* Customer quote in the bottom of the left hand div */
.customer-quote{
  margin                 : 40px 0px 0px 5px;
  width                    : 140px;
  height                : 204px;
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-weight: bold;
  color: #996600;
  background-color      : inherit;
  font-size             : 12px;
  text-align : center;
}

.content
{
  height                : auto;
  float                 : right;
}

#content
{
  width                 : 466px;
  padding               : 5px 2px 5px 0px;
}
/* End of Actual content and navigation elements */

/* Footer Elements */
#footer
{
  margin                : 0px 0px 0px 0px;
  padding               : 0px 0px 0px 0px;
  width                 : 780px;
  height                : 21px;
  float                 : left;
  color                 : #000000;
  background-color      : inherit;
  font-style             : italic;  
  background-image      : url(../images/footer_background.jpg);
  background-repeat        : no-repeat;
  font-size : 12px;
}

#footer a
{
  color                 : #000000;
  background-color      : inherit;
  text-decoration       : none;
}

#bottom_shadow{
  height : 27px;
  width : 790px;
  background      : url(../images/bottom_shadow.gif) bottom no-repeat;
}

.clear { clear: both; }

/* End of Footer Elements */

#glossary
{
  padding               : 20px;
  margin                : 0px;
  text-align            : left;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size             : 1em;
  color                 : #6F6D6E;
  background-color      : #ffffff;
}


hr {
  background-color : #CCCCCC;
  border-top : none;
  border-left : none;
}

h1 { 
  font-size : 24px; 
  color     : #660033;
  font-family: "Times New Roman", Times, serif;
}

h2 {
  padding-bottom : 0px;
  margin-bottom  : 0px;
  font-size : 1.2em;
}

/* Specific to forms, as td should only be used in forms! */
td input {
  margin : 1px 0px 1px 0px;
}

td p {
  margin : 1px 0px 1px 0px;
}

td input, textarea, select {
    font-size : 12px;
}

td p.tableheading {
   color : #FFFFFF;
   text-align : center;
   font-weight : bold;
}
h5
{
  padding               : 0px;
  margin                : 0px;
  font-size             : 2px;
  color		        : #ffffff;
  }