body
{
  min-width: 880px;
	margin: 0px;
	padding: 0;
	background: #FFFFFF url(images/img01.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

h1, h2, h3
{
	margin: 0;
/*	text-transform: lowercase;*/
	font-weight: normal;
	color: #3E3E3E;
}
h1
{
	letter-spacing: -1px;
	font-size: 32px;
}
h2
{
	font-size: 23px;
}
b
{
  font-weight: bolder;
  font-size: 110%;
}
p, ul, ol
{
	margin: 0 0 2em 0;
	text-align: justify;
	line-height: 26px;
	font-size: 11px;
}

.error
{
  color: #ff0000;
	font-size: 20px;
}

/*
	color: #7BAA0F; green
	color: #466D08; dark_green
	color: #003448; very dark blue
	
	dont set links (a) hear !
	links for divisions_menus are set in menu area but dont use the id style (start with #)
  and have the name .plain_menu & .active_menu
	links for the side_pannel cant posible use id as its needed for java script
	so are set in the side_pannel area with names .plain_link & .hilight_link
*/
/*a:link
{
	color: #7BAA0F;
}
a:hover
{
	text-decoration: none;
	color: #003448;
}
a:visited
{
	color: #7BAA0F;
}
a.active:link
{
	color: #003448;
}
a.active:hover
{
	color: #7BAA0F;
}*/

img
{
	border: none;
}
img.left
{
	float: left;
	margin-right: 15px;
}
img.right
{
	float: right;
	margin-left: 15px;
}
td
{
  vertical-align: top;
}

/* Form */
/*
form
{
	margin: 0;
	padding: 0;
}
fieldset
{
	margin: 0;
	padding: 0;
	border: none;
}
legend
{
	display: none;
}
label, input, textarea, select
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 5px;
	font-size: 13px;
	color: #333333;
  display: block;
  float: left;
 	border: 1px solid #000000;
}
label
{
  width: 150px;
  display: block;
 	border: 1px solid #000000;
  clear: left;
  position: relative;
  right: -1px;
}
textarea
{
  clear: left;
}
input
{
  float: left;
}
.text_input
{
  width: 400px;
}
.submit_button
{
  cursor: pointer;
	font-size: 11px;
	padding: 3px;
	background: #ECECEC url(images/img08.gif) repeat-x left bottom;
	border: none;
}
.check_box
{
  float: none;
  display: inline;
}
*/
fieldset
{
	margin: 0;
	padding: 0;
	border: none;
}
label, input, textarea, select
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  display: block;
  float: left;
}
label
{
  width: 150px;
  display: block;
  clear: left;
}
textarea
{
  clear: left;
}
input
{
  float: left;
}
.text_input
{
  width: 400px;
}
.submit_button
{
  cursor: pointer;
}
.check_box
{
  float: none;
  display: inline;
}
.scroll_text
{
  height: 500px;
  width: 100%;
  overflow: scroll;
  white-space: pre;
  text-align: left;
}

/*//////////////
////////////////
///          ///
///  Header  ///
///          ///
////////////////
//////////////*/
/* Is the blue patterned strip at the top of every page */
  #header
  {
  	height: 84px;
  	min-height: 84px;
  	margin: 0px;
  	background: url(images/img03.gif) repeat-x left bottom;
  }
/*////////////
//////////////
///        ///
///  Page  ///
///        ///
//////////////
////////////*/
/* Is a container for every thing after the header and before the footer*/
  #page
  {
  	min-width: 860px;/*body min-width - page horizontle margin(20)*/
  	margin: 0px 10px 0px 10px;
  }
/*//////////////
////////////////
///          ///
///  Footer  ///
///          ///
////////////////
//////////////*/
/* is the blue patterned bar at the bottom of every page */
  #footer
  {
  	height: 84px;
  	min-height: 84px;
  	margin: 0px;
  	background: #003448 url(images/img09.gif) repeat-x;
  	line-height: 84px;
    text-align: center;
  	color: #8ADE3C;
  }


