﻿

* {padding: 0; margin: 0}

/* SITE STRUCTURE
----------------------------------------------------------------------------------------------------------------- */

body {
	font-family: Geneva, Arial, sans-serif;
	font-size: 12px;
	color: #8c8c8c;
	background: #f3f3f3;
}
#wrapper {text-align: center}
#page {width: 920px; margin: 45px auto; background: #FFFFFF}
#masthead {height: 59px}
#masthead h1 {text-indent: -9999px; float: left}

#logo {border: none; float: left; margin-left: 25px; margin-top: 18px}
@media screen and (-webkit-min-device-pixel-ratio:0) {#logo {margin-left: -85px;}}
#content {height: 636px; text-align: center}
.centerTable {text-align: center; margin: 0 auto; width: 636px}


/* HOMEPAGE STYLES
----------------------------------------------------------------------------------------------------------------- */
#homeImg {margin-bottom: 25px; padding-top: 115px}
.homeText {
	font-size: 1.1em;
	margin-right: 175px;
	margin-left: 175px;
	line-height: 1.6em;
	margin-top: 10px;
}
.homeTextCallOut {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 20px;
}


/* ABOUT STYLES
----------------------------------------------------------------------------------------------------------------- */
#aboutText {
	width: 500px;
	padding-top: 200px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.1em;
	line-height: 1.5em;
}
#aboutText p {
	color: #787878;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* APPROACH STYLES
----------------------------------------------------------------------------------------------------------------- */
.contentOff {display: none}
.contentOn {
	width: 470px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#approachHome table {margin :0 auto}
.approachList li,
.approachList2 li {list-style-type: none}
.approachList a {
	color: #ccc;
	font-weight: bold;
	text-transform: none;
	display: block;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	text-transform: uppercase;
	padding: 9px;
	text-decoration: none;
	font-size: 1em;
	cursor: pointer;
}
.approachList a:hover,
.approachList a.current {color: #BFCB00}
.approachList2  a {
	color: #ccc;
	font-weight: bold;
	text-transform: none;
	display: block;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	padding: 9px;
	text-decoration: none;
	font-size: 1em;
	cursor: pointer;
}
.approachList2 a:hover,
.approachList2 a.current {color: #BFCB00}
#approachHome {padding-top: 160px}
#approachHome p {
	padding-top: 10px;
	padding-right: 250px;
	padding-bottom: 10px;
	padding-left: 250px;
	font-size: 1.1em;
	line-height: 1.5em;
}


/* SERVICES STYLES
------------------------------------------------------------------------------------------------------------------*/
.servicesList td {text-align: left; font-size: 1.1em; padding: 3px 0}
.leftPadding {
	padding-left: 50px !important;
	padding-left: 37px;
}
.extraLeftPadding {
	padding-left: 100px !important;
	padding-left: 50px;
}


/* LEADERSHIP STYLES
----------------------------------------------------------------------------------------------------------------- */
#leadershipContent {
	padding-top: 150px;
	margin-right: auto;
	margin-left: auto;
	width: 535px;
}
#leaderNav {width: 150px; text-align: right; float: left}
#leaderNav a {cursor: pointer}
#profile {
	text-align: left;
	float: left;
	margin-left: 25px;
	width:360px
}
#profile p {
	margin-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 1.5em;
	font-size: 1.1em;
}
#profile h2 {font-size: 1em; color: #333333; padding-left: 10px}
.profileImage {margin-right: 10px}


/* CONTACT STYLES
----------------------------------------------------------------------------------------------------------------- */
#contactText {padding-top: 180px; font-size: 1.1em}
#contactText a, #mapContent h3 {
	display: block;
	width: 150px;
	margin: 20px auto 5px;
	font-size: 1.1em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}
#contactText a:hover {color: #BFCB00}
#mapContent {padding-top: 115px; font-size: 1.1em}
#mapContent a {color: #8c8c8c; text-decoration: none; font-size: 1.1em}
.mapImg {padding: 10px; margin-bottom: 13px}
.mapImg2 {padding: 10px; margin-bottom: 10px}


/* MAIN NAVIGATION
----------------------------------------------------------------------------------------------------------------- */
#navigation {padding: 15px 20px 0 0; float: right; overflow: hidden}
#navigation ul#mainNav {list-style: none}
#navigation ul#mainNav li {float: left}
#navigation ul#mainNav li a {padding: 10px 30px 0 0; font-size: 1em; font-weight: bold; color: #999999; text-decoration: none; display: block}
#navigation ul#mainNav ul {padding: 0; margin: 0; list-style: none}
#navigation ul#mainNav li ul {position: absolute; width: 35px; left: -999em}  
#navigation ul#mainNav li:hover ul {left: auto}
#navigation ul#mainNav li:hover ul,
#navigation ul#mainNav li.sfhover ul {left: auto}
#navigation ul#mainNav a:hover,
#navigation ul#mainNav a.current {color: #333333}


