body {
	font-family:verdana, arial, sans-serif;
	font-size:11px;

}
h3, h4 {
     font-size:12px;
}
a {
     color:#004f5d;

}

/*-----------             Link Lines           ----------------------*/
table.linkline
{
   width:100%;
}
table.linkline td
{
   width:50%;
   text-align:center;
}
table.linkline td a
{
   color:white;
   text-decoration:none;
   font-weight:bold;
}
table.linkline td a:hover
{
   text-decoration:underline;
}
table.monthtable
{
   width:100%;
}

table.monthtable td
{
   width:14.28;
}

/*-----------              Stuff               ----------------------*/

#titlebar {
    left:0px;
    top:0px;
    width:980px;
    position:relative;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
    margin-bottom:10px;
}

#forbiddenlogo {

  position:absolute;
  left:0px;
  top:0px;
  width:259px;
  height:43px;
  background:url(img/forbiddenlogo.png);
}

#quote {
  position:absolute;
  left:710px;
  top:10px;
  width:270px;
  height:15px;
	  font-family:verdana, arial, sans-serif;
  font-size:11px;
  font-style:italic;
  text-align:right;

}

#nav {
  float:left;
	position:absolute;
	left:289px;
	top:6px;
	width:403px;
	height:24px;
	z-index:200px;

}

#main {
  position:absolute;
  left:0;
  top:45px;
}

#nav li.menu {
  display:block;
  float:left;
  position:relative;
  z-index:200;
}
#nav li {position:relative; z-index:200;}
#nav a {position:relative; white-space:normal; z-index:200;}

#nav li a {display:block; float:left; padding:0; cursor:pointer;  z-index:200; }
/*hide the submenu when it's offscreen */
#nav ul.sub {
  left:-9999px;
  top:24px;
  margin:0;
  padding:0;
  position:absolute;
  list-style:none;
  z-index:100;

}

#nav :hover ul.sub {
  left:-1px;
  z-index:100;
} 

#nav a, #nav p{
  height:24px;
  display:block;
  float:left;
  border:0px;
  padding:0;
  font-family:verdana, arial, sans-serif;
  font-size:11px;
  text-decoration:none;
}

#nav li ul li a:link,
#nav li ul li a:visited {color:#000000;}



#nav li:hover a, 
#nav a:hover  /* this line makes it work on IE6*/
{background-position: 0 24px;}

#nav :hover ul.sub li a:hover
{background-position: 160px 0px;color:#ffffff;}

#nav a.Solutions {
  width:90px;
	background:url(img/Solutions.png);
}

#nav a.Products {
	width:86px;
	background:url(img/Products.png);
}

#nav a.Company {
	width:99px;
	background:url(img/Company.png);
}

#nav a.News {
	width:68px;
	background:url(img/News.png);
}

#nav a.Contact {
	width:60px;
	background:url(img/Contact.png);
}


/*-----------              Hacks for old IE    ----------------------*/

#nav :hover ul.sub li {position:relative; float:left; margin-top:-1px;}
#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0;}
#nav li a:visited { text-decoration:none;z-index:200}



/*-----------              Menu Entries (Links)      ----------------------*/
#nav li ul li a {width:145px; padding:0 0 0 15px; margin:0; text-decoration:none; }

#nav :hover ul li a.hi{
  
  padding-top:5px;
  height:18px;
  background:url(img/menu-hi.png);
}

#nav :hover ul li a.mid{
  padding-top:2px;
  height:18px;
  background:#ffca85;

  background:url(img/menu-mid.png);
}
#nav :hover ul li a.low{
  padding-top:2px;
  height:25px;
  background:url(img/menu-low.png);
}
/*-----------              Menu Entries (Headings)      ----------------------*/

#nav li ul li p {width:150px; padding:0 0 0 10px; margin:0;  text-decoration:none; color:black; font-weight:bold;}
#nav :hover ul li p.hi{
  padding-top:4px;
  height:19px;
  background:url(img/menu-hi.png);
}
#nav :hover ul li p.mid{
  padding-top:2px;
  height:18px;
  background:url(img/menu-mid.png);
}
#nav :hover ul li p.low{
  padding-top:2px;
  height:25px;
  background:url(img/menu-low.png);
}
/*-----------              Text Columns     ----------------------*/
table.columns
{
  width:100%;
	table-layout:fixed;
	margin:0px;
	border-spacing:0;
	border-collapse:separate;
	
}

table.columns td.column
{
	padding:20px;
	width:33%;
	vertical-align: top;
	text-align: justify;
}
table.columns ul li
{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

p.title
{
  font-size:14px;
  display:inline;
 }
table.columns p
{
	margin:0 0 20px 0;
}
table.columns p.quote
{
	font-size:11px;
	padding:0 20px 0px 20px;
	font-style: italic;
	font-size:11
	
}
table.columns p.author
{
	font-size:11px;
	text-align:right;
	margin:0 0 30px 0;
}
#workflow
{
	position: relative;
	left:0px;
	top:0px;
	border:0;
	padding:10px;
	width:600px;
	height:300px;

}
#workflow img
{
	border:0;
}
table.columns #workflowrollover
{
	position: absolute;
	left:310px;
	top:220px;
	width:250px;
	height:60px;
	text-align:center;
	font-size:10px;
	
}

table.centredInfo
{
	border-collapse:separate;
	vertical-align:top;
	border-spacing:10px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

table.centredInfo td
{
	vertical-align:top;
}

a.heading
{
	text-decoration:none;
	color:#808080;
}
/*-----------              Rounded Rectangles     ----------------------*/

area {
}


div.title,
table.rr
{
  padding:0px;
  margin:0;
  margin-left:auto;
  margin-right:auto;
  border:0;
  outline:0;
  border-spacing:0;
}

div.title
{
  position:relative;
  height:126px;
  width:980px;
  font-family:verdana, arial, sans-serif;
  font-size:11px;
  padding:0;
}
div.title p
{
  text-align:right;
  width:250px;
  height:126px;
  margin-left: 700px;
  margin-top: 35px;
  /*position:absolute; top:50%; height:120px; margin-top:-60px;*/
  color:#ffffff;
  display:table-cell;
  vertical-align:middle;
  padding:0;
}
div.title a,
div.title a:hover,
div.title a:visited
{
  color:#ffffff;
}
div.title table
{
  position:relative;
  width:250px;
  left: 700px;
  height: 126px;
  border: 0px;
  color:#ffffff;
  text-align:center;
  vertical-align:middle;
  padding:0;
  margin:0;
}

div.title table td
{
  height:126px;
}


table.rr td
{
  padding:0;
  margin:0;
  border:0;
  outline:0;
  background-repeat:no-repeat;
}

table.rr td.left,
table.rr td.right
{
  width:8px;
}

table.rr td.top,
table.rr td.bottom
{
  height:8px;
}

table.rr td.topleft, table.rr td.topright,
table.rr td.bottomleft, table.rr td.bottomright
{
  width:8px;
  height:8px;
}

table.rr td.left          { background:url(img/rr_l.png) }
table.rr td.right         { background:url(img/rr_r.png) }
table.rr td.top           { background:url(img/rr_t.png) }
table.rr td.bottom        { background:url(img/rr_b.png) }
table.rr td.topleft       { background:url(img/rr_tl.png) }
table.rr td.topright      { background:url(img/rr_tr.png) }
table.rr td.bottomleft    { background:url(img/rr_bl.png) }
table.rr td.bottomright   { background:url(img/rr_br.png) }


table.rr td.content
{
  width:976px;
}