/* SOME COMMON LINES OF CODE THAT I MIGHT USE
font-family: Arial, Helvetica, sans-serif;
font-family: Times New Roman,Times,serif;
*/
html{ background: #878986 url('images/black_bkgnd.jpg') repeat-y; }

body {
	margin:		0px;
	padding:	0px;
	width:		1049px;
	text-align:	center;
	
	background:	#878986 url('images/black_bkgnd.jpg') repeat-y;
/*	border: 1px solid black;*/
	border-right: 0px solid red;
	border-top: 1px solid #878986;
}

#container {
	position: relative; /* this is necessary for absolute position divs to position with respect to container */
	
	 /* 28 percent */
	margin: 30px 0px 0px 125px;
	margin: 0px 0px 0px 125px; /* get rid of top black border */
/*	margin: 30px 0px 0px 165px; /* have get rid of top black border */
	width : 994px;
	height: 714px;
	background: #878986 url('images/home_bkgnd-med.jpg') no-repeat;
	
	padding : 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .8em;
	font-size: .75em;
/*	font-size: .9em;*/
	overflow: hidden;
	border: 0px solid white;
}
#maincontainerwithfloatingdivs{
	margin: 0px;
	text-align: left;
	border: 0px solid gray;
	overflow: hidden;
}
#logo{
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 246px;
	height: 106px;
	border: 0px solid gray;	
}
#logo img{
	margin: 0px;	
}

#middlesection{
	position: relative;
	display: block;
	margin: 60px 0px 0px 0px;
	padding: 0px;
	width: 994px;
	height: 600px;
	border: 0px solid red;
	overflow: hidden;
	font-family: Helvetica, Arial, sans-serif;
}
#profileinfo{
	position: relative;
	float: left;
	margin: 0px 0px 0px 290px;
	margin: 0px 0px 0px 290px;
	padding: 0px;
	width: 380px;
	height: 415px;
	text-align: left;
	font-family:  Helvetica, Arial, sans-serif;
	color: white;
	border: 0px solid red;	
}

#profiletitle{ margin: 7px 0px 20px 0px; height: 47px; }
#profileinfo{
	font-family:  Helvetica, Arial, sans-serif;
}
#profiledescription{
	padding: 0px 30px 0px 0px;
	/* use the following if using sIFR and VC */
	font-size: 1.1em;

}
#homemainmenu{
	position: absolute;
	top: 310px;
	left: 690px;
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 300px;
	text-align: left;	
	border: 0px solid green;
}
#homemainmenu .mainmenu{
	margin: 0px;padding: 0px;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 21px;
}
#homemainmenu .mainmenu li{
	list-style: none;
	margin: 0px 0px 57px 0px;	
}
.mainmenu a:link, .mainmenu a:visited, .mainmenu a:active {
	color: white;
	color: #878986;
	text-decoration: none;
}
#othermainmenu{
	position: absolute;
	margin: 0px;
	padding: 0px;
	top: 590px;
	left: 0px;
	width: 600px;
	height: 30px;
	text-align: left;	
	border: 0px solid green;
}
#othermainmenu .mainmenu{
	margin: 0px; padding: 1px;
	text-align: center;
	border: 0px solid blue;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 20px;
	overflow: hidden;
}
#othermainmenu .mainmenu a{
	color: black;
}
#othermainmenu .mainmenu li{
	list-style : none;
	padding: 0px;
	margin : 0px 20px 0px 20px;
	float: left;
}

#profilemenu{
	position: absolute;
	top: 445px; /* original - but too low */
	top: 340px;
	left: 690px;
	width: 304px;
	text-align: left;
	color: #878986; /* start gray to hide it, then have sIFR replace with white */
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	border: 0px solid red;
}
#menutitle{
font-size: 21px;	
}
#profilemenu .mainmenu{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;	
	font-size: 19px;
	color: #878986;
}
#profilemenu .mainmenu a{
	color: #878986;
}

#profilemenu .mainmenu li{
	list-style : none;
	padding: 0px;
	margin : 0px 0px -2px 0px;
	display: block;
}
#profilemenu .mainmenu li.submenu{
	padding: 0px 0px 0px 10px;
	margin : 0px 0px 0px 10px;
	font-size: 14px;
}
#profilemenu .mainmenu li.submenu2{
	padding: 0px 0px 0px 10px;
	margin : 0px 0px 0px 30px;
	font-size: 14px;
}
#profilemenu .mainmenu li.active{
	color: #790000

}
#profilemenu .current{
	color: #790000	
}

#containerforabsolutes{
	position: absolute; /* this is necessary for absolute position divs to position with respect to container */
	margin: 0px auto;
	top: 0px;
	left: 0px;
	width : 994px;
	height: 714px;
	padding : 0px;
	border: 0px solid red;
	border-bottom: 0px solid red;
	background-color: none;
	overflow: hidden;
}

#circles{
	position: absolute;
	top: 450px;
	left: 594px;
	border: 0px solid red;	
}