/* CSS Document : Bridges By Design */


body {
	background: #fff;
	margin: 0px;
	padding:0px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;   /* KAREN DON'T FORGET Design */ 
	color: #000;
	overflow: scroll;
	text-align: center;
	}

#wrapperright {
	float: right;
	width:100%;
	background: url(images/bluebground.png) repeat-y top right;
	}



#container {
	width: 880px;  /* using 20px less than a full 900px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 20px 0px 0px 0px;
	/*overflow: hidden;*/
	
	text-align: left;	
} 

#header {
	background:#fff; 
	padding:0px;
	margin:0px;
	color:#fff;
	text-align:left;
	width: 700px;
	} 
#header img {
margin: 0px;
padding: 0px;

}
#headerright {
width: 175px;
float:right;
background:#039;
}
#headerright img {
margin: 5px 0px 5px 6px;
}	



/*----------blue  bar---below logo and bottom of site-----------*/
#bluebar {
	background:#039;  /*dark blue*/
	padding:30px 0px 0px 0px;
	margin:0px;
	color:#fff;
	width: 100%;	
	}	


#centercol {
	width: 700px;
	padding:0px;
	margin: 0px;
	float:left; 
	}
#centercol p {
text-align: justify;
margin: 5px;
}
		
#centercol h4 {
	font-size: 16px;
	text-align: left;
	margin: 5px 0px 5px 5px;
}	
#centercol a {
	color: #ff0;
	}
	
#centercol a:hover {
	border-bottom:1px solid;
	color: #f00;
	}
/*
#centercol img {
	float: right;
	border: none;
}

--*/
.table { 
   border-collapse: collapse; 
   width: 700px;
   background-color:#fff;
   margin: 0px; 
  /* border: 2px solid black;*/ 
}  
.table tr { 
   padding: 0px;
} 
.table td { 
   padding: 10px;
   text-align: left;
   vertical-align: top; 
} 
.table img {
margin: 0px;

}
.table caption { 
    font-size: 18px; 
    font-weight: bold; 
    margin: 5px;  
    padding: 10px 10px 15px 10px; 
}
.tablecellblue {
color: #fff;
background-color:#039;
padding: 5px 10px;
}
.tablecellred {
color: #f00;
font-style:oblique;
}

				
#rightcol {
	float:right;	
	width:180px; /* actual value */
	padding:0px;
	background: #039;
}
#rightcol p {
	margin: 10px;
	text-align: left;
	font-size: 14px;
	color: #fff;	
}
#rightcol img {
margin: 15px 0px 5px 10px;
}
#rightcol a {
	color: #ff0;
	}
	
#rightcol a:hover {
	border-bottom:1px solid;
	color: #f00;
	}

	
	
.tablefooter { 
   border-collapse: collapse; 
   width: 880px;
   margin: 0px 0px 20px 0px;
   border: none;
   background-color: #039;  
}  
.tablefooter tr { 
   padding: 0px;
} 
.tablefooter td { 
   padding: 5px;
   font-size: 9px;
   color: #fff;
   text-align: left;
   vertical-align: top;
   border: none; 
}
.tablefooter a {
	color: #fff;
	}
	
.tablefooter a:hover {
	color: #f00;
	}

	
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-right: 5px;
	width: auto;
}