body{
	padding:0px;
	margin:0px;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	background-color: #7A6B30;
}

#container{
width:960px;
margin:auto;
border:1px solid white;
background: #6C2418;/*needs to be same color as left and right bars to give effect of full length columns for those areas*/
}

#header{
width:100%;
}

#logoImage{
	float:right;
	height:200px;
	width:80%;
	background: black;/*needs to match headerCnt background color*/

}

#logo{
	border:none;/*needs to be specified or else an outline appears around the image in some browsers*/
	float: right;
}

#headerCnt{
	float:left;
	height:200px;
	background: black;/*needs to match logoImage background color*/
	width:20%;
	text-align: center;
}

#headerCnt h1{
	font-size:1.5em;
	margin:0px;
	padding:0px;
}


#headerCnt h2{
margin:0px;
	padding:0px;
}

#contentArea{
clear:both;

}

#leftSidebar{
width:20%;
float:left;
background: #6c2418;/*coffee bean color*/
color:white;
height:710px;

}

#midContent{
width:60%;
float:left;
background: #EEEEEE;
color:#6c2418;/*coffee bean color*/
min-height:710px;
}

#midContent p{
padding-right:10px;
}

#midContent img{
	float:left;
	margin:3px 20px 20px 10px;
	border:solid 1px black;
}



#rightContent{

width:20%;
float:left;
background:#6c2418;/*coffee bean color*/
color:#ffde00;
height:710px;
}

#footer{
clear:both;
/*margin-left:20%;
margin-right:20%;*/
text-align:center;
background:black;
padding:1px;
margin:0px;
height:100%;
}




#leftSidebar a{
text-decoration:none;
color:#B0B0B0;/*default color of menu items in menu list*/
font-weight:bold;
}

#leftSidebar ul{
list-style-type:none;
margin: 0px 0px 0px 2em;/*by changing these you can control the positioning of the menu list items in the left sidebar*/
padding: 0;
}

#leftSidebar a:hover{
color:#e16eac/*pink highlight color of menu items*/;
text-decoration:underline;
}

/*Removes indent on Our Experts unordered list with faye and sarah in it, therefore lines up with other menu items*/
#ourExperts ul{
margin: 0;
padding: 0;
}

/*moves sarah and faye over to right by X em*/
.ourExpertsItem {
margin: 0px 0px 0px 1.5em;
}

/*Prevents underline from appearing on Our Experts text when it is hovered over*/
#leftSidebar #ourExperts li:hover, #ourExperts a:hover{
color:#e16eac/*pink highlight color of menu items*/;
text-decoration:none;
}

/*causes underline to appear under faye and sarah when hovered over*/
#leftSidebar #ourExperts .ourExpertsItem:hover{
color:#e16eac/*pink highlight color of menu items*/;
text-decoration:underline;
}

/*causes default image to show up in front of Faye and Sarah in Our Experts Textarea*/
#leftSidebar #ourExperts ul li a, #leftSidebar #ourExperts ul {
/*list-style-type:square;*/
list-style-image:url('../images/globe.png');
}

/*causes image to change in front of Faye and Sarah when Our Experts Text is hovered over*/
#leftSidebar #ourExperts:hover ul li a, #leftSidebar #ourExperts:hover ul {
color:#e16eac/*pink highlight color of menu items*/;
/*list-style-type:square;*/
list-style-image:url('../images/globe2.png');
}


/*prevents Our Experts text from having square in front of it*/
#ourExpertsTop:hover, #ourExpertsTop{
list-style-type:none;
list-style-image:none;
}

/*when class .selected is applied on the <a> tag for faye or sarah or the <li> tag for the other pages, this allows the selection to remain
the specified color indicated regardless of whether it is hovered over or not*/ 
#leftSidebar .selected a, #leftSidebar .selected, #leftSidebar  #ourExperts .selected:hover, #leftSidebar #ourExperts:hover ul .selected{
color:white;
}

#rightContent a{
font-weight:bold;
}

#rightContent ul{
list-style-image:url('../images/bulletPlane.png');
}
#rightContent a:link    {color:#ffde00;}
#rightContent a:visited {color:#b57119;}
#rightContent a:hover   {color:green;}



h3, p{
padding:0px 0px 0px 10px;
}

.siteName{
	font-family: Arial, Helvetica, sans-serif;
	color:#B02B2B;
	font-weight:bold;
}

.siteName2{
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

.highlight{
border: 3px solid #808080;
/*background:red;*/
margin:20px;
padding:10px 30px;

}


.source{
margin:20px;
background:#EEEEEE;
border: 3px solid #808080;
padding:5px;

}


table, th, td
{
border: 1px solid black;
border-collapse:collapse;
}

table {
margin-left:auto;
margin-right:auto;
margin-bottom:10px;

}

.btext{
font-weight:bold;
}

.indentText{
	font-size:11pt;
	margin:0px 0px 0px 10px;
}
p.indentText{
margin:2px;
}

.clearLeft{
clear:left;
}