/*///////////////////
/////////////////////
///               ///
///  DivisionBar  ///
///               ///
/////////////////////
///////////////////*/
/* the bar at the top of the page that contains the division links and the logo */
  #division_bar
  {
    display: block;
    min-height: 66px;/*height of logo image*/
    margin: 5px 0px 5px 0px;
  }
  
  #division_logo
  {
    float: left;
  }
  #division_links
  {
    float: right;
    margin-top: 15px;/* hack to verticle center align links*/
  }
  #division_links ul
  {
  	display: inline;
  	margin: 0px;
  	padding: 0px;
  	list-style: none;
  }
  #division_links li
  {
  	display: inline;
    text-align: center;
    width: 10em;
  	background: #F5F5F5 url(images/img02.gif) repeat-x left bottom;
  	margin-left: 5px;
  	padding: 5px;
  	white-space: nowrap;
  	overflow: hidden;
  	text-decoration: none;
  	font-size: 13px;
  	float: left;
  }
  a.plain_menu
  {
   	color: #000000;
  	text-decoration: none;
  }
  a.plain_menu:hover
  {
    color: #003448;
  	text-decoration: underline;
  }
  a.hilight_menu
  {
  	color: #7BAA0F;
  	text-decoration: none;
  }
  a.hilight_menu:hover
  {
    color: #466D08;
  	text-decoration: underline;
  }

