/* basic styling
------------------------------------*/

body {
  margin: 0;
  left: 0;
  top: 0;
  font: 11px/12px Arial, Helvetica, sans-serif;
  background: #eee;
}

/* main centering wrapper */
#wrapper {
  width: 780px;
  position: relative;
  left: 50%;
  margin-left: -390px;
  padding: 0px 10px 0px 10px;
  background: #fff url(graphics/page_background.gif) repeat-y center;
  z-index: 1;
}

/* layout hack to force background image to go to bottom of footer */
div.backgroundHack {
  display: block;
  clear: left;
  margin: -5px 0px 0px 0px;
  visibility: hidden;
}

div.clearer {
  clear: left; 
  line-height: 0; 
  height: 0;
}

a {
  font: 11px/13px Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: left;
  color: #8D122B;
  text-decoration: none;
}


/* header
------------------------------------*/

#headerLogo {
  margin: 0px;
  padding: 0px 0px 0px 20px;
  float: left;
  height: 90px;
  width: 310px;
  background-color: #fff;
}

#headerRight {
  margin: 0;
  padding: 65px 20px 10px 20px;
  float: right;
  height: 15px;
  width: 410px;
  background: #fff;
}

.headerRight {
  font: 11px/12px Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-align: right;
  color: #999;
  text-decoration: none;
}

.headerRight a {
  font: 11px/12px Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: right;
  padding: 0px;
  color: #999;
  text-decoration: none;
}

.headerRight a:hover {
  font: 11px/12px Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: right;
  padding: 40px 0px 0px 10px;
  color: #8D122B;
  text-decoration: none;
}


/* news box
------------------------------------*/
#newsBox {
	position: absolute;
	left: 30px;
	top: 264px;
	margin: 0;
	padding: 10px;
	width: 220px;
	max-height: 300px;
	background-color: #eeeeee;
	border:#999 solid 1px;
	overflow:auto;
	z-index: 3;
}

.newsBox {
  margin: 0;
  float: left;
  font: 11px/14px Arial, Helvetica, sans-serif;
  color:#666666;
}

.newsBoxHeading {
  display: block;
  font: 12px/14px Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: left;
  color: #fff;
  padding: 6px;
  background: #8D122B;
  margin: 10px 0px 10px 0px;
}

.newsBox p {
  font: 11px/14px Arial, Helvetica, sans-serif;
  color:#666666;
  margin: 0px 0px 3px 0px;
  padding: 0px 0px 6px 0px;
  border-bottom:#ccc solid 1px;
}

.newsBox h1 {
  font: 12px/14px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color:#8D122B;
  margin: 10px 0px 10px 0px;
}

.newsBox h2 {
  font: 11px/14px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #666666;
  margin: 12px 0px 0px 0px;
 }


/* main image
------------------------------------*/

#mainImage {
  margin: 0;
  padding: 0;
  float: left;
  height: 180px;
  width: 780px;
}


/* slogan box
------------------------------------*/

#slogan {
  position: absolute;
  width: 200px;
  height: 60px;
  z-index: 6;
  left: 555px;
  top: 190px;
  background: transparent url(graphics/slogan_box.png) no-repeat top left;
  margin: 0;
  padding: 15px 5px 0px 30px;
  font: 18px/24px Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #fff;
}


/* main navigation
------------------------------------*/

ol li {
	list-style-type:lower-roman;
	margin-left:25px;
}

ul {
  margin: 0;
  padding: 0;
  float: right;
  width: 505px;
  font-weight: bold;
  text-align: center;
  list-style: none;
}

ul li {
  float: left;
  padding: 0;
  text-align: center;
  background: url(graphics/tab_right.gif) no-repeat top right;
}

ul li:last-child, ul li.last-child  {
  padding: 0px 15px 0px 0px;
  background: url(graphics/tab_right_last.gif) no-repeat top right;
}

li a {
  text-decoration: none;
  padding: 5px 0px 5px 25px;
  font-weight: bold;
  min-height: 30px;
  color: #fff;
  float: left;
  display: block;
  text-align: center;
  background: url(graphics/tab_left.gif) no-repeat top left;
}

li.first a {
  background: url(graphics/tab_left_first.gif) no-repeat top left;
}

li a:hover {
  color: #ccc;
}

#navbar {
  margin: 0;
  padding: 0px;
  float: left;
  min-height: 40px;
  width: 780px;
  background: #8D122B url(graphics/nav_background_off.gif) repeat-x;
}

#greyNavbar {
  margin: 0;
  padding: 0;
  float: left;
  height: 10px;
  width: 780px;
  background-color: #ddd;
}


/* graduated bar and footer
------------------------------------*/

