/* Note, most stiles that apply to only one page are imbedded at the top of that page.  
Exampele, table widths, column widths, font colors.*/

@import url('defaults.css');
/*default.css is defauld margins and padding for particular DIVs  
                              - not too useful  */
@import url('global.css');
/*golbal.css contains global styles that apply to all pages and regions 
                            - thinks like defaults for P and A and H1 styles  */
@import url('Regional.css');
/* region.css contains syltes for particulare regions (DIVs) - width, margin, padding etc.  */
/* This stylesheet, Styles.css contains the styles you are most likely to need to apply to tags as you edit  */
/**/
/*classes in order of utility.  The top 5 are most useful.  The rest, not so much.*/
/**/
/* Appliable Styles */
/* image styles */
/**/
/*imageleft - apply this to an image <img... to make it float to the left side*/
/*text will flow around the image.  Try placing the image in the middle of a paragraph <p>*/

.imageleft {
	float: left;
	display: block;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}
/*imageright - apply this to an image <img... to make it float to the right side*/
.imageright {
	float: right;
	display: block;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
}
/*imagecenter - apply this to an image to make it float to the right side*/
/* text will stop - and proced below the image - no flow around.*/
.imagecenter {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}


/* apply this to the rec_sm.png.  The creates some space after it */
.recyclelogo {
	padding-right: 10px;
}





/* .box class - applied to DIVs on the recycle page.  Makes a fine border.  
Try it on other pages if you like.*/
.box {
	padding: 15px;
	border: 1px #cccccc dotted;
}

/* table styles.  These are reasonable defaults for tables.  just apply to a table and it will tend to look better.
*/
.one_column_table td {
	border-bottom: 1px #EFEFEF dotted;
	vertical-align: top;
}

.one_column_table {
	width: 60%;
}
.two_column_table td {
	border-bottom: 1px #EFEFEF dotted;
	vertical-align: top;
}
.two_column_table {
	width: 100%;
}

/* Special Purpose */
/* maybe to be dropped - still looking */
.person_list {
	border-bottom-color: gray;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* stuff for the index (HOME) page to support the boxes on the right side. */
/* boxes */
.sidebar_box {
	/*	float: right;
	width: 131px;
	padding-top: 10px;*/
	
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #EFEFEF;
	margin: 0px 0px 10px 0px;
	text-align: center;
	border: 2px #CBE4C4 solid;
	width: 65%;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 10%;
	padding-bottom: 10%;
	margin-right: 0px;
	margin-top: 15px;
}
.sidebar_box img {
	border: 0px;
	margin-left: auto;
	margin-right: auto;
}
.sidebar_box a {
	text-decoration: none;
}