/* OK, this is how the page is layed out: 
  Body
  	Div: Nav-Bar-Top
  	Div: Pg-contents
  		Div: Left-col
  		Div: right-col
  	Div: Nav-Bar-Bottom
  	Div: pg-Footer
  		Div: left-bottom-info
  		Div: right-bottom-info
  End-Body
  
  ===============
  
  Only Div: Right-Col is editable in the pages, all else is controlled by the template
  
*/

#nav-bar-top{
	width: 1019px;
	position:relative;
	float: left;
}
#nav-bar-bottom{
	width: 1019px;
	position:relative;
	float: left;
	height: 100%;
}
#pg-footer{
	width: 1019px;
	position: relative;
	float: left;
}
#pg-contents{
	width: 1019px;
	position: relative;
	float: left;
	height: auto;
	margin-bottom: 10px;
}
#left-bottom-info{
	position: relative;
	float: left;
	width: 19%;
	background-color: #D3AE9E;  /* old: DDDDDD */
	border: 0px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px;
	margin-right: 2px;
	font-size: x-small;
}
#left-col{
	position: relative;
	float: left;
	width: 19%;
	background-color: #D3AE9E;
	border: 0px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 5px;
	margin-right: 2px;
	margin-bottom: 10px;
}
#right-bottom-info{
	position: relative;
	float: left;
	background-color: #a5b7c5; /*old EFD28C */
	border: 0px;
	width: 79%;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	font-size: x-small;
}
#right-col{
	position: relative;
	float: left;
	background-color: #a5b7c5;
	border: 0px;
	width: 79%;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-bottom: 10px;
}
#button1{
	position:relative;
	float:left;
	width: 48%;
	text-align:center;
}
#button2{
	position:relative;
	float:right;
	width: 48%;
	text-align:center;
}
#photo1{
	width:225px;
	position:relative;
	float:right;
	text-align:center;
}