.greyBar {
  margin: 0;
  padding: 0;
  border-top:#999999 solid 1px;
  border-bottom:#999999 solid 1px;
  float: left;
  min-height: 20px;
  width: 780px;
  background: url(graphics/grey_bar_background.gif) repeat-x top left;
}

#footerWrapper {
  font: 9px/10px Arial, Helvetica, sans-serif;
  padding: 4px 10px 0px 10px;
  float: left;
  color: #333;
}

#shepherd {
  font: 9px/10px Arial, Helvetica, sans-serif;
  padding: 4px 10px 0px 10px;
  float: right;
  color: #333;
}

.shepherd a {
  font: 9px/10px Arial, Helvetica, sans-serif;
  color: #333;
  text-decoration: none;
}

.shepherd a:hover {
  font: 9px/10px Arial, Helvetica, sans-serif;
  color: #333;
  text-decoration: underline;
}


/* left column
------------------------------------*/

#leftColumn {
  margin: 0;
  padding: 10px 0px 16px 20px;
  float: left;
  width: 230px;
  background: #fff;
}


/* left navigation
------------------------------------*/

#leftNav {
  margin: 0px;
  padding: 0;
  float: left;
  text-align: left;
}


#leftNav ul {
  margin: 12px 0px 0px 0px;
  padding: 0;
  float: left;
  width: 230px;
  font-weight: normal;
  list-style: none;
}

#leftNav ul li {
  margin: 0px 0px 4px 0px;
  padding:0;
}


#leftNav li a {
  text-decoration: none;
  font-weight: normal;
  padding: 5px 10px 5px 10px;
  width: 210px;
  min-height: 10px;
  text-align: left;
  color: #8D122B;
  float: left;
  background: #fff;
  border: #8D122B solid 1px;
}

#leftNav ul li a:hover {
  font-weight: normal;
  text-align: left;
  color: #666;
  border:#666 solid 1px;
  background: #ddd none;
}

/* Highlight page we are on */

/* news */
#news #leftNav .news a,
#conferences #leftNav .conferences a,
#publications #leftNav .publications a, 

/* corporate profile */
#team #leftNav .team a,
#assignments #leftNav .assignments a,
#certifications #leftNav .certifications a,
#memberships #leftNav .memberships a,
#services #leftNav .services a,
#organizations #leftNav .organizations a,
#employment #leftNav .employment a,


/* ediscovery */
#project #leftNav .project a,
#collection #leftNav .collection a,
#migration #leftNav .migration a,


/* computer forensics */
#analysis #leftNav .analysis a,
#acquisition #leftNav .acquisition a,
#anton #leftNav .anton a,
#search #leftNav .search a,
#phones #leftNav .phones a,
#backup #leftNav .backup a,
#witness #leftNav .witness a,

/* intellectual property protection */
#patent #leftNav .patent a,
#trademarks #leftNav .trademarks a,
#auction #leftNav .auction a,
#counterfeit #leftNav .counterfeit a,
#fraud #leftNav .fraud a,
#buy #leftNav .buy a,
#gathering #leftNav .gathering a,
#database #leftNav .database a,

/* information security */

#audits #leftNav .audits a,
#network #leftNav .network a,
#compliance #leftNav .compliance a,
#testing #leftNav .testing a,
#consulting #leftNav .consulting a,
#planning #leftNav .planning a,
#recommendations #leftNav .recommendations a,

/* common - different sections */
#protection #leftNav .protection a,
#copyright #leftNav .copyright a,
#profiles #leftNav .profiles a {
  cursor: default;
  background: #8D122B;
  color: #fff;
  border: #8D122B solid 1px;
}


/* Content column (right)
------------------------------------*/

#content {
  margin: 0;
  padding: 10px 20px 10px 10px;
  float: right;
  width: 470px;
  font: 11px/20px Arial, Helvetica, sans-serif;
  color:#666666;
  background: #fff;}

.content p {
 margin: 0px 0px 12px 0px;
 font: 11px/20px Arial, Helvetica, sans-serif;
 color:#666666;
}

.content h1 {
 margin: 0px 0px 12px 0px;
 font: 26px/30px Arial, Helvetica, sans-serif;
 font-weight: normal;
 color:#8D122B;
}

.content h2 {
  margin: 12px 0px 0px 0px;
  font: 18px/20px Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #666666;
 }
 
.content h3 {
  margin: 12px 0px 0px 0px;
  font: 14px/18px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #8D122B;
 }
 
.content h4 {
  margin: 12px 0px 0px 0px;
  font: 12px/14px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #666666;
 }
 
.content ol {
  margin: 0px 0px 12px 0px;
  text-align: left;
  font-weight: normal;
  padding: 0;
  list-style: disc;
}