/* CSS Document */

body {
	min-width:750px;
	background-color: white;
	border: 5px double black;
	padding: 6px;
	text-align:center}

#menu,#content {

overflow:hidden;

display:inline-block}


#header a{ 
	width:100%;
	background-image:url(FCG_logoWEB.png);
	background-repeat: no-repeat;
	display: block;
	margin-left:5px;
	height: 71px;
	text-align:left}
	
#headerbar {
	background-color: #5f5f5f;
	border: 1px solid black;
	color: #ebf5fb;
	font: 1.0em Arial;
	font-style: italic;
	font-weight: bold;
	height: 25px;
	padding-left: 4px;
	padding-top:4px;
	text-align:left}
	
#menu,#content {float:left}

#menu {
	width:15%;
	text-align:left;
	background-color: #ebf5fb;
	border: 2px solid #5f5f5f;
	font: .9em Arial;
	padding-top: 5px;
	padding-left: 5px}

#content {
	width:80%;
	text-align:left;
	background-color: #ffffff;
	border: 2px solid #5f5f5f;
	font: .8em Arial;
	line-height: 18px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right:5px;
	float:right;
	background: url(chartlogoBG.png) no-repeat center}
	
#about {
	width:80%;
	text-align:left;
	background-color: #ebf5fb;
	border: 2px solid #5f5f5f;
    font-family: Arial;
	line-height: 18px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right:5px;
	float:right}
	
img.about {
	border: 1px solid black;
	margin: 2px 4px 2px 2px;
	float: left}
	
img.construction {
	width: 50%}
	
img.link {
	margin: 2px 2px 0px 2px;
	height: 30px}
	
#contact {
	width:80%;
	text-align:left;
	background-color: #ffffff;
	background-image: url(stickynote2.png);
	background-repeat: no-repeat;
    background-position: center;
	border: 2px solid #5f5f5f;
	font: .8em Arial;
	padding-top: 4px;
	padding-left: 4px;
	padding-right:5px;
	float:right}
	
#links {
	width:80%;
	text-align:left;
	background-color: #ffffff;
	border: 2px solid #5f5f5f;
	font-family: Arial;
	padding-top: 4px;
	padding-left: 4px;
	padding-right:5px;
	float:right}
	
#services {
	width:80%;
	text-align:center;
	background-color: #ffffff;
	border: 2px solid #5f5f5f;
	font-family: Arial;
	padding-top: 4px;
	padding-left: 4px;
	padding-right:5px;
	float:right}
	
#associates {
	width:80%;
	text-align:left;
	background-color: #ffffff;
	border: 2px solid #5f5f5f;
	font: .8em Arial;
	padding-top: 4px;
	padding-left: 4px;
	padding-right:5px;
	float:right}

#blog{
	width:80%;
	text-align:center;
	background-color: #ffffff;
	border: 2px solid #5f5f5f;
	font: .8em Arial;
	padding-top: 4px;
	padding-left: 4px;
	padding-right:5px;
	float:right}
	
#boxesl {
float: left;
width:270px;
margin-left:17px;
margin-top: 5px}

#boxesr {
float: right;
width:270px;
margin-right:17px;
margin-top: 5px}



a.boxover {
margin-bottom:20px;
border: 3px groove blue;
color: black;
text-decoration: none;
display: block}

#box1{
background-image: url(economic_dev.png);
background-repeat: no-repeat;
background-position: 50% 85%}

#box2{
background-image: url(real_estate.png);
background-repeat: no-repeat;
background-position: 50% 85%}

#box3{
background-image: url(site_selection.png);
background-repeat: no-repeat;
background-position: 50% 85%}

#box4{
background-image: url(workforce.png);
background-repeat: no-repeat;
background-position: 50% 85%}

#box5{
background-image: url(it.png);
background-repeat: no-repeat;
background-position: 50% 85%}

#box1 h3,#box2 h3,#box3 h3,#box4 h3,#box5 h3 {
text-align:center;
font-family: sans-serif;
font-size: 1.0em;
padding:10px 10px 10px 0;
margin:0 0 0 0px;
background-color: #ebf5fb}

#box1 p,#box2 p,#box3 p, #box4 p,#box5 p{
text-align: left;
font-family: sans-serif;
font-size: .8em;
font-weight: bold;
height: 175px;
line-height: 22px;
padding:10px 10px 10px 10px;}

#ed {
	width:80%;
	text-align:left;
	background-color: #ffffff;
	border: 2px solid #5f5f5f;
	font: .8em Arial;
	line-height: 18px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right:5px;
	float:right}
	
#re {
	width:80%;
	text-align:left;
	background-color: #ffffff;
	border: 2px solid #5f5f5f;
	font: .8em Arial;
	line-height: 18px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right:5px;
	float:right}
	
#ss {
	width:80%;
	text-align:left;
	background-color: #ffffff;
	border: 2px solid #5f5f5f;
	font: .8em Arial;
	line-height: 18px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right:5px;
	float:right}
	
#wd {
	width:80%;
	text-align:left;
	background-color: #ffffff;
	border: 2px solid #5f5f5f;
	font: .8em Arial;
	line-height: 18px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right:5px;
	float:right}
	
#it {
	width:80%;
	text-align:left;
	background-color: #ffffff;
	border: 2px solid #5f5f5f;
	font: .8em Arial;
	line-height: 18px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right:5px;
	float:right}
	
#footer {
	width: 100%;
	clear:left;
	margin: 4px;
	font: .7em sans-serif;
	text-align: center}
	
a.rollover {
	display: block;
	width: 200px;
	height: 25px;
	color:black;
	text-decoration: none}
	
a.rollover:hover{
	color: #5f5f5f}
	
a.rollover span{
	visibility: hidden}

.clearing {
  height: 0;
  clear: both}
 
 p.ctr{
 padding-left:25px}
 
 p.list{
 line-height: 20px;
 padding-left:50px;
 padding-right: 30px}
 
 p.clear{
 clear:left}
 
.toplink { 
	font: .8em Arial}

@media print { .toplink { display: none; } } 

#updates{
background: #ffcc66;
font: 1.2em Arial;
font-weight: bold;
border: 4px ridge orange;
margin: 6px;
padding: 6px;
text-align: center}

.its{
font-weight: bold;
text-decoration: underline}