@charset "utf-8";

body 
{
   margin: 0;

	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .8em;
	font-weight: normal;
	color: #000000;

   background-color: #B5FFEE;
   background-image: url(images/background_2.jpg);
   background-repeat: repeat-x;
}

h1
{
   display: none;
}

h2
{
   margin: 0;
   font-size: 250%;
}

#sidebar h2
{
   margin: 0 0 0 1em;
   font-size: 125%;
}

h3
{
   font-size: 125%;
}

h4
{
   font-size: 105%;
}

a 
{
   text-decoration:none;
   color: #A21700;
}

ul
{
   margin: 0;
   padding-left: 40px;
}

ol
{
   list-style-type: none;
}

ol.numbered
{
   list-style-type: decimal;
}

label
{
   display: block;
   margin-top: .2em;
}

legend
{
   font-weight: bold;
   color: black;
}

fieldset
{
   border: solid white 1px;
}

address
{
   font-style: normal;
   font-family: serif;
   font-size: 115%;
}

#mainBody
{
   width: 990px;
   margin-left: auto;
   margin-right: auto;
}

img
{
   border: 0;
}

#header
{
   height: 70px;
}

#navigation
{
   background-image: url('images/background_navbar.JPG');
   height: 32px;
}

#navButtons
{
   list-style: none;
   text-align: right;
   margin: 0 9px 0 0;
}

#navButtons li
{
   display: inline;
}

#belowNav
{
   background-image: url('images/background_below_navbar.JPG');
   height: 31px;
}

#contentWrapper
{
	background: url('images/background_tree.jpg') no-repeat bottom left; 
   position: relative;
   width: 100%;
   min-height: 420px; /* tree (278px) + fade (142px) */
   
   /* next two lines trick IE6 into using 420px as the min height. all other browsers will 
   use the auto, because of !important, but IE6 will ignore and use 420px, which it treats
   the same was as a real browser treats min-height */
   height: auto !important;
   height: 420px;
}

#contentWrapperIndex
{  

	position: relative;
   width: 100%;
   min-height: 420px; /* tree (278px) + fade (142px) */
   
   /* next two lines trick IE6 into using 420px as the min height. all other browsers will 
   use the auto, because of !important, but IE6 will ignore and use 420px, which it treats
   the same was as a real browser treats min-height */
   height: auto !important;
   height: 420px;
}

#content
{
   width: 535px;
   padding: 0 0 1em 46px;
   margin: 0 0 0 384px;
   background: url('images/background_divider.jpg') no-repeat top left;   
}

#sidebar
{
   width: 384px;
   position: absolute;
   left: 0px;
   top: 0px;
}

#newsTicker
{
   list-style-type: none;
   font-size: 90%;
}

#newsTicker li
{
   margin: 0 0 .5em 0;
}

#newsReleases
{
   list-style-type: none;
   margin: 2em 0 0 0;
   padding: 0;
}

#newsReleases li
{
   margin: 0 0 3em 0;
}

#newsReleases .date
{
   font-weight: bold;
}

#newsTableOfContents 
{
   margin-top: 4em;
   font-weight: bold;
   font-size: 125%;
}

#newsTableOfContents li ol 
{
   font-weight: normal;
   padding: 0 0 1em 1em;
   margin: 0;
   font-size: 80%;
}

#productMiniNav
{
   font-weight: bold;
   text-align: right;
   list-style: none;
   padding: 0;
   margin-top: 142px; /* height of the product logos */
}

#page_footer
{
   background-image: url(images/grassy_field.jpg);
   background-repeat: no-repeat;
   text-align: center; 
   font-size: 75%;
   padding-top: 148px; /* height of the bg image */
   clear: both;
}

#page_footerIndex
{
   text-align: center; 
   font-size: 75%;
   clear: both;
}

#page_footer img
{
	vertical-align: middle;
   border: 0;
}

#page_logos
{
   font-size: 75%;
}

#link_strip
{
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#link_strip li
{
   display: inline;
   color: #A21700;
   margin: 0 .2em 0 .2em;
}

#copyright
{
   clear: both;
   margin: .3em 0 0 0;
}

#clientsList
{
   margin: 35em 0 0 0;
}

#clientsList li
{
   margin: 1em 0 0 0;
}

#clientsindex
{
   padding: 5px 0 5px 0;
   background-color: white;
   border-style: solid;
   border-color: black;
   border-width: 5px;
   border-left: none;
   border-right: none;
   text-align: center;
}

#clientsindex img
{
    margin: 0 10px 0 10px;
}

.screenshotBox
{
	position: relative;
}

.screenshots
{
	margin: 0;
	text-align: center;
	width: 200px;
	position: absolute;
	right: 0;
}

.screenshots img
{
	border: 0;
	margin: 1.5em 0 0 0;
}

.screenshots a
{
   font-size: 85%;
}

.mandatory
{
   color: blue;
   font-size: 75%;
}

#clientLogos
{
	list-style-type: none;
}

#clientLogos li
{
	float: left;
	width: 49%;
	margin: 0 0 1em 0;
}

#clientLogos li a img
{
	width: 125px;
}

@media print
{
   #sidebar, #page_footer, #navigation
      {
      display: none;
   }
   
   #mainBody
      {
      width: 100%;
      margin: 0;
   }
   
   #content
      {
      width: 100%;
      padding: 0;
      margin: 0;
   }
   
   #contentWrapper
      {
      position: static;
   }
}