/*
Theme Name: People Management
Tags: People Management

*/


body {
    margin: 0px; 
    padding: 0px;
    font-family: Arial,Tahoma,Verdana;
    font-size: 12px;
	background: #000000;
}

#pageWrapper {
    background: url(images/bg.gif) repeat-x top left #334929;	
}

a {
    color: #263a65;
}

a:hover {
    color: #546b4a;
}

#layout {
    background: url(images/contentBg.gif) repeat-y top left transparent;
    width: 920px;
    margin: 0px auto;
}

#top {
    background: url(images/topBg.jpg) no-repeat top left transparent;
    min-height: 527px;
}

#topSub {
    background: url(images/topBgSub.jpg) no-repeat top left transparent;
    min-height: 527px;
}

#footer {
    background: url(images/footerBg.gif) repeat-x top left transparent;
    color: #9e9e9e;
}

#footer2 {
    width: 920px;
    margin: 0px auto;
}

#footer3 {
    background: url(images/footerBg2.gif) no-repeat top left transparent;
    min-height: 200px;
    width: 880px;
}

#footer4 {
    padding: 70px 60px;
}

#footerLeft {
    float: left; 
    width: 180px;
    padding-bottom: 10px;
}

#footerRight {
    float: left;
    width: 550px;
    padding-bottom: 10px;
    text-align: center;
}

#footerLine {
    clear: both;
    border-top: 1px solid #cccccc;
}

#footerAuthor {
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
}

#contentArea {
    width: 600px;
    float: left;
}

#contentAreaSub {
    width: 600px;
    float: left;
}

#contentAreaSubInner {
    padding: 120px 35px 0px;
}

#contentAreaInner {
    padding: 35px;
}

#header {
	height: 127px;
}

#logoLink {
    width: 300px;
    height: 127px;
    float: left;
}

#logoLink img {
    width: 300px;
    height: 127px;
    border: 0px;
}

#search {
    float: left;
    width: 560px;
    height: 127px;
}

#search .searchPlacement {
    padding: 29px 0px 0px 351px;
}

#search .searchBg {
    background: url(images/searchBg.gif) no-repeat;
    height: 23px;
    width: 193px;
}

#search input {
    border: 0px solid #ffffff;
    margin: 2px 0px 0px 30px;
    width: 160px;
}

#menu {
    float: left;
    width: 250px
}

#menuInner {
    padding-left: 19px;
}


.item {
    background: url(images/menu.gif) no-repeat bottom left;
    width: 231px;
    line-height: 31px;
}

.itemSelected {
    background: url(images/menuSelected.gif);
    width: 231px;
    line-height: 31px;
}

.itemSelected a,
.item a {
    margin-left: 20px;
    color: #192314;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}

#slogan {
    text-align: center;
    font-size: 14px;
    color: #383838;
    height: 161px;
}

#sloganInner {
	color: #5D5D5D;
	font-family: trebuchet MS;
	font-size: 26px;
	padding-top: 83px;
}

h1 {
    font-size: 30px;
    color: #919191;
    width: 100%;
    border-bottom: 3px solid #e6e6e6;
    font-weight: normal;
    text-transform: lowercase;
}

h2 {
    font-size: 20px;
    color: #919191;
    width: 100%;
    font-weight: normal;
    text-transform: lowercase;
}

.leftColumn {
    float: left;
    width: 500px;
}

.rightColumn {
    float: left;
    width: 250px;
}

.rightColumn > div {
    padding: 23px 0px 0px 20px;
}

#menu h1 {
    width: 100%;
    line-height: 27px;
    padding-left: 10px;
    background: url(images/headerBg.gif) no-repeat top right;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;    
    border: 0px solid #ffffff;
}

#menu div.date {
    float: left;
    color: #7c7c7c;
    width: 65px;
}

#menu div.title {
    float: left;
    width: 130px;
}

#subMenu {
    padding: 11px 10px 0px 24px;
}

.boardMember {
	width: 265px;
	float: left;
}

.boardMember .image {
	float: left;
	width: 85px;
	height: 120px;
}

.boardMember .image img {
	width: 80px;
}

.boardMember .data {
	float: left;
	width: 180px;
	height: 120px;
	font-size: 11px;
}

.boardMember .data .name {
	font-size: 14px;
	color: #6a6a6a;
	font-weight: bold;
}

.boardMember .data .title {
	font-size: 11px;
	font-style: italic;
}

#footerLogos {
	border-top: 1px solid #cccccc;
	margin-top: 20px;
	padding-top: 32px;
}

#footerLogos img {
	margin-right: 10px;
}

.subMenuLink {
	text-align: right;
	padding-top: 10px;
}

.listDate {
	float: left;
	width: 100px;
}

.listTitle {
	float: left;
	width: 300px;
}