/*/////////////////
///////////////////
///             ///
///   Content   ///
///             ///
///////////////////
/////////////////*/
/*
The container of the main page contents.
Below the divisons_bar,
Above the footer and
to the left of the side_bar.
*/
  #content
  {
    margin-right: 220px;/*alow room for the floating side bar*/
  }

  /* Post */
    .post
    {
      clear: left;
    }
    .post ul
    {
      margin: 0px;
      list-style-type: none;
      list-style-position: inside;
    }
    .post ul li
    {
      margin: 0px;
      padding-left: 5px;
      padding-right: 5px;
      height: 5em;
      float: left;
    }
    .post ul .stage
    {
/*      margin: 0px;
      padding-left: 5px;
      padding-right: 5px;
      height: 5em;
      float: left;*/
      width: 30%;
    }
    .post .new_line_float_hack {clear: left; width: 0px; }
    .post .name_col { width: 50%; overflow: hidden; border-right: 1px solid #D1D1D1; border-left: 1px solid #D1D1D1; }
    .post .code_col { width: 150px; overflow: hidden; border-right: 1px solid #D1D1D1; }
    .post .button_col { width: 100px; overflow: hidden; border-right: 1px solid #D1D1D1; }
    .post ol
    {
      list-style-type: decimal;
      list-style-position: outside;
      margin-left: 20px;
    }
    .post ol ol
    {
      list-style-type: upper-alpha;
    }
    .post .title
    {
    	margin-bottom: 20px;
    	padding-bottom: 5px;
    	background: url(images/img11.gif) no-repeat right 50%;
    	border-bottom: 1px dotted #D1D1D1;
    }
    .post .title_hilight
    {
      color: #7BAA0F;
    	margin-bottom: 20px;
    	padding-bottom: 5px;
    	background: url(images/img11.gif) no-repeat right 50%;
    	border-bottom: 1px dotted #D1D1D1;
    }
    .post .title a
    {
    	color: #7BAA0F;
    	text-decoration: underline;
    }
    .post .title a:hover
    {
    	color: #466D08;
    	text-decoration: none;
    }
    .post .entry
    {
      margin-left: 10px;
    }
    .post .product_img
    {
      width: 200px;
      float: left;
      clear: left;
    }
    .post .product_description
    {
      margin-left: 210px;
    }
    .post .product_description_alignment_hack
    {
      clear: left;
    }
    .post .meta
    {
      margin-top: 15px;
    	padding: 0 0 40px 0;
    	background: url(images/img03.gif) repeat-x;
    }
    .post .meta p
    {
    	margin: 0;
    	line-height: normal;
    	color: #999999;
    }
    .post .meta .byline
    {
    	float: left;
    }
    .post .meta .links
    {
    	float: right;
    }
    .post .meta .more
    {
    	padding: 0 20px 0 18px;
    	background: url(images/img06.gif) no-repeat left center;
    }
    .post .meta .comments
    {
    	padding-left: 22px;
    	background: url(images/img07.gif) no-repeat left center;
    }
    .post .meta b
    {
    	display: none;
    }

/*/////////////////
///////////////////
///             ///
///   Sidebar   ///
///             ///
///////////////////
/////////////////*/
/*
the side bar on the right side of the page containing
the search form and product links
*/
  #sidebar
  {
  	float: right;
  	width: 200px;
  	white-space: nowrap;
  	overflow: hidden;
  }
  #sidebar ul
  {
  	margin: 0;
  	padding: 0;
  	list-style: none;
  }
  #sidebar li
  {
  	margin-bottom: 40px;
  }
  #sidebar li
  {
  	margin: 0;
  	padding-left: 12px;
  	background: url(images/img12.gif) no-repeat left 50%;
  }
  #sidebar h2
  {
  	padding-top: 5px;
  	margin-bottom: 5px;
  	background: url(images/img11.gif) no-repeat right 50%;
  	border-bottom: 1px dotted #D1D1D1;
  	font-size: 16px;
  }
  
  /*Links*/
    .links_heading
    {
    	padding-bottom: 5px;
    	margin-top: 5px;
    	margin-bottom: 5px;
    	background: url(images/img11.gif) no-repeat right 50%;
    	border-bottom: 1px dotted #D1D1D1;
    }
    .links_tree_control
    {
      padding: 0px;
      font-weight: normal;
      cursor: pointer;
    	background-color: #E7E7E7;
    	border: 1px solid #D1D1D1;
      font-family: courier
    }
    .links_tree_control:hover
    {
    	border: 1px solid #003448;
    }
    .visable_links
    {
      margin-left: 15px;
      display: block;
    }
    .hidden_links
    {
      margin-left: 15px;
      display: none;
    }
    a.plain_link
    {
     	color: #7BAA0F;
    	text-decoration: underline;
    }
    a.plain_link:hover
    {
      color: #003448;
    	text-decoration: none;
    }
    a.hilight_link
    {
    	color: #466D08;
    	text-decoration: underline;
    }
    a.hilight_link:hover
    {
      color: #003448;
    	text-decoration: none;
    }
    a.red_link
    {
     	color: #FF3623;
    	text-decoration: underline;
    }
    a.red_link:hover
    {
     	color: #FF3623;
    	text-decoration: none;
    }

  /* Search */
    #search
    {
    }
    #search h2
    {
    	margin-bottom: 20px;
    }
    input.search_input
    {
      float: left;
    	width: 100px;
    	margin-left: 5px;
    	margin-top: 1px;
    	padding: 3px;
/*    	border: 1px solid #F0F0F0;*/
    }
    input.search_button
    {
      float: right;
      cursor: pointer;
      margin: 0px;
    	margin-right: 5px;
    	padding: 3px;
/*    	font-size: 11px;
    	background: #ECECEC url(images/img08.gif) repeat-x left bottom;
    	border: none;
    	color: #4F4F4F;*/
    }

/* Boxes */
.box1
{
	padding: 20px;
	background: url(images/img05.gif) no-repeat;
}
.box2
{
	color: #BABABA;
}
.box2 h2
{
	margin-bottom: 15px;
	background: url(images/img10.gif) repeat-x left bottom;
	font-size: 16px;
	color: #FFFFFF;
}
.box2 ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited
{
	color: #EDEDED;
}


html>body #footer
{
	height: auto;
}

#legal
{
	clear: both;
	padding-top: 20px;
	text-align: center;
	color: #8ADE3C;
}

#legal a
{
	color: #76D424;
}