/* CSS Document  Centennial Law Corp */

html {
    overflow: scroll;  /*needed to help page not jump when scroll bar appears*/
} 

body {
background: #fff url(images/granite100.jpg) repeat;
font-family: Arial, Helvetica, sans-serif; 
color: #000;
font-size: 100%;
}

#wrapperleft {
float: left;
margin: 0px 0px 0px 0px;
background: #fff url(images/column_left_marbled.jpg) repeat-y top left;
}

#container {
width:880px;
padding: 10px;
border: solid 2px #ccc;
overflow:auto;
margin: 0 auto; /*auto marg will center the page*/
}

#header {
width: 880px;
height: 150px;
color:#fff;
background:#339;

}

#content {
width: 700px;
margin: 0px;
padding: 10px;
float:right;

}
#content p {
margin: 5px;
padding: 5px;
}
#content h4 {
color:#666;
margin: 2px;
padding: 5px;

}
#content h3 {
color: #666;
font-style:italic;
margin: 5px;
font-size: 21px;
font-family: Arial, Helvetica, sans-serif;
}

/*table--for Contact Us Page---------------------------------*/

.tableContactUs { 
   border-collapse: collapse; 
   width: 700px;
   background: #fff url(images/graniteOP.jpg) repeat;
   margin: 10px 0px 10px 0px;  
} 
.tableContactUs tr { 
   padding: 0px;
} 
.tableContactUs td { 
   padding: 5px;
   font-size: 14px;
   text-align: left;
   vertical-align: top;    
}
.tablecell2  {


} 
.tableContactUs td h3 {
text-align: center;
}
.tableContactUs caption { 
    font-size: 18px; 
    font-weight: bold; 
    margin: 5px;  
    padding: 10px 10px 15px 10px; 
} 


/*table--for Offices---------------------------------*/

.tableOffices { 
   border-collapse: collapse; 
   width: 700px;
   background-color: #fff;
   margin: 10px 0px 10px 0px;  
}  
.tableOffices tr { 
   padding: 0px;
} 
.tableOffices td { 
   padding: 5px;
   font-size: 14px;
   text-align: left;
   vertical-align: top;
   border: 1px solid #000; 
}
.tablecell  {
background: #ccc;
color: #000;
} 
.tableOffices td h3 {
text-align: center;
}
.tableOffices caption { 
    font-size: 18px; 
    font-weight: bold; 
    margin: 5px;  
    padding: 10px 10px 15px 10px; 
} 


#leftcol {
width: 160px;
margin: 0px 0px 0px 0px;
padding: 5px 0px;
float: left;
text-align: left;
color: #ccc;

}
#leftcol ul {
padding: 0px 0px 30px 0px;
list-style: none;
}
#leftcol li {
margin: 25px;
}

#leftcol  a:link {text-decoration: none; color: #ccc; }
#leftcol  a:hover {text-decoration: none; color: #ff0; }
#leftcol  a:visited {text-decoration: none; color: #ccc; }
#leftcol a#current { color: #ff0; } 	


#leftcol img {
padding: 10px 30px 10px 30px;
}


#footer {
width: 880px;
float:left;
}

.tablefooter { 
   border-collapse: collapse; 
   width: 880px;
   margin: 0px;
   border: none;
   background-color: #ccc;  
}  
.tablefooter tr { 
   padding: 0px;
} 
.tablefooter td { 
   padding: 5px 0px 5px 0px;
   font-size: 10px;
   text-align: left;
   vertical-align: top;
   border: none; 
}
.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: 20px;
	width: auto;
}	

.bgyellow {
background-color: #ff9;
}
.bgwhite {
background-color: #fff;
padding: 5px;
}
.bggrey {
background-color: #ccc;
}