/*Global Settings*/

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .8em;
	color: #555;
	position: relative;
/**
*	background: #CCCC99;
	background: #d3d7b4;
*/
	background: #bac468;
}

a:link, a:visited {
	color: #333399;
	outline: none;
}

a:hover {
	color: #333;
}

a {
	text-decoration: none;
	outline: none;
}

h1, h2, h3 { color: #555; }

#wrapper {
	margin: 10px auto;
}


/*Menu Styling*/

.headMenu {
	display: block;
	margin: 0 0 30px 0;
}

.menu {
	float: left;
	clear: both;
	font-size: 1.37em;
	font-weight: 100;
	width: 100%;
	height: 70px;
	margin: 0 auto 0px auto;
}

.menuList a:link, .menuList a:active, .menuList a:visited {
	color: #555;
	line-height: 77px;
}

.logo {
	float: left;
	clear: both;
}

.menuList {
	float: left;
	clear: right;
	margin: 0 0 40px 120px !important;
}

.menuList li {
	display: inline;
}

#proLi {
	padding: 7px 27px 0 47px;
}

#proLiActive {
	/*padding: 7px 130px 0 0;*/
	padding: 7px 27px 0 47px;
	width: 120px;
}

#proLiActive a {
	/*background: url('../images/profile.jpg') no-repeat 0 0;*/
	height: 70px; 
	width: 120px;
	color: #333399;
	/*position: absolute; 
	margin: -5px 0 0 0;  
	text-indent: -9999px;*/

}	
#portLi {
	padding: 6px 47px 0 30px;
}

#portLiActive {
	/*padding: 6px 135px 0 16px;*/
	padding: 6px 47px 0 30px;
}

#portLiActive a {
	/*background: url('../images/projects.jpg') no-repeat 0 0;*/
	height: 70px; 
	width: 158px;
	color: #333399;
	/*position: absolute; 
	margin: -5px 0 0 0;  
	text-indent: -9999px;*/
}

#faqLi {
	margin: 0 5px;
	padding: 31px 15px 0 15px;
}

#faqLiActive {
	margin: 0 5px;
	/*padding: 31px 60px 0 0;*/
	padding: 31px 15px 0 15px;
}
#faqLiActive a { 
	height: 70px; 
	width: 59px;  
	color: #333399;
	/*background: url('../images/faq.jpg') no-repeat; 
	position: absolute; 
	margin: -5px 0 0 0;  
	text-indent: -9999px;*/
	}

#recLi {
	padding: 13px 27px 0 27px;
}

#recLiActive {
	/*padding: 13px 200px 0 0;*/
	padding: 13px 27px 0 27px;
}

#recLiActive a {
	/*background: url('../images/recommendations.jpg') no-repeat 0 0;*/
	height: 70px; 
	width: 187px;  
	color: #333399;
	/*position: absolute; 
	margin: -5px 0 0 0;  
	text-indent: -9999px;*/
	}
	
#resLi {
	padding: 6px 25px 0 25px;
}

#resLiActive {
	/*padding: 6px 86px 0 10px;*/
	padding: 6px 25px 0 25px;
}

#resLiActive a {
	/*background: url('../images/links.jpg') no-repeat 0 0;*/
	height: 70px; 
	width: 69px;  
	color: #333399;
	/*position: absolute; 
	margin: -5px 0 0 0;  
	text-indent: -9999px;*/
}
#bloLi {
	padding: 10px 36px 0 36px;
}

#bloLiActive {
	/*padding: 10px 36px 0 10px;*/
	padding: 10px 36px 0 36px;
}

#bloLiActive a {
	/*background: url('../images/blog.jpg') no-repeat 0 0;*/
	height: 70px; 
	width: 98px;  
	color: #333399;
	/*position: absolute; 
	margin: -5px 0 0 0;  
	text-indent: -9999px;*/
}

.foot {
	text-align: center;
	height: 100px;
	padding-left: 20px;
}

.footInfo {
	margin-top: 6em;
}

.footInfo span {
	font-size: .85em;
	margin: 0 20px;
}


/* Recommendation Styling*/
.recs {
	font-size: 1m;
	text-align: justify;
	padding-bottom: 5.5em;
}

.recs p {
	margin: 0 0 0.75em;
}

.recSource {
	font-size: 1em;
	float: right;
	font-weight: 800;
	width: 350px;
	text-align: right;
}

.quoteL {
	font-size: .9em;
}

.quoteL h3 {
	color: #333399;
	margin-top: 235px;
	position: relative;
    z-index: 100;	
}

.quoteL h3.low {
	margin-top: 435px;
	line-height: 1.2em;
}

.quoteR {
	font-size: .9em;
}

.quoteR h3 {
	color: #333399;
	line-height: 1.2em;
	margin-top: 390px;
	position: relative;
    z-index: 100;	
}

#quoteGraphL {
	position: absolute;
/*	background: url(../images/quotesL.jpg) no-repeat 0 0;*/
	width: 150px;
	height: 120px;
	margin: 138px 0 0 70px;
	z-index: 1;
}

#quoteGraphR {
	position: absolute;
/*	background: url(../images/quotesR.jpg) no-repeat 0 0;*/
	width: 150px;
	height: 120px;
	margin: 180px 0 0 10px;
	z-index: 1;
}

#quoteGraphL2 {
	position: absolute;
	background: url(../images/quotesL.jpg) no-repeat 0 0;
	width: 150px;
	height: 120px;
	margin: 323px 0 0 70px;
	z-index: 1;
}

#quoteGraphR2 {
	position: absolute;
	background: url(../images/quotesR.jpg) no-repeat 0 0;
	width: 150px;
	height: 120px;
	margin: 200px 0 0 10px;
	z-index: 1;
}

#quoteGraphL3 {
	position: absolute;
	background: url(../images/quotesL.jpg) no-repeat 0 0;
	width: 150px;
	height: 120px;
	margin: 323px 0 0 70px;
	z-index: 1;
}

#quoteGraphR3 {
	position: absolute;
	background: url(../images/quotesR.jpg) no-repeat 0 0;
	width: 150px;
	height: 120px;
	margin: 230px 0 0 10px;
	z-index: 1;
}

/*Slideshow Styles*/

.slides {
	width: 750px;
	margin: 20px 0 0 150px;
	float: left;
	margin-top: 20px !important!;
}

.leftSlide, .centerSlide, .rightSlide{
	float: left;
	text-align: left;
	width: 200px;
	height: 155px;
	position: relative;
	overflow: hidden;
	margin: 0 40px 0 0;	
}

.leftImg, .centerImg, .rightImg {
	position: absolute;
}

.rightSlide{
	margin: 0 0 0 0;
}

/* Profile Style */

.proCopy {
	text-align: justify;
	font-size: 1em;
	float: left;
	width: 500px;
	padding-top: 1.5em;
}

.proPicCon {
	float: left;
	margin: 1.5em 0px;
	padding-left: 20px;
}

.proPic {
	overflow: hidden;
	width: 200px;
}

/*Resources Style*/

.resBody {
	margin: 0 0 0 100px;
}

.resCol {
	text-align: left;
	padding-top: 1.5em;
}

.resCol h2 {
	font-size: 1.2em;
	color: #444;
}

.resCol ul {
	list-style-type: none;
}

.resLink {
	text-decoration: underline;
	font-size: 1em;
}


#resume h2 { margin-left: 20px; }
#resume h3 { margin-left: 30px; }
#resume .resumeCopy { margin-left: 40px; color: #555; }
#resume .resumeWhere { margin-left: 40px; font-size: 16px; margin-bottom: 20px; display: block; }