/* SITEMAP NAVIGATION
----------------------------------------------------------------------------------------------------------------- */
.sitemapContent {width: 100px; margin: 0 auto; padding-top: 180px}
#sitemapList {text-align: left}
#sitemapList ul {margin-right: auto; margin-left: 30px}
#sitemapList a {
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.5em;
	color: #999999;
	margin-top: 10px;
	display: block;
}
#sitemapList a:hover {color: #BFCB00}
#sitemapList li ul a {font-size: 1.0em}
#sitemapList li ul li ul a {font-size: 1.0em; font-weight: normal}
#sitemapList li {list-style: none}


/* LEADERSHIP NAVIGATION
----------------------------------------------------------------------------------------------------------------- */
#leaderNav li {list-style-type: none}
#leaderNav a {
	display: block;
	color: #666666;
	padding-top: 0;
	padding-bottom: 20px !important;
	padding-bottom: 3px;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: bold;
}
#leaderNav a:hover,
#leaderNav a.current {color: #BFCB00}


/* Get Our Book NAVIGATION
----------------------------------------------------------------------------------------------------------------- */
#footer {background: #f3f3f3 url(../images/footerBG.jpg) repeat-x left top; overflow: hidden}
#bookNav {float: left}
#bookNav a {height: 41px; width: 240px; padding: 79px 0 0 55px; background: url(../images/getTheBookBG.jpg) no-repeat left top; color: #999999; text-decoration: none; font-size: 1.1em; display: block}
#bookNav a:hover {color: #666666; background: url(../images/getTheBookBG2.jpg) no-repeat left top}

#copyright {padding: 76px 0 0 0}
ul#footerLinks {list-style: none}
ul#footerLinks li {margin: 4px 0 0 0; padding: 0 8px; background: transparent url(../images/divider-footer.gif) no-repeat left center; font-size: 0.9em; float: left}
ul#footerLinks li#nodiv {background: none}
ul#footerLinks li a {color: #848484; text-decoration: none}
ul#footerLinks li a:hover {color: #333333}
#socials {float: left; overflow: hidden}
#socials a {height: 22px; width: 22px; margin: 0 0 0 1px; display: inline-block; text-indent: -999em}
#socials a#bookface {width: 22px; background: transparent url(../images/icon-bookface.gif) no-repeat left top}
#socials a#twittadat {width: 22px; background: transparent url(../images/icon-twittadat.gif) no-repeat left top}
#socials a#youtubed {width: 22px; background: transparent url(../images/icon-youtubed.gif) no-repeat left top}
#socials a#bookface:hover,
#socials a#twittadat:hover,
#socials a#youtubed:hover {background-position: bottom}

#Legal {
	overflow: auto;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 580px;
	width: 850px;
	hscroll: none;
	margin-top: 40px;
	margin-bottom: 20px;
}
.terms  {font-size: 1.3em}
h2 {font-size: 1.1em; text-align: left}
.legalText {text-align: left; font-size: 1em; padding-top: 10px; padding-bottom: 10px}
#flashcontent {margin-top: 75px}
.address {margin-top: 100px}
.normalLink {color: #999999; text-transform: none; font-size: 1.0em; font-weight: normal}
.address strong {color: #666666}


/* CAREERS
----------------------------------------------------------------------------------------------------------------- */
#content-temp {padding: 0 0 70px 0; text-align: center}
#careersContent {width: 642px; margin: 0 auto; padding: 130px 0 0 0; text-align: left}
#careersContent h2 {margin: 0 0 15px 0; font-size: 16px; color: #4c4c4c}
#careersContent h3 {margin: 0 0 15px 0; font-size: 12px; line-height: 18px}
#careersContent p {margin: 0 0 15px 0; line-height: 18px}
#careersContent p.lrg {margin: 0 0 15px 0; font-size: 14px; color: #4c4c4c}
#careersContent p.drk {color: #4c4c4c}
#careersContent p.mov {margin: 0 0 15px 16px}
#careersContent a {color: #397cbf}
#careersContent a:hover {text-decoration: none}
#careersContent ul {margin: 0 30px 20px 30px}
#careersContent ul li {margin: 0 0 8px 0}
#careersContent ul li a {color: #397cbf}
#careersContent ul li a:hover {text-decoration: none}
.divider {margin: 0 0 20px 0; padding: 5px 0 0 0; border-bottom: 1px solid #d9d9d9}
.apply {margin: 20px 0; padding: 6px 25px; background: #f8f8f8 url(../images/icon-blue-arrow.gif) no-repeat 10px 12px; border: 1px solid #d9d9d9}
.apply a {color: #397cbf}
.apply a:hover {text-decoration: none}

