/*-----------------------------------------------------------------------------
The Gernett Company Screen Stylesheet

version:1.0
date:6/16/2007
author:Michael Cheung
-----------------------------------------------------------------------------*/

@media screen, projection {
.be-nice-to-Mac-IE5 {
font-family:"\"}\"";
font-family:inherit;
}

/* =============================================================
    General Declarations 
    =============================================================*/

* {margin:0; padding:0;}
html, body {text-align:left; font-size:62.5%;}
body, tr, td, input, select, textarea {font-family: Helvetica, Verdana, Arial; color:#777576; font-size:1.3em;}
body { background:white none no-repeat fixed }
a:link,a:visited {text-decoration:underline; color:#898989;}
a:hover {text-decoration:none; color:#333;}
ul, ol {margin:0px 0px 10px 20px;}
dl {margin:0 0 10px;}
dt {font-weight:bold;}
dd {margin:0 0 3px 10px;}
p {margin:10px; line-height: 30px;}
h1 {font-size:2.2em; margin:0 0 12px; color:#008000; clear:right;}
h2 {font-size:2.0em; margin:0px 0 8px; color:#C36;}
h3 {font-size:1.8em; margin:0px 0 3px; color:#C36; font-weight:bold;}
h4 {font-size:1.6em; margin:4px 0;}
h5 {font-size:1.4em; margin:3px 0;}
h6 {font-size:1.2em; margin:0;}
hr {display:none;}
img {border:none;}
acronym {border-bottom:1px dotted;}
blockquote {margin:0 25px 20px 25px; font-style:italic;}
}
.clear {clear:both; display:block;}
.right {font-size: 0.9em; float:right; word-spacing: normal;}
.left {font-size: 0.9em;float:left;}

/* =============================================================
    Structure
    =============================================================*/
body {
	background: #fff;

}

#wrapper {
	width: 809px;
	margin: 25px;
	}
	
#header {
	background: url("../images/header_bg.gif") no-repeat;
	height: 200px;
	padding-top: 1px;
	color:#000;
	}
	
#content {
	background: url("../images/content_bg.gif") repeat-y;
	}

#footer {
	background: url("../images/footer_bg.gif") no-repeat;
	height: 51px;
	padding: 5px 35px 0px 3px;
	font-size: .9em;
	}

/* =============================================================
    Header
    =============================================================*/
.logo {
	border: 1px solid #AAA;
	border-top: 0px;
	border-bottom: 0px;
	padding: 32px 30px;
	float: left;
	}

.email {
	float: right;
	margin: 20px 30px 0px 0px;
	}

.pageHeader {
	float: right;
	margin: 165px -10px 0px 0px;
	padding-bottom: 5px;
	font-family: Garamond;
	font-size: 2.1em;
	font-weight: 500;
	}
/* =============================================================
    Menu
    =============================================================*/
.menu {
	display: block;
	float: left;
	height: 600px;
	width: 142px;
	border: 1px solid #aaa;
	}
	
.menu ul {
	margin: 0px;
	padding: 0px;
	}
	
.selectedMenu{
	background: #bbbdb8;
}	

.menu .selectedMenu a{
	color: #fff;
}
	
.menu ul li {
	list-style: none;
	height: 23px;
	margin: 0px;
	padding: 0px;
	padding-top: 8px;
	position: relative;
	color: #999;
	border-bottom: 1px solid #aaa;
	text-align: center;
	font-family:  Helvetica, Verdana, Arial;
	}

.menu ul li:hover, .menu ul li.CSStoHighlight {
  background-color: #bbbdb8;      /* gives the active menu items a yellow background */
  color: #fff;                 /* makes the active menu item text black */ 
  cursor: pointer;
}
.menu ul, .menu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
.menu ul li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
.menu ul li a { color: #535353; display: block; width: 100%; text-decoration: none;}
.menu ul li a:hover, .menu ul li a.CSStoHighLink { color: #fff; }
.menu ul li:hover > a { color: #fff; } /* supports links in branch headings - should not be display: block; */

.menu .emptyBox, .menu .emptyBox:hover
{
	background-color: #fff;
	cursor: default;
	}

/* =============================================================
    Content
    =============================================================*/
.ContentText {
	padding:20px;
	display: block;
	width: 615px;
	float: left;

	}

.ContentText p	{
	line-height: 22px;
}
	
.ContentHeadLine
{
	color: #000000;
	font-size:1.1em;
}	
.TeamMembers
{
	padding:20px;
	display: block;
	width: 615px;
	float: left;
}

.TeamMember
{
	line-height: 20px;
	border-bottom: 1px #ccc  solid;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ContactInfo
{
	line-height: 20px;
	width: 150px;
}

.NewsPiece
{
	padding-top: 5px;
	padding-bottom: 5px;
	line-height:18px;
	border-bottom: 1px #b8b8b8 solid;
}
/* =============================================================
    Footer
    =============================================================*/
#footer a {	
	text-decoration: none;
	color: #999999;
	border-bottom: 1px gray dotted;
	}

.line {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
	background: #ccc;
	margin: 22px 0px 0px;
	}